@php
    $pageTitle = $pageTitle ?? 'Best Combo Offer';
    $pageSubtitle = $pageSubtitle ?? 'বিশেষ ছাড়ে কম্বো প্যাক — একসাথে কিনে সাশ্রয় করুন';
    $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-gift me-2 text-success"></i>{{ $pageTitle }}</h4>
            <p class="text-muted small mb-0">{{ $pageSubtitle }} — মোট {{ $products->total() }}টি পণ্য</p>
        </div>
        <a href="{{ route('frontend.products') }}" class="btn btn-outline-success btn-sm">সকল পণ্য দেখুন</a>
    </div>

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