@extends('layout.app')

@section('page-title', $title)

@section('breadcrumb')
    <div class="tf-breadcrumb">
        <div class="container">
            <div class="tf-breadcrumb-wrap d-flex justify-content-between flex-wrap align-items-center">
                <div class="tf-breadcrumb-list">
                    <a href="{{ url('new-design/home.php') }}" class="text">Home</a>
                    <i class="icon icon-arrow-right"></i>
                    <span class="text">Search</span>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('content')
    <div id="search-results" class="search-wrapper wt-pages">
        <div class="container">
            @if($error)
                We're sorry, there was an error with processing your query. Please,
                <a href="{{ WEB_PATH . 'new-design/contact_us.php' }}">contact us</a> and our knowledgeable representatives
                will be happy to help.
            @elseif($nbHits === 0)
                Your search <b>{{ $query }}</b> did not match any documents.
            @else
                <section class="tf-collection mb_60">
                    @include('partials._product_list_layout', ['products' => $hits])
                </section>
            @endif
        </div>
    </div>
@endsection

@section('modals')
    @if($nbHits > 0)
        @include('partials.modals._quick_view')
        @include('partials._filter', ['products' => $hits])
    @endif
    @if($GLOBALS['session']->admin)
        @include('partials.modals._admin_product')
    @endif
@endsection

@push('after-foot-js')
    @if($nbHits > 0)
        <script type="text/javascript" src="{{ asset('new-design/js/nouislider.min.js') }}"></script>
        <script type="text/javascript" src="{{ asset('new-design/js/shop.js') }}"></script>
        <script type="text/javascript" src="{{ asset('new-design/js/product.js') }}"></script>
        <script>
            $(document).ready(function () {
                ProductQuickViewHandler.init();
                Products.init({!! json_encode($hits) !!});
            });
        </script>
    @endif
@endpush