@extends('layout.layout')
@section('meta')
    @include('layout.partials.seo', [
        'title' => nova_get_setting_translate('product_site_title') ?? env('APP_NAME'),
        'description' =>nova_get_setting_translate('product_site_description') ?? env('APP_NAME'),
        'keywords' => nova_get_setting_translate('product_site_keywords') ?? env('APP_NAME'),
        'image' => Storage::url(nova_get_setting('product_banner')),
        'schema' => $settings['product_schema'] ?? ''
    ])
@endsection
@section('content')
    <main class="main">
        <div class="page-header text-center" style="background-image: url('{{ Storage::url(nova_get_setting('product_banner')) }}');background-size: cover;background-position: center;background-repeat: no-repeat"
             title="{{nova_get_setting_translate('product_banner_title')}}"
             aria-label="{{nova_get_setting_translate('product_banner_alt')}}">
            <div class="container">
                <h1 class="page-title">
                    @isset($settings['all_product_title'])
                        {{ json_decode($settings['all_product_title'])->{app()->getLocale()} }}
                    @endisset
                    <span>
                       @isset($settings['all_product_descriptions'])
                            {!! json_decode($settings['all_product_descriptions'])->{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">
                        @isset($settings['all_product_title'])
                            {{ json_decode($settings['all_product_title'])->{app()->getLocale()} }}
                        @endisset
                    </li>
                </ol>
            </div>
        </nav>
        <div class="mb-2"></div>
        <div class="page-content">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">

                        <div class="toolbox">
                            <div class="toolbox-left">
                                <div class="toolbox-info">
                                    {{ __('product.showing') }}<span>({{$products->count()}})</span> {{ __('product.products') }}
                                </div>
                                <div class="toolbox-right">
                                    <div class="toolbox-sort">
                                        <label for="sortby">{{ __('product.sort_by') }}:</label>
                                        <div class="select-custom">
                                            <form action="{{route('allproduct')}}" method="get">
                                                <select id="sortBy" class="form-control" onchange="this.form.submit();" role="form" name="sortBy">
                                                    @if (request()->get("sortBy") == null)
                                                        <option value="" selected disabled>Select</option>
                                                    @endif
                                                    {{--                                                                <option  readonly=""> Sort By </option>--}}
                                                    <option value="All" {{session()->get('All')?'selected' :''}}>{{__('product.all')}}</option>
                                                    <option value="Newestontop" {{session()->get('Newestontop')?'selected' :''}}>{{__('product.newest_on_top')}}</option>
                                                    <option value="Oldestontop" {{session()->get('Oldestontop')?'selected' :''}}>{{__('product.oldest_on_top')}}</option>
                                                    <option value="PriceLowtoHigh" {{session()->get('PriceLowtoHigh')?'selected' :''}}>{{__('product.price_low_to_high')}}</option>
                                                    <option value="PriceHightoLow" {{session()->get('PriceHightoLow')?'selected' :''}}>{{__('product.price_high_to_low')}}</option>
                                                </select>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="products mb-3">
                            <div class="row">
                                @foreach ($products 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>
                        <div class="row">
                            <div class="col-12 d-flex">
                                <nav aria-label="Page navigation" class="style_pagination">
                                    {!!$products->withQueryString()->onEachSide(2)->links() !!}
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    @include('layout.partials.faq')
    @include('layout.partials.news_letter')
@endsection