@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('menu', $menu_item,$brand) }}
            </div>
        </div>

        <section class="catalog">
            <div class="container">

                @if($filter_subjects->isNotEmpty())
                    <div class="catalog-categories-list">
                        @foreach($filter_subjects as $category)
                            <a href="{{$category->href()}}?brand=[{{$brand->id}}]" class="catalog-categories-item">
                                  <span class="catalog-categories-img">
                                    <img src="{{$category->image}}" alt="{{$category->name}}">
                                  </span>
                                <h3>{{$category->name}}</h3>
                            </a>
                        @endforeach
                    </div>
                @endif

                @if($goods_items->isNotEmpty())
                    <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($filter_subjects->isNotEmpty())
                                <div class="catalog-filter-categories">
                                    <div class="filter-categories-title">{{ShowLabelById(64)}}</div>
                                    <div class="filter-categories-list">
                                        <ul>
                                            @foreach($filter_subjects as $category)
                                                <li>
                                                    <a href="{{$category->href()}}">{{$category->name}}</a>
                                                </li>
                                            @endforeach
                                        </ul>
                                    </div>
                                    @if($filter_subjects->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" id="filter-data" action="{{ route('ajax-filter-results',$type)}}" data-form-id="filter-data">
                                @csrf
                                <input type="hidden" name="brand" value="{{$brand->alias}}">
                                <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_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'=>[]])
                            </div>
                        </div>
                    </div>
                @else
                    <h1>{{ShowLabelById(124)}}</h1>
                @endif
            </div>
        </section>

        @if($brand->body)
            <div class="blog-end pt-5">
                <div class="container">
                    <div class="blog-end-text common-text">
                        {!! $brand->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>
        @endif

    </div>
@stop

@if($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()}}';
                let current_page = {{request()->page ?? 0}};

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

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