@extends('front.app')

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

@section('container')
    <div class="page-content">

        <div class="breadcrumbs-wrapper">
            <div class="container">
                {{ Breadcrumbs::render('goods-subject', $goods_subject) }}
            </div>
        </div>

        <div class="catalog">
            <div class="container">
                <div class="catalog-inner">
                    @if(!empty($goods_items_list) && count($goods_items_list)>0)
                    <div class="catalog-filter">
                        <form method="POST" action="{{ route('ajaxFilterResults') }}"
                              id="filter-data" data-form-id="filter-data"
                              data-parent="{{ $goods_subject->alias ?? '' }}">
                            @csrf
                        <div class="filter-head">
                            <button type="button" class="filter-close-btn filter-close">
                                <svg>
                                    <use xlink:href="{{asset('front-assets/svg/sprite.svg#close')}}"></use>
                                </svg>
                            </button>
                        </div>
                        <div class="filter-list">
                            @if(!empty($siblings) && count($siblings)>0)
                            <div class="catalog-filter-head">
                                <div class="catalog-filter-head-title">{{ShowLabelById(31)}}</div>
                                <div class="filter-head-list">
                                    <ul>
                                        @foreach($siblings as $one_item)
                                        <li>
                                            <a href="{{route('catalog',[$one_item->alias])}}">{{$one_item->itemByLang->name ?? ''}}</a>
                                        </li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                            @endif
                            @if(!empty($parameters) && count($parameters)>0)
                                @foreach($parameters as $parameter)
                                        @if(!empty($parameters_value[$parameter->id]) && count($parameters_value[$parameter->id]))
                                            <div class="catalog-filter-item">
                                                <div class="catalog-title">{{$parameter->itemByLang->name ?? ''}}</div>
                                                    <div class="catalog-filter-list">
                                                        <ul>
                                                            @foreach($parameters_value[$parameter->id] as $one_parameter_value)
                                                                <li>
                                                                    <input @if(isset($filters_elements['p_'.$parameter->id]) && in_array($one_parameter_value->id,$filters_elements['p_'.$parameter->id]))checked @endif type="checkbox" id="product-filter-{{ $one_parameter_value->id ?? '' }}" value="{{ $one_parameter_value->id  }}" name="p_{{ $parameter->id ?? '' }}[]">
                                                                    <label for="product-filter-{{ $one_parameter_value->id ?? '' }}">{{$one_parameter_value->itemByLang->name ?? ''}}</label>
                                                                </li>
                                                            @endforeach
                                                        </ul>
                                                    </div>
                                            </div>
                                        @endif
                                 @endforeach
                            @endif

                        </div>
                        <div class="filter-footer">
                            <div class="catalog-filter-clear">
                                <a href="#" class="catalog-clear-btn">
                                    <img src="{{asset('front-assets/img/icons/delete.svg')}}" alt="delete">
                                    <span>{{ShowLabelById(32)}}</span>
                                </a>
                            </div>
                            <button type="button" class="button">{{ShowLabelById(33)}}</button>
                        </div>
                        </form>
                    </div>
                    <div class="catalog-content">
                        <div class="catalog-head">
                            <button type="button" class="open-filter-btn open-filter">
                                <svg>
                                    <use xlink:href="{{asset('front-assets/svg/sprite.svg#filter')}}"></use>
                                </svg>
                            </button>
                            <div class="catalog-head-icon">
                                <img src="{{asset('front-assets/img/icons/sort.svg')}}" alt="">
                            </div>
                            <div class="catalog-head-item">
                                <label for="sort_by">{{ShowLabelById(34)}}</label>
                                <select class="sort_by" name="sort_by" id="sort_by">
                                    <option {{ (!is_null($sorting) && $sorting == 'default') ? 'selected' : '' }} value="default">{{ShowLabelById(35)}}</option>
                                    <option {{ (!is_null($sorting) && $sorting == 'name_asc') ? 'selected' : '' }} value="name_asc">{{ShowLabelById(36)}} </option>
                                    <option {{ (!is_null($sorting) && $sorting == 'name_desc') ? 'selected' : '' }} value="name_desc">{{ShowLabelById(37)}}</option>
                                </select>
                            </div>
                            <div class="catalog-head-item d-none d-sm-block">
                                <label for="count_per_page">{{ShowLabelById(38)}}</label>
                                <select class="count_per_page" name="count_per_page" id="count_per_page">
                                    <option {{ (!is_null($count_per_page) && $count_per_page == 16) ? 'selected' : '' }} value="16">16</option>
                                    <option {{ (!is_null($count_per_page) && $count_per_page == 32) ? 'selected' : '' }} value="32">32</option>
                                    <option {{ (!is_null($count_per_page) && $count_per_page == 64) ? 'selected' : '' }} value="64">64</option>
                                </select>
                            </div>
                        </div>
                        <div class="render-products-list">
                            <div class="catalog-list">
                                @foreach($goods_items_list as $goods_item)
                                    @include('front.templates.goods-template')
                                @endforeach
                            </div>
                            @if($goods_items_list->total() > config('custom.front.products_per_page') &&
                                $goods_items_list->perPage() == config('custom.front.products_per_page'))
                               {{-- <div class="catalog-more">
                                    <a href="javastript:;" class="catalog-more-btn">{{ShowLabelById(39)}}</a>
                                </div>--}}
                            @endif
                            @include('front.templates.pagination', ['paginator' => $goods_items_list])
                        </div>

                    </div>
                    @endif
                </div>
            </div>
        </div>

    </div>
@stop