@extends('layouts.site')

@section('meta_title')
    @if ($currentCategory ?? null)
        {{ locale_category_name($currentCategory) }} — {{ __('site.nav_products') }} — {{ brand_name() }}
    @else
        {{ __('site.nav_products') }} — {{ brand_name() }}
    @endif
@endsection

@section('title', ($currentCategory ?? null) ? locale_category_name($currentCategory) : __('site.nav_products'))

@section('content')
    @if (($currentCategory ?? null))
        <x-site.lead-context
            :category-id="$currentCategory->id"
            :subject="locale_category_name($currentCategory)"
            source-type="category"
            :source-id="$currentCategory->id"
        />
    @endif

    @include('partials.site.listing-category-hero', [
        'category' => $currentCategory ?? null,
        'eyebrow' => __('site.nav_products'),
    ])

    <div class="site-container space-y-6 pb-8 px-2" data-reveal="page">
        @unless ($currentCategory ?? null)
            <header class="px-2 py-4" data-reveal="soft">
                <h1 class="text-xl font-bold">{{ __('site.nav_products') }}</h1>
            </header>
        @endunless

        <x-site.category-tabs
            :categories="$tabCategories ?? ($categories ?? collect())"
            route-name="site.products.index"
            :current-category-id="($currentCategory ?? null)?->id ?? request()->integer('category_id')"
            :all-href="$tabAllHref ?? null"
            :all-label="$tabAllLabel ?? null"
        />

        @if ($products->total() === 0)
       
        @else
            <section class="space-y-6">
                <div class="eca-card-grid site-card-grid mx-2" data-reveal-group>
                    @foreach ($products as $product)
                        <x-site.cards.product :product="$product" />
                    @endforeach
                </div>

                <div data-reveal="soft" style="--reveal-delay: 120ms;">
                    <x-site.simple-pagination :paginator="$products" />
                </div>
            </section>
        @endif

        @if (($currentCategory ?? null))
            @include('partials.site.related-discovery', [
                'categoryId' => $currentCategory->id,
                'relatedProducts' => $relatedProducts ?? collect(),
                'relatedServices' => $relatedServices ?? collect(),
                'relatedArticles' => $relatedArticles ?? collect(),
            ])
        @endif
    </div>
@endsection