@extends('layouts.app')

@php
    $page = $products->currentPage();
    // Сортировка и фильтры плодят бесконечные комбинации одного и того же
    // ассортимента — такие URL не индексируем (SEO §4).
    $isFiltered = $sort !== 'default' || ! empty($selected) || ! empty($price);
    $categoryUrl = route('catalog.category', $category->path);
    $priceFrom = $stats['price_from'] !== null ? (float) $stats['price_from'] : null;
    // Пустая ветка (ни своих товаров, ни у потомков) индексации не заслуживает.
    // Страницу оставляем доступной: фиды обновляются, товары появятся — и раздел
    // вернётся в индекс сам, без нашего участия (план доработок, п. 1).
    $isEmpty = (int) $stats['count'] === 0;
@endphp

@section('title', $category->metaTitle().($page > 1 ? ' — страница '.$page : '').' — teeu')
@section('meta_description', $category->metaDescription($stats['count'], $priceFrom))

@php
    $seoCrumbs = [
        ['name' => 'Главная', 'url' => route('home')],
        ['name' => 'Каталог', 'url' => route('catalog.index')],
    ];
    foreach ($ancestors as $ancestor) {
        $seoCrumbs[] = ['name' => $ancestor->name, 'url' => route('catalog.category', $ancestor->path)];
    }
    $seoCrumbs[] = ['name' => $category->name, 'url' => route('catalog.category', $category->path)];
@endphp

{{-- Canonical страницы пагинации ведёт на неё саму: товары там другие, склеивать
     с первой нельзя (SEO §3). Сортировка и фильтры, наоборот, канонизируются на
     чистую категорию и закрыты noindex (SEO §4). Пустая ветка — тоже noindex, но
     follow: ссылки из неё вниз по дереву остаются рабочими. --}}
@section('seo')
    @include('partials.seo.meta', [
        'canonical' => \App\Support\Seo::listingCanonical($categoryUrl, $page, $isFiltered),
        'robots' => $isFiltered || $isEmpty ? 'noindex, follow' : null,
        'ogTitle' => $category->metaTitle(),
        'ogDescription' => $category->metaDescription($stats['count'], $priceFrom),
    ])
    @include('partials.seo.json-ld', ['data' => \App\Support\Seo::breadcrumbJsonLd($seoCrumbs)])
    @if ($products->isNotEmpty())
        @include('partials.seo.json-ld', [
            'data' => \App\Support\Seo::itemListJsonLd($products, $products->firstItem() ?? 1),
        ])
    @endif
@endsection

@section('content')
@section('content')
    {{-- Breadcrumbs (ТЗ §19.1) --}}
    <nav class="flex flex-wrap items-center gap-1 text-[12.5px] text-[var(--color-muted)]">
        <a href="{{ route('home') }}" class="text-[var(--color-muted)] hover:text-[var(--color-primary)]">Главная</a>
        <span>/</span>
        <a href="{{ route('catalog.index') }}" class="text-[var(--color-muted)] hover:text-[var(--color-primary)]">Каталог</a>
        @foreach ($ancestors as $ancestor)
            <span>/</span>
            <a href="{{ route('catalog.category', $ancestor->path) }}" class="text-[var(--color-muted)] hover:text-[var(--color-primary)]">{{ $ancestor->name }}</a>
        @endforeach
        <span>/</span>
        <span class="text-[var(--color-secondary)]">{{ $category->name }}</span>
    </nav>

    <div class="mt-2.5 flex flex-wrap items-baseline gap-x-2.5 gap-y-1">
        <h1 class="text-[22px] font-extrabold tracking-[-0.5px] text-[var(--color-ink)] sm:text-[26px]">{{ $category->h1() }}</h1>
        <span class="text-sm text-[var(--color-muted)]">{{ number_format($products->total(), 0, '.', ' ') }} {{ \App\Support\Ru::plural($products->total(), ['товар', 'товара', 'товаров']) }}</span>
    </div>

    {{-- Left column = category nav (Ozon-style) + filters; both collapse on mobile.
         Сортировка — чипами-ссылками, фильтры в адресе сохраняются. Выбранные
         фильтры — чипами над сеткой, каждый снимается отдельно.
         Всё в одном блоке: однострочные php-директивы перед блочной Blade склеивает. --}}
    @php
        $hasFacets = ! empty($facets) || (int) $stats['count'] > 0;
        $navItems = $children->isNotEmpty() ? $children : $siblings;
        $hasCatNav = $ancestors->isNotEmpty() || $navItems->isNotEmpty();
        $hasSidebar = $hasFacets || $hasCatNav;
        $sorts = ['default' => 'По актуальности', 'newest' => 'Новинки', 'price_asc' => 'Дешевле', 'price_desc' => 'Дороже'];

        $query = request()->except('page');
        $chips = [];
        if ($price !== []) {
            $rub = fn ($v) => number_format($v, 0, '.', ' ');
            $without = $query;
            unset($without['price']);
            $chips[] = [
                'label' => 'Цена:'.(isset($price['min']) ? ' от '.$rub($price['min']) : '').(isset($price['max']) ? ' до '.$rub($price['max']) : '').' ₽',
                'url' => url()->current().(($qs = \Illuminate\Support\Arr::query($without)) ? '?'.$qs : ''),
            ];
        }
        foreach ($facets as $facet) {
            $raw = $query['f'][$facet['id']] ?? null;
            if ($raw === null) {
                continue;
            }
            if ($facet['type'] === 'number') {
                if ($facet['selected_min'] === null && $facet['selected_max'] === null) {
                    continue;
                }
                $num = fn ($v) => rtrim(rtrim(number_format((float) $v, 2, '.', ' '), '0'), '.');
                $label = $facet['name'].':'
                    .($facet['selected_min'] !== null ? ' от '.$num($facet['selected_min']) : '')
                    .($facet['selected_max'] !== null ? ' до '.$num($facet['selected_max']) : '');
                $without = $query;
                unset($without['f'][$facet['id']]);
                $chips[] = ['label' => $label, 'url' => url()->current().(($qs = \Illuminate\Support\Arr::query($without)) ? '?'.$qs : '')];
                continue;
            }
            foreach ($facet['values'] as $value) {
                if (! $value['selected']) {
                    continue;
                }
                $without = $query;
                $without['f'][$facet['id']] = array_values(array_filter(
                    (array) $raw,
                    fn ($k) => \App\Models\CategoryAlias::normalize((string) $k) !== $value['key'],
                ));
                if ($without['f'][$facet['id']] === []) {
                    unset($without['f'][$facet['id']]);
                }
                $chips[] = ['label' => $value['label'], 'url' => url()->current().(($qs = \Illuminate\Support\Arr::query($without)) ? '?'.$qs : '')];
            }
        }
    @endphp

    <div class="mt-5 @if ($hasSidebar) grid gap-5 lg:grid-cols-[248px_1fr] lg:items-start @endif">
        @if ($hasSidebar)
            <aside>
                {{-- Телефон: две кнопки в ряд, панели раскрываются под ними. --}}
                <div class="grid grid-cols-2 gap-2 lg:hidden" x-data="{ panel: {{ ! empty($selected) || ! empty($price) ? "'filters'" : 'null' }} }">
                    @if ($hasCatNav)
                        <button type="button" @click="panel = panel === 'nav' ? null : 'nav'"
                                class="flex h-10 items-center justify-center gap-2 rounded-[var(--radius-md)] border text-[13.5px] font-semibold transition @if (! $hasFacets) col-span-2 @endif"
                                :class="panel === 'nav' ? 'border-[var(--color-primary)] bg-[var(--color-primary-soft)] text-[var(--color-primary)]' : 'border-[var(--color-line)] text-[var(--color-ink)]'">
                            <i data-lucide="list" class="h-4 w-4"></i>Разделы
                        </button>
                    @endif
                    @if ($hasFacets)
                        <button type="button" @click="panel = panel === 'filters' ? null : 'filters'"
                                class="flex h-10 items-center justify-center gap-2 rounded-[var(--radius-md)] border text-[13.5px] font-semibold transition @if (! $hasCatNav) col-span-2 @endif"
                                :class="panel === 'filters' ? 'border-[var(--color-primary)] bg-[var(--color-primary-soft)] text-[var(--color-primary)]' : 'border-[var(--color-line)] text-[var(--color-ink)]'">
                            <i data-lucide="sliders-horizontal" class="h-4 w-4"></i>Фильтры
                            @if (count($chips) > 0)
                                <span class="grid h-[17px] min-w-[17px] place-items-center rounded-full bg-[var(--color-primary)] px-1 text-[10px] font-bold text-white">{{ count($chips) }}</span>
                            @endif
                        </button>
                    @endif
                    @if ($hasCatNav)
                        <div x-show="panel === 'nav'" x-cloak class="col-span-2">@include('partials.catalog.category-nav')</div>
                    @endif
                    @if ($hasFacets)
                        <div x-show="panel === 'filters'" x-cloak class="col-span-2">@include('partials.catalog.filters')</div>
                    @endif
                </div>

                <div class="hidden space-y-3 lg:block">
                    @if ($hasCatNav)
                        @include('partials.catalog.category-nav')
                    @endif
                    @if ($hasFacets)
                        @include('partials.catalog.filters')
                    @endif
                </div>
            </aside>
        @endif

        <div class="min-w-0">
            <div class="-mx-4 flex items-center gap-1.5 overflow-x-auto px-4 pb-1 [scrollbar-width:none] sm:mx-0 sm:flex-wrap sm:px-0">
                @foreach ($sorts as $val => $label)
                    <a href="{{ request()->fullUrlWithQuery(['sort' => $val === 'default' ? null : $val, 'page' => null]) }}"
                       @if ($val !== 'default') rel="nofollow" @endif
                       class="shrink-0 rounded-[20px] border px-[13px] py-1.5 text-[12.5px] font-semibold transition {{ $sort === $val ? 'border-[var(--color-primary)] bg-[var(--color-primary-soft)] text-[var(--color-primary)]' : 'border-[var(--color-line)] text-[var(--color-slate)] hover:border-[var(--color-primary)] hover:text-[var(--color-primary)]' }}">{{ $label }}</a>
                @endforeach
            </div>

            @if (count($chips) > 0)
                <div class="mt-2.5 flex flex-wrap items-center gap-1.5">
                    @foreach ($chips as $chip)
                        <a href="{{ $chip['url'] }}" rel="nofollow"
                           class="inline-flex items-center gap-1.5 rounded-[20px] bg-[var(--color-canvas)] py-1 pl-2.5 pr-2 text-xs text-[var(--color-slate)] transition hover:bg-[var(--color-sale-soft)] hover:text-[var(--color-sale)]"
                           aria-label="Убрать фильтр «{{ $chip['label'] }}»">
                            {{ $chip['label'] }}<i data-lucide="x" class="h-3 w-3"></i>
                        </a>
                    @endforeach
                    <a href="{{ route('catalog.category', $category->path) }}{{ $sort !== 'default' ? '?sort='.$sort : '' }}"
                       class="ml-1 text-xs font-semibold text-[var(--color-primary)] hover:text-[var(--color-primary-dark)]">Сбросить все</a>
                </div>
            @endif

            @if ($products->isEmpty())
                <div class="mt-4 rounded-[var(--radius-lg)] border border-[var(--color-line)] p-10 text-center text-[13.5px] text-[var(--color-muted)]">
                    @if (! empty($selected) || ! empty($price))
                        Ничего не найдено по выбранным фильтрам.
                        <a href="{{ route('catalog.category', $category->path) }}" class="font-semibold text-[var(--color-primary)]">Сбросить фильтры</a>
                    @else
                        В этой категории пока нет товаров.
                    @endif
                </div>
            @else
                <div class="mt-3.5 grid grid-cols-2 gap-2 sm:grid-cols-3 sm:gap-3 @if ($hasSidebar) lg:grid-cols-3 xl:grid-cols-4 @else md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 @endif">
                    @foreach ($products as $product)
                        <x-product-card :product="$product" />
                    @endforeach
                </div>
                <div class="mt-6">{{ $products->links() }}</div>
            @endif
        </div>
    </div>

    {{-- SEO-текст — только на первой странице пагинации (SEO §3, §9): на page=2+
         он превращался в дубль без нового смысла. --}}
    @if ($category->seo_text && $page === 1)
        <div class="mt-10 max-w-[880px] border-t border-[var(--color-line)] pt-6 text-[13.5px] leading-[1.6] text-[var(--color-slate)]">
            {!! nl2br(e($category->seo_text)) !!}
        </div>
    @endif
@endsection