@php
    $cardPartial = match(\App\Services\ThemeService::active()) {
        'cloth' => 'themes.cloth.layouts.product-card',
        'electronics' => 'themes.gadget.layouts.product-card',
        'gadget'      => 'themes.gadget.layouts.product-card',
        'jewelry' => 'themes.jewelry.layouts.product-card',
        'smartbazar' => 'themes.smartbazar.layouts.product-card',
        'panjabi' => 'themes.panjabi.layouts.product-card',
        default => 'themes.organic.layouts.product-card',
    };
@endphp
<div class="container py-4">
    <div class="d-flex flex-wrap align-items-center justify-content-between gap-3 mb-4">
        <div>
            <h4 class="mb-1"><i class="fas fa-th-large me-2"></i>সকল পণ্য</h4>
            <p class="text-muted small mb-0">মোট {{ $products->total() }}টি পণ্য</p>
        </div>
        <div class="d-flex flex-wrap gap-2">
            <a href="{{ route('frontend.products') }}" class="btn btn-sm {{ empty($sort) ? 'btn-success' : 'btn-outline-success' }}">All</a>
            <a href="{{ route('frontend.products', ['sort' => 'popular']) }}" class="btn btn-sm {{ ($sort ?? '') === 'popular' ? 'btn-success' : 'btn-outline-success' }}">Popular</a>
            <a href="{{ route('frontend.products', ['sort' => 'trending']) }}" class="btn btn-sm {{ ($sort ?? '') === 'trending' ? 'btn-success' : 'btn-outline-success' }}">Trending</a>
            <a href="{{ route('frontend.products', ['sort' => 'new']) }}" class="btn btn-sm {{ ($sort ?? '') === 'new' ? 'btn-success' : 'btn-outline-success' }}">New</a>
        </div>
    </div>

    @if($products->count())
    <div class="{{ \App\Services\ProductItemSettingsService::gridRowClass('category') }}">
        @foreach($products as $product)
        @include($cardPartial, ['product' => $product, 'gridContext' => 'category'])
        @endforeach
    </div>
    <div class="mt-4">{{ $products->links() }}</div>
    @else
    <div class="text-center py-5 text-muted">
        <i class="fas fa-box-open fa-3x mb-3 d-block opacity-50"></i>
        <h5>কোনো পণ্য পাওয়া যায়নি।</h5>
        <a href="{{ route('frontend.home') }}" class="btn btn-success mt-2">হোমে ফিরে যান</a>
    </div>
    @endif
</div>