@extends('front.app',['lang_links'=>$catalog_lang_links])
@section('meta')
    <x-meta :meta="$meta"/>
@stop
@push('ld-json')
    <script type="application/ld+json">
            {
                "@context": "https://schema.org",
                "@type": "CollectionPage",
                "name": "{{ $goods_subject->name }}",
                @if($goods_subject->img)
                "primaryImageOfPage": {
                    "@type": "ImageObject",
                    "url": "{{ asset('upfiles/goods-subject/' . $goods_subject->img) }}"
                },
                @endif
                "mainEntity": {
                    "@type": "ItemList",
                    "name": "{{config('app.name')}} - list products",
                    "itemListElement": {!! $goods_items_for_schema_json !!}
                }
          }
    </script>
@endpush
@section('container')
    <div class="page-content">

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

        <section 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(63)}}</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>
                        @if($siblings->isNotEmpty())
                        <div class="catalog-filter-categories">
                            <div class="filter-categories-title">{{ShowLabelById(64)}}</div>
                            <div class="filter-categories-list">
                                <ul>
                                    @foreach($siblings->sortBy('position') as $category)
                                        <li {{$goods_subject->id == $category->id ? 'class=active':''}}>
                                            <a href="{{$category->href()}}">{{$category->name}}</a>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                            @if($siblings->count()>5)
                            <div class="filter-categories-more">
                                <button type="button" class="filter-categories-more-btn" data-more="{{ShowLabelById(65)}}" data-less="{{ShowLabelById(45)}}">{{ShowLabelById(65)}}</button>
                            </div>
                            @endif
                        </div>
                        @endif
                        <form method="POST" action="{{ route('ajax-filter-results',['catalog',$goods_subject->alias_by_lang])}}"
                              id="filter-data" data-form-id="filter-data">
                            @csrf
                            <input type="hidden" name="catalog" value="{{$goods_subject->alias_by_lang}}">
                            @if($filter_brands->isNotEmpty())
                                <div class="catalog-filter-item opened active">
                                    <button type="button" class="catalog-filter-head">{{ShowLabelById(43)}}</button>
                                    <div class="catalog-filter-list">
                                        <ul>
                                            @foreach($filter_brands as $filter_brand)
                                                <li>
                                                    <input @if(isset($filters_elements['brand']) && in_array($filter_brand->id,$filters_elements['brand']))checked @endif
                                                    type="checkbox"
                                                           id="brand-{{ $filter_brand->id}}"
                                                           value="{{ $filter_brand->id}}"
                                                           name="brand[]">
                                                    <label for="brand-{{ $filter_brand->id}}">
                                                        <span class="catalog-filter-value">{{$filter_brand->name}}</span>
                                                        <span class="catalog-filter-quantity">({{$filter_brand->count_products}})</span>
                                                    </label>
                                                </li>
                                            @endforeach
                                        </ul>

                                    </div>
                                </div>
                            @endif
                            @if(count($parameters_value))
                                @foreach($goods_subject->goodsParametersIdForFilter as $parameter)
                                    @if(isset($parameters_value[$parameter->id]) && !empty($parameters_value[$parameter->id]))
                                    @switch($parameter->parametr_type)
                                        @case('select')
                                        @case('checkbox')
                                            <div class="catalog-filter-item opened active {{--{{$parameter->start_open == 1 ? 'opened active':''}}--}}">
                                                <button type="button" class="catalog-filter-head">{{$parameter->name}}</button>
                                                <div class="catalog-filter-list">
                                                    <div class="filters-search">
                                                        <input type="text" class="filters-search-input" placeholder="{{ShowLabelById(17)}} ...">
                                                    </div>
                                                    <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}}">
                                                                    <span class="catalog-filter-value">{{$one_parameter_value->name}}</span>
                                                                    <span class="catalog-filter-quantity">({{$one_parameter_value->count_products}})</span>
                                                                </label>
                                                            </li>
                                                        @endforeach
                                                    </ul>
                                                </div>
                                            </div>
                                        @break
                                        @default
                                        @break
                                    @endswitch
                                    @endif
                                @endforeach

                                <div class="catalog-filter-clear @if(empty($filters_elements))d-none @endif">
                                    <a href="javascript:;">
                                        <svg>
                                            <use xlink:href="{{asset('front-assets/svg/sprite.svg#close')}}"></use>
                                        </svg>
                                        <span>{{ShowLabelById(66)}}</span>
                                    </a>
                                </div>

                            @endif
                        </form>
                    </div>
                    <div class="catalog-content">
                        <div class="catalog-wrapper">
                            @include('front.templates.catalog-list')
                        </div>

                    </div>

                </div>
            </div>
        </section>

        <div class="blog-end pt-5">
            <div class="container">
                <div class="blog-end-text common-text">
                    {!! $goods_subject->body !!}
                </div>
                <div class="blog-end-more">
                    <button type="button" class="blog-end-more-btn" data-more="{{ShowLabelById(44)}}" data-less="{{ShowLabelById(45)}}">{{ShowLabelById(44)}}</button>
                </div>
            </div>
        </div>

    </div>
@stop

@push('js')
    <script>
        $('.catalog-filter-clear a').on('click',()=>{
            let clear_url = '{{request()->url()}}';
            let current_page = {{request()->page ?? 0}};

            if(current_page>0)
                clear_url+='?page='+current_page;

            window.location.href=clear_url;
        });
    </script>
@endpush