@extends('layout.layout')
@section('meta')
    @include('layout.partials.seo', [
        'title' => nova_get_setting_translate('search_site_title'),
        'description' =>  nova_get_setting_translate('search_site_description'),
        'keywords' =>  nova_get_setting_translate('search_site_keywords'),
        'image' => Storage::url(nova_get_setting('search_banner')),
        'schema' => nova_get_setting('search_schema') ,
    ])
@endsection
@section('content')
    <main class="main">
        <div class="page-header text-center" style="background-image: url('{{ Storage::url(nova_get_setting('search_banner')) }}');background-size: cover;background-position: center;background-repeat: no-repeat"
        role="img"
         title="{{nova_get_setting_translate('search_banner_title')}}"
         aria-label="{{nova_get_setting_translate('search_banner_alt')}}">
            <div class="container">
                <h1 class="page-title">
                    @isset($settings['search_title'])
                        {{ json_decode($settings['search_title'])->{app()->getLocale()}  }}
                    @endisset
                    <span>
                     @isset($settings['search_description'])
                        {!! json_decode($settings['search_description'])->{app()->getLocale()}  !!}
                    @endisset
                </span>
                </h1>
            </div>
        </div>
        <nav aria-label="breadcrumb" class="breadcrumb-nav border-0 mb-0">
            <div class="container">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('home') }}">{{ __('general.home') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{json_decode($settings['search_title'])->{app()->getLocale()} }}</li>
                </ol>
            </div>
        </nav>
        <div class="mb-2"></div>
        @if ($searchProducts->count() > 0)
        <div class="blog-posts">
            <div class="container">
                <div class="row">
                    @foreach ($searchProducts as $product)
                    <div class="col-md-3 col-lg-3 col-6">
                    @include('layout.partials.product-box',['product' => $product,'style' => 'product'])
                    </div>
                    @endforeach
                </div>
                <div class="row">
                    <nav aria-label="Page navigation">
                        <ul class="pagination justify-content-center">
                        {!!$searchProducts->withQueryString()->onEachSide(2)->links() !!}
                        </ul>
                    </nav>
                </div>
            </div>
        </div>

        @else
        <h1 class="text-center">{!! nova_get_setting_translate('not_found_data') !!}</h1>
        @endif

    </main>
    @include('layout.partials.faq')
    @include('layout.partials.news_letter')
@endsection