@extends('layouts.public.base')

@php
    switch (request()['filters'] ?? null) {
        case 'inPromo':
            $products = \App\Models\Product::whereNotNull('promo_price')->get();
            break;

        case 'isBestSeller':
            $products = \App\Models\Product::where('isBestSeller', 1)->get();
            break;

        default:
            $products = \App\Models\Product::all();
            break;
    }
@endphp

@section('page.title', "Boutique")

@section('page.content')
    <div class="grid grid-cols-1 gap-4 text-center md:flex justify-center flex-wrap text-xl mb-10 md:my-10">
        @if (\App\Models\Product::whereNotNull('promo_price')->count())
            <a
                href="{{ isset(request()['filters']) && request()['filters'] == 'inPromo' ? route('boutique') : route('boutique', ['filters' => 'inPromo']) }}"
                @class([
                    'mx-2 rounded-full text-black font-serif px-8 py-2 whitespace-nowrap' => true,
                    'bg-lockit-blue/50' => isset(request()['filters']) && request()['filters'] == 'inPromo',
                    'bg-lockit-blue/10' => !isset(request()['filters']) || request()['filters'] != 'inPromo'
                ])>
                🚨 Promotions
            </a>
        @endif

        @if (\App\Models\Product::where('isBestSeller', 1)->count())
            <a
                href="{{ isset(request()['filters']) && request()['filters'] == 'isBestSeller' ? route('boutique') : route('boutique', ['filters' => 'isBestSeller']) }}"
                @class([
                    'mx-2 rounded-full text-black font-serif px-8 py-2 whitespace-nowrap' => true,
                    'bg-lockit-blue/50' => isset(request()['filters']) && request()['filters'] == 'isBestSeller',
                    'bg-lockit-blue/10' => !isset(request()['filters']) || request()['filters'] != 'isBestSeller'
                ])>
                ✌️ Meilleures ventes
            </a>
        @endif
    </div>

    <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-8">
        @each('components.public.products.mini', $products, 'product')
    </div>
@endsection