@extends('front.app')
@section('meta')
    <x-meta :meta="$meta"/>
@stop

@section('container')

    <div class="page-content">
        <div class="breadcrumbs">
            <div class="container d-flex">
                {{ Breadcrumbs::render('promo-page') }}
            </div>
        </div>

        <div class="catalog-discounts">
            <div class="container">
                <div class="title">
                    <h1 class="title-h1 mt-0 h1-filter-name">{{ ShowLabelById(92) }}</h1>
                </div>
                {{--270x200--}}
                @if($promo_items && $promo_items->children->isNotEmpty())
                    <div class="slider">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                @foreach($promo_items->children as $one_promo_item)
                                    <div class="swiper-slide">
                                        <a{{ $one_promo_item->link ? ' href='.$one_promo_item->link : '' }}>
                                            @if(LANG == 'ro')
                                                <img src="{{ $one_promo_item->img }}" alt="{{ $one_promo_item->name }}">
                                            @else
                                                <img src="{{ $one_promo_item->img_desc }}" alt="{{ $one_promo_item->name }}">
                                            @endif
                                        </a>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                @endif
            </div>
        </div>

        <section>
            <div class="container">
                <div class="d-flex justify-content-between align-items-center mt-10">
                    @include('front.templates.catalog.sorting-desktop')
                </div>
                <div class="row">
                    <div class="col-lg-2 grid-sidebar">
                        <div class="grid-sidebar-head">
                            <p>{{ ShowLabelById(109) }}</p>
                            <div class="grid-sidebar-close"></div>
                        </div>
                        <form action="{{ route('promo-filter') }}" data-form-id="filter-data"
                              method="post" id="filter-data" data-form-type="filter-promo">
                            @csrf

                            <input type="hidden" name="discount" value="1">

                            <div class="filter">
                                @include('front.templates.catalog.filter-price')

                                @if(!empty($goods_subjects_discount_all) && count($goods_subjects_discount_all))
                                    <div class="filter-block multilevel-category-filter">
                                        <div class="filter-title"><strong>{{ ShowLabelById(28) }}</strong></div>
                                        <div class="filter-content">
                                            @include('front.templates.catalog.filter-subjects-multilevel')
                                        </div>
                                    </div>
                                @endif

                                {{--@if(!empty($goods_subjects_discount_all) && count($goods_subjects_discount_all))
                                    <div class="filter-block">
                                        <div class="filter-title"><strong>{{ ShowLabelById(28) }}</strong></div>
                                        <div class="filter-content">
                                            @foreach($goods_subjects_discount_all as $one_subject_l1)
                                                @if($one_subject_l1->childrenFilter->isNotEmpty())
                                                    <div class="filter-check">
                                                        <div class="filter-check-head">
                                                            <input type="checkbox" name="subject[]"
                                                                   value="{{ $one_subject_l1->id }}"
                                                                   id="subject-{{ $one_subject_l1->id }}"
                                                                   hidden>
                                                            <label
                                                                for="subject-{{ $one_subject_l1->id }}">{{ $one_subject_l1->name }}</label>
                                                            <button type="button" class="filter-check-btn">
                                                                <img
                                                                    src="{{ asset('front-assets/img/icons/arrow-down.svg') }}"
                                                                    alt="Arrow down">
                                                            </button>
                                                        </div>
                                                        <div class="filter-check-content">
                                                            @foreach($one_subject_l1->childrenFilter as $one_subject_l2)
                                                                <div class="filter-check">
                                                                    <input type="checkbox" name="subject[]"
                                                                           value="{{ $one_subject_l2->id }}"
                                                                           id="subject-{{ $one_subject_l2->id }}"
                                                                           hidden>
                                                                    <label
                                                                        for="subject-{{ $one_subject_l2->id }}">{{ $one_subject_l2->name }}</label>
                                                                </div>
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                @endif
                                            @endforeach
                                        </div>
                                    </div>
                                @endif--}}

                                {{-- @include('front.templates.catalog.filter-goods-subjects', ['show_full_list' => 1])--}}
                            </div>
                        </form>
                        <button type="button" class="grid-sidebar-close-bottom">{{ ShowLabelById(106) }}</button>
                    </div>
                    <div class="col-lg-10 mob-15 catalog-list-wrapper">
                        @include('front.templates.catalog.sorting-mob')
                        @include('front.templates.catalog.render-products-list')
                    </div>
                </div>
            </div>
        </section>

    </div>

    @push('other-scripts')
        @include('front.templates.price-range-script')
    @endpush

@stop