@php
    $query = App\Modules\Product\Models\Product::with(['category', 'vendor', 'images'])
        ->published()->visible();

    if (($section->settings['source'] ?? 'latest') === 'trending') {
        $query->where('is_trending', true)->latest();
    } elseif (($section->settings['source'] ?? 'latest') === 'top_sale') {
        $query->where('is_top_sale', true)->latest();
    } elseif (($section->settings['source'] ?? 'latest') === 'featured') {
        $query->where('is_featured', true)->latest();
    } elseif (($section->settings['source'] ?? 'latest') === 'premium') {
        $query->where('is_premium', true)->latest();
    } else {
        $query->latest();
    }

    $products = $query->take($section->settings['limit'] ?? 8)->get();
@endphp

<section class="py-14" style="background:#edf0ec;">
    <div class="container mx-auto px-6">
        {{-- Section Header --}}
        <div class="flex items-center justify-between mb-16">
            <h2 class="text-3xl font-black text-libro-primary uppercase tracking-widest">
                {{ $section->settings['title'] ?? 'Featured Books' }}
            </h2>
            @php
                $viewAllLink = route('storefront.products');
                $source = $section->settings['source'] ?? 'latest';
                if ($source === 'trending') {
                    $viewAllLink = route('storefront.products', ['sort' => 'trending']);
                } elseif ($source === 'top_sale') {
                    $viewAllLink = route('storefront.products', ['sort' => 'sales']);
                } elseif ($source === 'featured') {
                    $viewAllLink = route('storefront.products', ['sort' => 'featured']);
                } elseif ($source === 'premium') {
                    $viewAllLink = route('storefront.products', ['sort' => 'premium']);
                }
            @endphp
            <a href="{{ $viewAllLink }}" class="flex items-center gap-2 text-xs font-black text-libro-primary hover:opacity-80 transition-all uppercase tracking-widest">
                View All
                <i data-lucide="arrow-right" class="w-4 h-4"></i>
            </a>
        </div>

        {{-- Products Grid --}}
        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-10">
            @foreach($products as $product)
                <x-theme::product-card :product="$product" />
            @endforeach
        </div>
    </div>
</section>