@extends('layout.site', ['title' => 'Векпром каталог'])

@section('script_js')
    <script>
        function Ajax_query() {
            var sort_val = '';
            var filter_val = [];

            $('.tab_js').each(function() {
                var v = $(this).data('tab');
                var this_ = $(this);
                if (this_.hasClass('active'))
                    sort_val = v;
            });

            $('.check-highload').each(function() {
                var v = $(this).val();
                var this_ = $(this);
                if (this_.is(':checked')) {
                    filter_val.push(v);
                }
            });

            console.log('-------------------');
            $.ajax({
                type: "GET",
                url: "{{ route('catalog') }}",
                data: "sort="+sort_val+"&filter="+JSON.stringify(filter_val),
                success: function(data) {
                    console.log('Успешно обновлены данные таблиц! ');
                    $('#block_ajax').html(data);
                },
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                error: function(data) {
                    console.log('Error: '+ data);
                }
            });
        }

        $(document).on('click', '.tab_js', function() {
            console.log('Клик таб');
            Ajax_query();
        });

        $(document).on('change', '.check-highload', function() {
            console.log('Клик фильтр');
            Ajax_query();
        });




    </script>
@endsection

@section('content')
    <section class="catalog-top">
        <div class="catalog-top-bg"></div>
        <div class="container catalog-top-container">
            <div class="result-links catalog-top-links">
                <a class="result-links__item" href="#">Главная</a><span> /</span>
                <a class="result-links__item result-links__item--active">Каталог</a><span> </span>
                <!--<a class="result-links__item result-links__item--active" href="#">Обработка металла</a>-->
            </div>
            <div class="catalog-top-content">
                <h1 class="catalog-top-content__title">Каталог</h1>
                <a class="catalog-top-content__back" href="{{ route('index') }}">Вернуться</a>
            </div>
        </div>
    </section>

    <section class="catalog-content">
        <div class="container catalog-content-container">
            <div class="catalog-accordion-wrapper">
                @include('part.categories', ['level' => -1, 'parent' => 0])
                <!--<button class="catalog-accordion js_catalog_accordion">Обработка металла</button>
                <ul class="catalog-accordion-panel">
                    <li>Циркулярные станки</li>
                    <li>Рейсмусы</li>
                    <li>Комбинируемые станки
                        по дереву</li>
                    <li>Сверлильные станки</li>
                    <li>Заточные станки</li>
                    <li>Верстаки</li>
                    <li>Подшипники</li>
                    <li>Тиски</li>
                </ul>
                <button class="catalog-accordion cat-acc-two_ js_catalog_accordion js_cat_acc_two_">Лазерные станки</button>
                <ul class="catalog-accordion-panel">
                    <li>Циркулярные станки</li>
                    <li>Рейсмусы</li>
                    <li>Комбинируемые станки
                        по дереву</li>
                </ul>
                <button class="catalog-accordion cat-acc-three_ js_catalog_accordion js_cat_acc_three_">Обрабатывающие центры</button>
                <ul class="catalog-accordion-panel">
                    <li>Циркулярные станки</li>
                    <li>Рейсмусы</li>
                    <li>Комбинируемые станки
                        по дереву</li>
                    <li>Сверлильные станки</li>
                    <li>Заточные станки</li>
                    <li>Верстаки</li>
                    <li>Подшипники</li>
                    <li>Тиски</li>
                </ul>
                <button class="catalog-accordion js_catalog_accordion">Прессовое оборудование</button>
                <ul class="catalog-accordion-panel">
                    <li>Циркулярные станки</li>
                    <li>Рейсмусы</li>
                    <li>Комбинируемые станки
                        по дереву</li>
                </ul>
                <button class="catalog-accordion cat-acc-five js_catalog_accordion js_cat_acc_five">Сварочное оборудование</button>
                <ul class="catalog-accordion-panel">
                    <li>Циркулярные станки</li>
                    <li>Рейсмусы</li>
                    <li>Комбинируемые станки
                        по дереву</li>
                    <li>Сверлильные станки</li>
                    <li>Заточные станки</li>
                    <li>Верстаки</li>
                    <li>Подшипники</li>
                    <li>Тиски</li>
                </ul>
                <button class="catalog-accordion cat-acc-six js_catalog_accordion js_cat_acc_six">Строительное оборудование</button>
                <ul class="catalog-accordion-panel">
                    <li>Циркулярные станки</li>
                    <li>Рейсмусы</li>
                    <li>Комбинируемые станки
                        по дереву</li>
                </ul>
                <button class="catalog-accordion cat-acc-seven js_catalog_accordion js_cat_acc_seven">Инструмент</button>
                <ul class="catalog-accordion-panel">
                    <li>Циркулярные станки</li>
                    <li>Рейсмусы</li>
                    <li>Комбинируемые станки
                        по дереву</li>
                    <li>Сверлильные станки</li>
                    <li>Заточные станки</li>
                    <li>Верстаки</li>
                    <li>Подшипники</li>
                    <li>Тиски</li>
                </ul>
                <button class="catalog-accordion cat-acc-eight js_catalog_accordion js_cat_acc_eight">Лазерные станки</button>
                <ul class="catalog-accordion-panel">
                    <li>Циркулярные станки</li>
                    <li>Рейсмусы</li>
                    <li>Комбинируемые станки
                        по дереву</li>
                </ul>-->

            </div>
            <div class="catalog-content-main">
                @include('part.filter.catalog')
                <!--<div class="catalog-content-checkboxes cat-check">
                    <h2 class="catalog-content-checkboxes__title">Производитель</h2>
                    <label class="catalog-checkboxes-container">Вектор
                        <span class="catalog-checkboxes-count">1</span>
                        <input type="checkbox" checked="checked" class="check-highload">
                        <span class="highload2"></span>
                    </label>
                    <label class="catalog-checkboxes-container">Авто
                        <span class="catalog-checkboxes-count">1</span>
                        <input type="checkbox" class="check-highload">
                        <span class="highload2"></span>
                    </label>
                    <label class="catalog-checkboxes-container">BDS Mashinen
                        <span class="catalog-checkboxes-count">1</span>
                        <input type="checkbox" class="check-highload">
                        <span class="highload2"></span>
                    </label>
                    <label class="catalog-checkboxes-container">Karnasch
                        <span class="catalog-checkboxes-count">1</span>
                        <input type="checkbox" checked="checked" class="check-highload">
                        <span class="highload2"></span>
                    </label>
                    <label class="catalog-checkboxes-container">AGP Power Tools
                        <span class="catalog-checkboxes-count">1</span>
                        <input type="checkbox" class="check-highload">
                        <span class="highload2"></span>
                    </label>
                    <label class="catalog-checkboxes-container">Promotech
                        <span class="catalog-checkboxes-count">1</span>
                        <input type="checkbox" class="check-highload">
                        <span class="highload2"></span>
                    </label>
                    <label class="catalog-checkboxes-container">ONIX
                        <span class="catalog-checkboxes-count">1</span>
                        <input type="checkbox" checked="checked" class="check-highload">
                        <span class="highload2"></span>
                    </label>
                </div>
                -->
                <ul class="catalog__tabs catalog-sorting-wrapper">
                    <!--<li class="tab active" data-tab=".js-tab_1">По популярности</li>-->
                    <li class="tab active tab_js" data-tab="count">По наличию</li>
                    <li class="tab tab_js" data-tab="price">По возрастанию цены</li>
                </ul>
                <div class="tabs__content catalog-content-items" id="block_ajax">
                    <div class="tabs__item tabs__item-active js-tab_1 tabs-item-catalog" >
                        <?if ($goods->count()) {?>
                        @foreach ($goods as $good)
                            <div class="content-item">
                                <div class="swiper swiper-catalog swiperCatalog">
                                    <div class="swiper-icons">
                                        <div class="swiper-icons-left">
                                            <svg class="swiper-icons-left__clock">
                                                <use xlink:href="{{ asset('/img/icons.svg#clock')}}"></use>
                                            </svg>
                                            <p class="swiper-icons-left__text">Под заказ</p>
                                        </div>
                                        <div class="swiper-icons-right">
                                            <span class="swiper-icons-right__compare js_compare"></span>
                                            <span class="swiper-icons-right__favorite js_favorite"></span>
                                        </div>
                                    </div>

                                    <div class="swiper-wrapper">
                                        @if (!empty($good->image))
                                            <div class="swiper-slide"><img src="{{ asset(Storage::url($good->image)) }}" width="250px" alt=""></div>
                                    @endif
                                    <!--<div class="swiper-slide"><img src="./img/main/catalog/cat-1.png" alt=""></div>
                                <div class="swiper-slide"><img src="./img/main/catalog/cat-1.png" alt=""></div>-->
                                    </div>
                                    <div class="swiper-pagination"></div>
                                </div>
                                <div class="content-text">
                                    <a class="content-text-hover" href="{{ route('good', ['good' => $good->id]) }}">
                                        <p>
                                            {{$good->text}}
                                        </p>
                                    </a>
                                    <h5 class="content-text__title">
                                        {{ $good->title }}
                                    </h5>
                                    <div class="content-info">
                                        <div class="info-one">
                                            <? if ((!empty($good->diametr_min)) && ($good->diametr_min > 0) &&
                                            (!empty($good->diametr_max)) && ($good->diametr_max > 0)) {?>
                                            <p class="info-one__par"><span class="content-info__par-title">⌀ обработки:</span> {{$good->diametr_min}}-{{$good->diametr_max}} мм
                                            </p>
                                            <? } ?>
                                            <? if ((!empty($good->RMC_min)) && ($good->RMC_min > 0) &&
                                            (!empty($good->RMC_max)) && ($good->RMC_max > 0)) {
                                            ?>
                                            <p class="info-one__par"><span class="content-info__par-title">РМЦ</span> {{$good->RMC_min}} - {{$good->RMC_max}} мм</p>
                                            <? } ?>
                                            <p class="info-one__par"><span>Мощность</span> {{$good->power}} кВт</p>
                                            <p class="info-one__par"><span>Вес</span> {{$good->weight}} кг</p>
                                        </div>
                                        <div class="info-two">
                                            <p class="info-two__title">Производитель:</p>
                                            <div class="info-two-wrapper">
                                                <img class="info-two-wrapper__country" src="{{ asset('/img/main/catalog/country/'.$good->country.'.svg') }}" alt="">
                                                <span class="info-two-wrapper__name">{{ $good->manufacturer }}</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="content-text-down">
                                        @if ($good->price_old > 0)
                                            <span class="content-text-down__before content-text-down__before--active">{{$good->price_old}} ₽</span>
                                        @endif
                                        @if ($good->price > 0)
                                            <p class="content-text-down__price">
                                                {{$good->price}} ₽
                                            </p>
                                        @endif
                                        <button class="content-text-down__button">В каталог</button>
                                    </div>
                                </div>
                            </div>
                    @endforeach
                    <? } ?>
                    </div>

                    <div class="pagination" style="padding-top: 25px;">
                        <!--<a class="catalog-content-btn pagination__btn-next" href="#">Показать еще</a>-->
                        <?=$goods->appends($_GET)->links('catalogs.paginate');?>
                    </div>
                </div>

            </div>
    </section>

    @if ($articles->count())
    <section class="catalog-articles">
        <div class="container catalog-articles-container">
            <h2 class="catalog-articles__title">Статьи по разделу</h2>
            <div class="swiper swiper-catalog-articles">
                <div class="swiper-wrapper">
                    @foreach($articles as $article)
                    <div class="swiper-slide swiper-slide-catalog-articles">
                        <img class="slide-catalog-articles-img" src="{{asset(Storage::url($article->image))}}" alt="">
                        <h3 class="slide-catalog-articles-title">{{$article->title}}</h3>
                    </div>
                    @endforeach
                    <!--<div class="swiper-slide swiper-slide-catalog-articles">
                        <img class="slide-catalog-articles-img" src="./img/catalogPage/catalog-news-min.png" alt="">
                        <h3 class="slide-catalog-articles-title">Сверлильный станок PRO 36 AD</h3>
                    </div>
                    <div class="swiper-slide swiper-slide-catalog-articles">
                        <img class="slide-catalog-articles-img" src="./img/catalogPage/catalog-news-min.png" alt="">
                        <h3 class="slide-catalog-articles-title">Сравнение новинок магнитный станков с автоматической подачей</h3>
                    </div>
                    <div class="swiper-slide swiper-slide-catalog-articles">
                        <img class="slide-catalog-articles-img" src="./img/catalogPage/catalog-news-min.png" alt="">
                        <h3 class="slide-catalog-articles-title">Специфика выполнения отверстий магнитными станками на вертикальных поверхностях</h3>
                    </div>
                    <div class="swiper-slide swiper-slide-catalog-articles">
                        <img class="slide-catalog-articles-img" src="./img/catalogPage/catalog-news-min.png" alt="">
                        <h3 class="slide-catalog-articles-title">Магнитный сверлильный станок
                            Вектор МС 36 или Rotabroach
                            Commando 40?</h3>
                    </div>-->
                </div>
            </div>
            <div class="swiper-button-next swiper-button-next__catalog-articles">
                <svg class="svg-partners-next">
                    <use xlink:href="./img/icons.svg#pr-next"></use>
                </svg>
            </div>
            <div class="swiper-button-prev swiper-button-prev__catalog-articles">
                <svg class="svg-partners-back">
                    <use xlink:href="./img/icons.svg#pr-prev"></use>
                </svg>
            </div>
            <a class="catalog-articles-container__btn" href="#">Показать все</a>
        </div>
    </section>
   @endif

    <section class="catalog-info">
        <div class="container">
            <h2 class="catalog-info__title">
                Полезная информация
            </h2>
            <div class="catalog-info-wrapper">
                <div class="catalog-info-col catalog-info-col-1">
                    <p class="catalog-info-col__text-main">
                        Главным оборудованием для обработки плоских, фасонных поверхностей, зубчатых колес на металлообрабатывающих
                        производствах выступают фрезерные
                        станки.
                    </p>
                    <div class="catalog-info-col__par">
                        <h3 class="catalog-info-col__title">Особенности моделей</h3>
                        <ul class="catalog-info-col__list">
                            <li>Универсальные фрезерные станки — предназначены для фрезерования, сверления глухих и сквозных отверстий, зенкерования,
                                нарезания резьбы,
                                растачивания отверстий в заготовках из черных и цветных металлов на единичном и серийном производстве.
                            </li>
                            <li>Обрабатывающие центры с ЧПУ (вертикальные и горизонтальные) — обеспечивают точную и быструю обработку металлических
                                заготовок за счет полной
                                автоматизации процессов. Вертикальный центр заменяет несколько аналогичных универсальных станков с ручным управлением,
                                обеспечивает
                                фрезерование, нарезание резьбы, сверление и расточку. Горизонтальные выполняют фрезерование, растачивание и сверление.
                                Гибкая настройка ЧПУ
                                ускоряет обработку без потери точности, что важно при работе со сложными и негабаритными деталями.
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="catalog-info-col catalog-info-col-2">
                    <p class="catalog-info-col__text-main">
                        В разделе представлены малогабаритные и стандартные модели, которые подойдут для серийного и мелкосерийного
                        производства, частных мастерских и
                        крупных промышленных цехов.

                    </p>
                    <div class="catalog-info-col__par">
                        <h3 class="catalog-info-col__title">Общие преимущества</h3>
                        <ul class="catalog-info-col__list">
                            <li>
                                Прочная и жесткая конструкция, в основе которой цельнолитая станина увеличенной массы с антивибрационным эффектом.
                                Точность за счет направляющих (качения\скольжения). Линейные направляющих качения обеспечивают высокую жесткость,
                                грузоподъемность, быстрый
                                динамический отклик, низкий коэффициент трения. Направляющие скольжения - высокую контактную жесткость, хорошие
                                демпфирующие свойства,
                                надежную фиксацию подвижного узла после перемещения в заданную позицию.
                            </li>
                            <li>
                                Рабочий стол большого размера позволяет работать с широким диапазоном размеров обрабатываемых деталей и выдерживать
                                высокую нагрузку.
                            </li>
                            <li>
                                ЧПУ которыми оснащены модели, обеспечивают многокоординатную сложную высокопроизводительную обработку. За счет большого
                                количества подвижных
                                осей расширяется номенклатура изготавливаемых деталей - возможно обрабатывать детали со сложными пазами.
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="catalog-info-bottom">
                <p class="catalog-info-bottom__text">
                    Проконсультируйтесь перед покупкой со специалистом компании — менеджер поможет выбрать фрезерный станок по металлу,
                    а
                    также купить модель, которая
                    подойдет для применения в составе уже работающей технологической линии.
                </p>
                <p class="catalog-info-bottom__text">
                    Также сотрудник организует доставку по Москве или в нужный регион России,
                    рассчитает лизинговые условия по выгодной цене. Кроме этого компания гарантирует сервисную поддержку и поставку
                    инструмента.
                </p>
            </div>
        </div>
    </section>

    @if ($reviews->count())
    <section class="catalog-reviews">
        <div class="container catalog-reviews-container">
            <h2 class="catalog-reviews__title">Отзывы партнеров</h2>
            <div class="swiper swiper-catalog-reviews">
                <div class="swiper-wrapper">
                    @foreach($reviews as $review)
                    <div class="swiper-slide slide-catalog-reviews">
                        <img class="slide-catalog-reviews__img" src="{{ asset(Storage::url($review->image)) }}" alt="">
                        <h3 class="slide-catalog-reviews__title">{{$review->company}}</h3>
                        <p class="slide-catalog-reviews__name">{{$review->author}}</p>
                        <p class="slide-catalog-reviews__text">{{$review->title}}</p>
                    </div>
                    @endforeach
                    <!--
                    <div class="swiper-slide slide-catalog-reviews">
                        <img class="slide-catalog-reviews__img" src="./img/catalogPage/cat-rew-2-min.png" alt="">
                        <h3 class="slide-catalog-reviews__title">Компания “Двери Олимп”</h3>
                        <p class="slide-catalog-reviews__name">Соколов Алексей</p>
                        <p class="slide-catalog-reviews__text">Магнитный сверлильный станок Вектор МС 36 или Rotabroach Commando 40?</p>
                    </div>
                    <div class="swiper-slide slide-catalog-reviews">
                        <img class="slide-catalog-reviews__img" src="./img/catalogPage/cat-rew-3-min.png" alt="">
                        <h3 class="slide-catalog-reviews__title">Компания “Двери Олимп”</h3>
                        <p class="slide-catalog-reviews__name">Соколов Алексей</p>
                        <p class="slide-catalog-reviews__text">Магнитный сверлильный станок Вектор МС 36 или Rotabroach Commando 40?</p>
                    </div>
                    <div class="swiper-slide slide-catalog-reviews">
                        <img class="slide-catalog-reviews__img" src="./img/catalogPage/cat-rew-1-min.png" alt="">
                        <h3 class="slide-catalog-reviews__title">Компания “Двери Олимп”</h3>
                        <p class="slide-catalog-reviews__name">Соколов Алексей</p>
                        <p class="slide-catalog-reviews__text">Магнитный сверлильный станок Вектор МС 36 или Rotabroach Commando 40?</p>
                    </div>-->
                </div>
            </div>
            <div class="swiper-button-next swiper-button-next__catalog-reviews">
                <svg class="svg-partners-next">
                    <use xlink:href="{{ asset('/img/icons.svg#pr-next') }}"></use>
                </svg>
            </div>
            <div class="swiper-button-prev swiper-button-prev__catalog-reviews">
                <svg class="svg-partners-back">
                    <use xlink:href="{{ asset('/img/icons.svg#pr-prev')}}"></use>
                </svg>
            </div>
            <a class="catalog-rev-button">Показать все</a>
        </div>
    </section>
    @endif

    @if ($lookin_good->count())
    <section class="viewed catalog-viewed">
        <div class="container viewed-container">
            <h2 class="viewed-container__title">
                Недавно просматривали
            </h2>
            <div class="swiper swiper-viewed">
                <div class="swiper-wrapper">
                    @foreach ($lookin_good as $look)
                    <div class="swiper-slide">
                        <div class="viewed__item">
                            <div class="catalog__item">
                                <div class="swiper swiper-catalog-item">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide swiper-slide-catalog">
                                            <img class="swiper-slide-catalog-img" width="250px" src="{{ asset(Storage::url($look->image)) }}"
                                                 alt="">
                                        </div>
                                        <!--<div class="swiper-slide swiper-slide-catalog"><img class="swiper-slide-catalog-img"
                                                                                            src="../img/product/viewed/v-1-min.png" alt=""></div>
                                        <div class="swiper-slide swiper-slide-catalog"><img class="swiper-slide-catalog-img"
                                                                                            src="./img/product/viewed/v-1-min.png" alt=""></div>-->
                                    </div>
                                    <div class="swiper-pagination"></div>
                                </div>
                            </div>
                            <div class="viewed__item-info">
                                <h3 class="viewed__item-title"><a href="{{ route('good', ['good' => $look->id]) }}">{{ $look->title }}</a></h3>
                                <div class="viewed__item-bottom">
                                    <p class="viewed__item-price">{{ $look->price }} ₽</p>
                                    <button class="viewed__item-btn">В каталог</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endforeach
                    <!--<div class="swiper-slide">
                        <div class="viewed__item">
                            <div class="catalog__item">
                                <div class="swiper swiper-catalog-item">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide swiper-slide-catalog">
                                            <img class="swiper-slide-catalog-img" src="./img/product/viewed/v-2-min.png"
                                                 alt="">
                                        </div>
                                        <div class="swiper-slide swiper-slide-catalog"><img class="swiper-slide-catalog-img"
                                                                                            src="./img/product/viewed/v-2-min.png" alt=""></div>
                                        <div class="swiper-slide swiper-slide-catalog"><img class="swiper-slide-catalog-img"
                                                                                            src="./img/product/viewed/v-2-min.png" alt=""></div>
                                    </div>
                                    <div class="swiper-pagination"></div>
                                </div>
                            </div>
                            <div class="viewed__item-info">
                                <h3 class="viewed__item-title">Установка лазерной
                                    резки GWEIKE</h3>
                                <div class="viewed__item-bottom">
                                    <p class="viewed__item-price">250 990 ₽</p>
                                    <button class="viewed__item-btn">В каталог</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="viewed__item">
                            <div class="catalog__item">
                                <div class="swiper swiper-catalog-item">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide swiper-slide-catalog">
                                            <img class="swiper-slide-catalog-img" src="./img/product/viewed/v-3-min.png"
                                                 alt="">
                                        </div>
                                        <div class="swiper-slide swiper-slide-catalog"><img class="swiper-slide-catalog-img"
                                                                                            src="./img/product/viewed/v-3-min.png" alt=""></div>
                                        <div class="swiper-slide swiper-slide-catalog"><img class="swiper-slide-catalog-img"
                                                                                            src="./img/product/viewed/v-3-min.png" alt=""></div>
                                    </div>
                                    <div class="swiper-pagination"></div>
                                </div>
                            </div>
                            <div class="viewed__item-info">
                                <h3 class="viewed__item-title">Установка лазерной
                                    резки GWEIKE</h3>
                                <div class="viewed__item-bottom">
                                    <p class="viewed__item-price">250 990 ₽</p>
                                    <button class="viewed__item-btn">В каталог</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="viewed__item">
                            <div class="catalog__item">
                                <div class="swiper swiper-catalog-item">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide swiper-slide-catalog">
                                            <img class="swiper-slide-catalog-img" src="./img/product/viewed/v-4-min.png"
                                                 alt="">
                                        </div>
                                        <div class="swiper-slide swiper-slide-catalog"><img class="swiper-slide-catalog-img"
                                                                                            src="./img/product/viewed/v-4-min.png" alt=""></div>
                                        <div class="swiper-slide swiper-slide-catalog"><img class="swiper-slide-catalog-img"
                                                                                            src="./img/product/viewed/v-4-min.png" alt=""></div>
                                    </div>
                                    <div class="swiper-pagination"></div>
                                </div>
                            </div>
                            <div class="viewed__item-info">
                                <h3 class="viewed__item-title">Установка лазерной
                                    резки GWEIKE</h3>
                                <div class="viewed__item-bottom">
                                    <p class="viewed__item-price">250 990 ₽</p>
                                    <button class="viewed__item-btn">В каталог</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="viewed__item">
                            <div class="catalog__item">
                                <div class="swiper swiper-catalog-item">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide swiper-slide-catalog">
                                            <img class="swiper-slide-catalog-img" src="./img/product/viewed/v-2-min.png"
                                                 alt="">
                                        </div>
                                        <div class="swiper-slide swiper-slide-catalog"><img class="swiper-slide-catalog-img"
                                                                                            src="./img/product/viewed/v-2-min.png" alt=""></div>
                                        <div class="swiper-slide swiper-slide-catalog"><img class="swiper-slide-catalog-img"
                                                                                            src="./img/product/viewed/v-2-min.png" alt=""></div>
                                    </div>
                                    <div class="swiper-pagination"></div>
                                </div>
                            </div>
                            <div class="viewed__item-info">
                                <h3 class="viewed__item-title">Установка лазерной
                                    резки GWEIKE</h3>
                                <div class="viewed__item-bottom">
                                    <p class="viewed__item-price">250 990 ₽</p>
                                    <button class="viewed__item-btn">В каталог</button>
                                </div>
                            </div>
                        </div>
                    </div>-->
                </div>

            </div>
            <div class="swiper-button-next swiper-button-next_viewed">
                <svg class="svg-partners-next">
                    <use xlink:href="./img/icons.svg#pr-next"></use>
                </svg>
            </div>
            <div class="swiper-button-prev swiper-button-prev_viewed">
                <svg class="svg-partners-back">
                    <use xlink:href="./img/icons.svg#pr-prev"></use>
                </svg>
            </div>
        </div>
    </section>
    @endif

@endsection