@if (isset($category))
    @section('metaTitle', $category->getMetaTags()['title'])
    @section('metaDescription', $category->getMetaTags()['description'])
    @section('metaKeywords', $category->getMetaTags()['keywords'])
@endif
@extends('frontend.layouts.applayout')
@section('main-content')
    <div class="content mt-4 list_page ">
        <div class="container mt-2">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    {{-- <li class="breadcrumb-item" aria-current="page">Products</li> --}}
                    <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
                    @if (isset($category))
                        <li class="breadcrumb-item active" aria-current="page">{{ $category->name }}</li>
                    @endif
                    @if (request()->is_best_seller == '1')
                        <li class="breadcrumb-item active" aria-current="page">Best Sellers</li>
                    @endif
                    @if (request()->is_new == '1')
                        <li class="breadcrumb-item active" aria-current="page">New Arrivals</li>
                    @endif
                </ol>
                

            </nav>
        </div>
        <div class="container secs listing_wrapper">
            {{-- <div class="row">
                <div class='col-md-10'>
                </div>
                <div class='col-md-2'>

                </div> --}}
                {{-- No of products: {{ count($products) }} --}}
                <div class="col-12 d-flex  mb-5 p-3">
                    <x-paoduct-filter :subcategories="$sub_categories" />
                    {{-- filter here --}}
                    <div class="products_list_box">
                        @if ($products->isEmpty())
                            <div class="alert alert-warning w-100 text-center">
                                No products available.
                            </div>
                        @else
                            @foreach ($products as $product)
                                <x-card :product="$product" />
                            @endforeach
                        @endif
                    </div>
                </div>
                {{ $products->appends(request()->query())->links() }}
            </div>
        </div>
    </div>
@endsection