@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('search-page') }}
            </div>
        </div>

        @if(isset($search_categories) && $search_categories->isNotEmpty())
            <div class="catalog-categories search-categories">
                <div class="container">
                    <div class="h2">{{ShowLabelById(215)}}</div>
                    <div class="catalog-categories-list">
                        @foreach($search_categories as $category)
                            <a href="{{$category->href()}}" class="catalog-categories-item">
                              <span class="catalog-categories-img">
                                <img src="{{$category->image}}" alt="{{$category->name}}">
                              </span>
                                <h3>{{$category->name}}</h3>
                            </a>
                        @endforeach
                        <button type="button" class="catalog-categories-item catalog-categories-all">
                          <span class="catalog-categories-img">
                            <span class="catalog-categories-all-info">
                              <span>{{ShowLabelById(217)}} ({{$search_categories->count()}})</span>
                              <svg>
                                <use xlink:href="{{asset('front-assets/svg/sprite.svg#arrow-down')}}"></use>
                              </svg>
                            </span>
                          </span>
                        </button>
                    </div>
                </div>
            </div>
        @endif

        <section class="catalog">
            <div class="container">
                @if(isset($goods_items) && $goods_items->isNotEmpty())
                    <div class="h2 mt-5">{{ShowLabelById(216)}} {{$search}}</div>
                    <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>

                            <form method="POST" id="filter-data" action="{{ route('ajax-filter-results',$type)}}" data-form-id="filter-data">
                                @csrf
                                <input type="hidden" name="search" value="{{$search}}">
                                <div class="catalog-filter-item opened active">
                                    <button type="button" class="catalog-filter-head">{{ShowLabelById(86)}}</button>
                                    <div class="catalog-filter-list">
                                        <div class="catalog-filter-price">
                                            <div class="product-filter-slider">
                                                <div class="filter-slider" id="filterSlider"></div>
                                            </div>
                                            <div class="catalog-filter-inputs">
                                                <input name="min_price" type="text" id="minInput" value="{{$filter_price['min']}}">
                                                <span class="catalog-filter-line"></span>
                                                <input name="max_price" type="text" id="maxInput" value="{{$filter_price['max']}}">
                                                <span class="catalog-filter-currency">{{ShowLabelById(59)}}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                @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 style="max-height: none">
                                                @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($filter_subjects->isNotEmpty())
                                    <div class="catalog-filter-item opened active">
                                        <button type="button" class="catalog-filter-head">{{ShowLabelById(215)}}</button>
                                        <div class="catalog-filter-list">
                                            <div class="filters-search">
                                                <input type="text" class="filters-search-input" placeholder="{{ShowLabelById(17)}} ...">
                                            </div>
                                            <ul style="max-height: 30rem;">
                                                @foreach($filter_subjects as $filter_subject)
                                                    <li>
                                                        <input @if(isset($filters_elements['category']) && in_array($filter_subject->id,$filters_elements['category']))checked @endif
                                                        type="checkbox"
                                                        id="product-filter-{{ $filter_subject->id}}"
                                                        value="{{ $filter_subject->id}}"
                                                        name="category[]">
                                                        <label for="product-filter-{{ $filter_subject->id}}">
                                                            <span class="catalog-filter-value">{{$filter_subject->name}}</span>
                                                            <span class="catalog-filter-quantity">({{$filter_subject->count_products}})</span>
                                                        </label>
                                                    </li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    </div>

                                    <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-default',['type'=>$type,'pagination_params'=>['new_url'=>'?search='.$search]])
                            </div>
                        </div>
                    </div>
                @else
                    <h1>{{ShowLabelById(124)}}</h1>
                @endif
            </div>
        </section>
    </div>
@stop

@if(isset($goods_items) && $goods_items->isNotEmpty())
    @push('js')
        <script src="{{asset('front-assets/js/price-slider.js?v=').config('custom.front.js_version')}}"></script>
        <script>
            let goodsMinPrice = {{$goods_price_range['min']}};
            let goodsMaxPrice = {{$goods_price_range['max']}};
            let currentMinPrice = {{$filter_price['min']}};
            let currentMaxPrice = {{$filter_price['max']}};

            priceSlider();
            $('.catalog-filter-clear a').on('click',()=>{
                let clear_url = '{{request()->url()}}?search={{$search}}';
                let current_page = {{request()->page ?? 0}};

                if(current_page>0)
                {
                    clear_url+='&page='+current_page;
                }

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