@extends('layouts.app')

@section('title', ($currentCategory ? $currentCategory->name.' — ' : '').'Акции дня — teeu')
@section('meta_description', 'Акции и скидки на teeu'.($currentCategory ? ' — '.$currentCategory->name : '').': товары с активными промо-ценами от проверенных продавцов.')

@section('seo')
    @include('partials.seo.meta', [
        'canonical' => $currentCategory ? route('deals.category', $currentCategory->slug) : route('deals.index'),
        'ogTitle' => ($currentCategory ? $currentCategory->name.' — ' : '').'Акции дня — teeu',
    ])
@endsection

@section('content')
    <nav class="mb-4 text-sm text-[var(--color-muted)]">
        <a href="{{ route('home') }}" class="hover:text-[var(--color-primary)]">Главная</a>
        <span class="mx-1">/</span>
        @if ($currentCategory)
            <a href="{{ route('deals.index') }}" class="hover:text-[var(--color-primary)]">Акции дня</a>
            <span class="mx-1">/</span>
            <span class="text-[var(--color-ink)]">{{ $currentCategory->name }}</span>
        @else
            <span class="text-[var(--color-ink)]">Акции дня</span>
        @endif
    </nav>

    <div class="flex flex-wrap items-center gap-3">
        <h1 class="text-2xl font-extrabold tracking-tight text-[var(--color-ink)]">Акции дня</h1>
        <span class="inline-flex items-center gap-1.5 rounded-full bg-[#FDECEE] px-3 py-1.5 text-[13px] font-extrabold text-[var(--color-sale)]"><i data-lucide="flame" class="h-3.5 w-3.5"></i> Успейте купить</span>
    </div>
    <p class="mt-1 text-sm text-[var(--color-slate)]">Товары с активными скидками от проверенных продавцов.</p>

    {{-- Category sections — same chips as the seller storefront. --}}
    @if ($categories->isNotEmpty())
        <div class="mt-5 mb-4 flex flex-wrap gap-2">
            <a href="{{ route('deals.index') }}"
               class="rounded-full px-3 py-1.5 text-sm font-semibold {{ ! $activeCategory ? 'bg-[var(--color-primary)] text-white' : 'bg-white text-[var(--color-slate)] border border-[var(--color-line)]' }}">Все</a>
            @foreach ($categories as $cat)
                <a href="{{ route('deals.category', $cat->slug) }}"
                   class="rounded-full px-3 py-1.5 text-sm font-semibold {{ $activeCategory === $cat->id ? 'bg-[var(--color-primary)] text-white' : 'bg-white text-[var(--color-slate)] border border-[var(--color-line)]' }}">{{ $cat->name }}</a>
            @endforeach
        </div>
    @endif

    @if ($products->isEmpty())
        <div class="mt-4 rounded-[var(--radius-lg)] border border-dashed border-[var(--color-line)] bg-white p-10 text-center text-[var(--color-muted)]">
            Сейчас нет активных акций@if ($currentCategory) в этом разделе@endif.
            <a href="{{ route('catalog.index') }}" class="font-semibold text-[var(--color-primary)]">Перейти в каталог</a>
        </div>
    @else
        <div class="grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4">
            @foreach ($products as $product)
                <x-product-card :product="$product" />
            @endforeach
        </div>
        <div class="mt-6">{{ $products->links() }}</div>
    @endif
@endsection