@section('page_slug', 'search')
@section('page_title', 'Recherche')
@extends('layout')
@section('content')
    <div class="container mx-auto pt-20">
        <h1 class="w-full px-4 md:px-6 text-fcgrey text-4xl font-bold mb-5 text-center mt-5">
            Recherche @if($search) du mot clé : {{$search}} @endif
        </h1>
        <div class="w-full md:w-1/2 mx-auto">
            <form action="{{route('search')}}" id="search-form">
                <div class="form-group row mb-5">
                    <div class="col-12 md:col-9">
                        {{ Form::text('search', old('search', $search),  ['class' => 'fc-input' . ($errors->has('search') ? ' is-invalid' : ''), 'required'=> true, 'placeholder' => __('firstcop.search.placeholder')]) }}
                                            </div>
                    <div class="col-12 md:col-3">
                        <button class="btn btn--fc w-full md:w-auto m-1">Recherche</button>
                    </div>
                </div>
            </form>
        </div>
        @if(!empty($filters))
            <form class="filter row" method="get" action="{{route('search')}}">

                <input type="hidden" name="search" value="{{old('search', $search)}}"/>
                @if(!empty($filters['criterionsWithOffer']['size']))
                    <div class="col-12 md:col-3 lg:col-3 mb-5">
                        {{Form::select('filters[criterionsWithOffer][size]', $filters['criterionsWithOffer']['size'], Arr::get($selectedFilters, 'criterionsWithOffer.size'), ['class'=> 'w-full p-2', 'placeholder'=>__('firstcop.product.attribute.size')])}}
                    </div>
                @endif

                @if(!empty($filters['criterionsWithOffer2']['size']))
                    <div class="col-12 md:col-3 lg:col-3 mb-5">
                        {{Form::select('filters[criterionsWithOffer][size]', $filters['criterionsWithOffer2']['size'], Arr::get($selectedFilters, 'criterionsWithOffer.size'), ['class'=> 'w-full p-2', 'placeholder'=>__('firstcop.product.attribute.size')])}}
                    </div>
                @endif
                @if(!empty($filters['criterions']['size']))
                    <div class="col-12 md:col-3 lg:col-3 mb-5">
                        {{Form::select('filters[criterions][size]', $filters['criterions']['size'], Arr::get($selectedFilters, 'criterions.size'), ['class'=> 'w-full p-2', 'placeholder'=>__('firstcop.product.attribute.size')])}}
                    </div>
                @endif

                @if(!empty($filters['attributes']['color']))
                    <div class="col-12 md:col-3 lg:col-3 mb-5">
                        {{Form::select('filters[attributes][color]', $filters['attributes']['color'], Arr::get($selectedFilters, 'attributes.color'), ['class'=> 'w-full p-2','placeholder'=> __('firstcop.product.attribute.color')])}}
                    </div>
                @endif

                @if(!empty($filters['attributes']['model']))
                    <div class="col-12 md:col-3 lg:col-3 mb-5">
                        {{Form::select('filters[attributes][model]', $filters['attributes']['model'], Arr::get($selectedFilters, 'attributes.model'), ['class'=> 'w-full p-2','placeholder'=> __('firstcop.product.attribute.model')])}}
                    </div>
                @endif
                <div class="col-12 md:col-3">
                    <button class="btn btn--fc">Filtrer</button>
                </div>
            </form>
        @endif
        @if(!empty($products))
            @if($products->count() > 0)
             <div id="search-products" data-url="{{route('search', array_merge($_GET, ['ajax' => 1]))}}">
                @include('shop.product-list', ['products' => $products,'listAlign' => 'text-left'])
            </div>
            @else
                <div class="text-4xl text-fcgrey-dark mt-10 text-center mb-40">Aucun produit ne correspond à votre recherche</div>
            @endif
        @endif
    </div>
@endsection