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

@section('container')

    <div class="page-content">

        <div class="breadcrumbs-wrapper">
            <div class="container">
                @if($menu_id->itemByLang)
                    {{ Breadcrumbs::render('menu', $menu_id) }}
                @endif
            </div>
        </div>

        <div class="promo">
            <div class="container">
                @if($banners_for_sale && $banners_for_sale->children->isNotEmpty())
                    <div class="promo-slider">
                        <div class="slider-wrapper">
                            <div class="swiper">
                                <div class="swiper-wrapper">
                                    @foreach($banners_for_sale->children as $one_item)
                                        <a {{  $one_item->link ? 'href='.$one_item->link : '' }} class="swiper-slide">
                                            <img src="{{ $one_item->img }}" alt="{{ $one_item->name }}">
                                        </a>
                                    @endforeach
                                </div>
                            </div>
                            <button type="button" class="hero-nav hero-nav--prev">
                                <svg>
                                    <use xlink:href="{{ asset('front-assets/svg/sprite.svg#arrow-right') }}"></use>
                                </svg>
                            </button>
                            <button type="button" class="hero-nav hero-nav--next">
                                <svg>
                                    <use xlink:href="{{ asset('front-assets/svg/sprite.svg#arrow-right') }}"></use>
                                </svg>
                            </button>
                        </div>
                        <div class="hero-slider-pagination"></div>
                    </div>
                @endif
            </div>
        </div>

        <div class="catalog">
            <div class="container">
                <div class="catalog-inner">
                    <div class="catalog-filter">
                        <div class="catalog-filter-top d-xl-none">
                            <div class="h2 mb-0">{{ ShowLabelById(124) }}</div>
                            <button type="button" class="catalog-filter-close close-filter">
                                <svg>
                                    <use xlink:href="{{ asset('front-assets/svg/sprite.svg#close') }}"></use>
                                </svg>
                            </button>
                        </div>

                        <form action="{{ route('catalog-filter') }}" data-form-id="filter-data"
                              method="post" data-parent="" id="filter-data">
                            @csrf
                            <input type="hidden" name="page_type" value="sale">


                            @include('front.templates.catalog-filter')
                        </form>
                    </div>
                    <div class="catalog-content">
                        <div class="catalog-filter-open d-xl-none">
                            <button type="button" class="button open-filter">{{ ShowLabelById(123) }}</button>
                        </div>
                        <div class="catalog-head">
                            <h2>{{ $menu_id->h1_title ?: $menu_id->name }}</h2>
                            @include('front.templates.catalog-sort', ['page' => 'catalog', 'sort_per_page_class' => 'change-goods-per-page', 'goods_items_list' => $goods_items_list])
                        </div>

                        <div class="render-products-list">
                            @if(!empty($goods_items_list) && count($goods_items_list))
                                @include('front.pages.ajax.products-list', ['goods_items_list' => $goods_items_list])
                            @else
                                <div class="basket-end-inner">
                                    <div class="basket-end-icon">
                                        <img src="{{ asset('front-assets/img/icons/icon-no.svg') }}" alt="Empty list">
                                    </div>
                                    <div class="basket-end-title">{{ ShowLabelById(94) }}</div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

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

@stop