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

@section('container')

    <div class="page-content">

        <div class="breadcrumbs-wrapper">
            <div class="container">
                @if(Request::segment(2) == 'catalog' && !Request::segment(3))
                    {{ Breadcrumbs::render('catalog-page') }}
                @else
                    {{ Breadcrumbs::render('goods-subject', $goods_subject) }}
                @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>

                        <div class="catalog-filter-categories">
                            <ul>
                                @if($goods_subject && $goods_subject->siblingsActive)
                                    @foreach($goods_subject->siblingsActive as $one_subject)
                                        <li{{ $goods_subject->id == $one_subject->id ? ' class=active' : '' }}>
                                            <a href="{{ route('catalog', $one_subject->alias) }}">{{ $one_subject->name }}</a>
                                        </li>
                                    @endforeach
                                @endif
                            </ul>
                        </div>

                        <form action="{{ route('catalog-filter') }}" data-form-id="filter-data"
                              method="post" data-parent="{{ $goods_subject->alias ?? '' }}" id="filter-data">
                            @csrf

                            @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>{{ $goods_subject->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