@extends('layouts.site')

@section('meta_title')
    {{ __('site.nav_blog') }} — {{ brand_name() }}
@endsection

@section('title', __('site.nav_blog'))

@section('content')
    @if (request()->filled('category_id'))
        @php($filterCat = \App\Models\Category::query()->find(request()->integer('category_id')))
        <x-site.lead-context
            :category-id="request()->integer('category_id')"
            :subject="$filterCat ? locale_category_name($filterCat) : null"
            source-type="category"
            :source-id="request()->integer('category_id')"
        />
    @endif
    <div class="site-container space-y-6 pb-8 px-2" data-reveal="page">
        <header class="  px-2 py-4" data-reveal="soft">
            <h1 class="text-xl font-bold ">{{ __('site.nav_blog') }}</h1>
            @if(request()->filled('category_id'))
                @php($current = \App\Models\Category::query()->find(request()->integer('category_id')))
                @if($current)
                    <p class="mt-1 text-sm text-brand-muted">{{ locale_category_name($current) }}</p>
                @endif
            @endif
        </header>

        <section class="space-y-6">
            <x-site.category-tabs
                :categories="$categories ?? collect()"
                route-name="site.blog.index"
                :current-category-id="request()->integer('category_id')"
            />

            @if ($articles->total() === 0)
                <p class="border border-dashed border-brand-border rounded-lg  px-6 py-12 text-center text-brand-muted" data-reveal="soft">{{ __('site.empty_articles') }}</p>
            @else
                <ul class="eca-card-grid site-card-grid mx-2" data-reveal-group>
                    @foreach ($articles as $article)
                        <x-site.cards.article :article="$article" />
                    @endforeach
                </ul>

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

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