@extends('layouts.app')
@php
    use App\Support\Content;
    use App\Support\Taxonomy;
    $rubKey = $rubrique['key'];
    $heading = $node['name'] ?? $rubrique['label'];
    $children = $node['children'] ?? [];
    $tri = $filters['sort'];
@endphp

@section('content')

<div class="container">
    @include('partials.breadcrumb', ['rubrique' => $rubrique, 'trail' => $trail])
</div>

{{-- En-tête de rubrique --}}
<section class="section-tight" style="padding-top:0">
    <div class="container">
        <div class="row-between" style="align-items:flex-start">
            <div>
                <h1>{{ $heading }}</h1>
                <p class="lead" style="margin:8px 0 0;max-width:70ch">
                    @if($node)
                        {{ number_format($total, 0, ',', ' ') }}
                        {{ ['annonces' => 'annonces', 'annuaire' => 'professionnels', 'agenda' => 'événements', 'magazine' => 'articles'][$rubKey] }}
                        dans « {{ $node['name'] }} »{{ $filters['ville'] ? ' à '.$filters['ville'] : '' }}.
                    @else
                        {{ $rubrique['baseline'] }}.
                    @endif
                </p>
            </div>
            <div class="row-center" style="gap:8px">
                @if($rubKey === 'annonces')
                    <a href="{{ url('/deposer') }}" class="btn btn-primary"><x-icon name="plus"/> Déposer</a>
                @elseif($rubKey === 'annuaire')
                    <a href="{{ url('/pro') }}" class="btn btn-primary"><x-icon name="plus"/> Ajouter mon établissement</a>
                @elseif($rubKey === 'agenda')
                    <a href="{{ url('/deposer') }}" class="btn btn-primary"><x-icon name="plus"/> Publier un événement</a>
                @endif
                <button class="btn btn-outline btn-icon" data-copy="url" title="Partager cette page"><x-icon name="share"/></button>
            </div>
        </div>

        {{-- Sous-catégories --}}
        @if($children)
            <div class="row-center" style="gap:8px;flex-wrap:wrap;margin-top:20px">
                @foreach($children as $c)
                    <a href="{{ $c['url'] }}" class="chip">
                        {{ $c['name'] }}
                        <span class="tiny muted">{{ number_format(Content::countFor($c), 0, ',', ' ') }}</span>
                    </a>
                @endforeach
            </div>
        @elseif(! $node)
            <div class="grid grid-6" style="margin-top:22px">
                @foreach($univers as $u)
                    <a href="{{ $u['url'] }}" class="tile">
                        <span class="tile-icon"><x-icon :name="$u['icon']"/></span>
                        <span style="min-width:0">
                            <span class="tile-name">{{ $u['name'] }}</span>
                            <span class="tile-count">{{ number_format(Content::countFor($u), 0, ',', ' ') }} {{ Content::unite($rubKey, Content::countFor($u)) }}</span>
                        </span>
                    </a>
                @endforeach
            </div>
        @endif
    </div>
</section>

<section class="section" style="padding-top:16px">
    <div class="container split">
        <div class="sidebar-desktop">
            @include('partials.filters')
        </div>

        <div>
            {{-- Barre d'outils --}}
            <div class="toolbar">
                <span class="small muted">
                    <strong class="strong">{{ number_format($total, 0, ',', ' ') }}</strong> résultat{{ $total > 1 ? 's' : '' }}
                    @if($results->lastPage() > 1)
                        · page {{ $results->currentPage() }} sur {{ $results->lastPage() }}
                    @endif
                </span>

                <div class="row-center" style="gap:10px">
                    <form method="get" class="row-center" style="gap:8px">
                        @foreach(request()->except(['tri', 'page']) as $k => $v)
                            <input type="hidden" name="{{ $k }}" value="{{ is_array($v) ? implode(',', $v) : $v }}">
                        @endforeach
                        <label class="small muted" for="tri">Trier par</label>
                        <select class="select" name="tri" id="tri" data-auto-submit style="height:38px;width:auto;min-width:180px">
                            @php
                                $options = $rubKey === 'agenda'
                                    ? ['date' => 'Date (prochainement)', 'populaire' => 'Popularité']
                                    : ($rubKey === 'annuaire'
                                        ? ['note' => 'Meilleures notes', 'recent' => 'Ajouts récents']
                                        : ['recent' => 'Plus récentes', 'prix-croissant' => 'Prix croissant', 'prix-decroissant' => 'Prix décroissant', 'populaire' => 'Popularité']);
                            @endphp
                            @foreach($options as $val => $label)
                                <option value="{{ $val }}" @selected($tri === $val)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </form>

                    @if(in_array($rubKey, ['annonces', 'annuaire'], true))
                        <div class="view-toggle">
                            <button type="button" data-view="grid" aria-label="Vue grille"><x-icon name="grid"/></button>
                            <button type="button" data-view="list" aria-label="Vue liste"><x-icon name="list"/></button>
                        </div>
                    @endif
                </div>
            </div>

            {{-- Filtres actifs --}}
            @php
                $actifs = array_filter([
                    'ville' => $filters['ville'],
                    'dept'  => $filters['dept'],
                    'pays'  => ($filters['pays'] ?? null) ? \App\Support\Pays::nom($filters['pays']) : null,
                    'q'     => $filters['q'],
                    'type'  => $filters['pro'],
                    'min'   => $filters['min'],
                    'max'   => $filters['max'],
                ]);
            @endphp
            @if($actifs)
                <div class="active-filters">
                    @foreach($actifs as $k => $v)
                        <a href="{{ request()->fullUrlWithQuery([$k === 'type' ? 'type' : $k => null]) }}" class="chip is-active">
                            {{ ucfirst($k) }} : {{ $v }} <span class="chip-remove"><x-icon name="close" size="10"/></span>
                        </a>
                    @endforeach
                    <a href="{{ url()->current() }}" class="chip">Tout effacer</a>
                </div>
            @endif

            {{-- Résultats --}}
            @if($results->total() === 0)
                <div class="panel empty">
                    <span class="empty-icon"><x-icon name="search"/></span>
                    <h3>Aucun résultat pour cette recherche</h3>
                    <p class="muted" style="max-width:46ch;margin:8px auto 18px">
                        Essayez d'élargir la zone géographique, de supprimer un filtre ou de consulter une catégorie voisine.
                    </p>
                    <a href="{{ url('/'.$rubKey) }}" class="btn btn-primary">Voir toute la rubrique</a>
                </div>
            @else
                <div class="grid grid-3" data-results>
                    @foreach($results as $item)
                        @if($rubKey === 'annuaire')
                            <x-pro-card :pro="$item"/>
                        @elseif($rubKey === 'agenda')
                            <x-event-card :event="$item"/>
                        @elseif($rubKey === 'magazine')
                            <x-article-card :article="$item"/>
                        @else
                            <x-ad-card :ad="$item"/>
                        @endif
                    @endforeach
                </div>

                @include('partials.pagination')
            @endif

            {{-- Bloc SEO --}}
            <div class="panel" style="margin-top:34px">
                <h2 style="font-size:1.15rem">
                    {{ $node ? $node['name'].' : ce que vous trouverez sur CityMag' : $rubrique['label'].' sur CityMag' }}
                </h2>
                <p class="muted" style="margin-top:10px">
                    @if($node)
                        Retrouvez ici l'ensemble des {{ $rubKey === 'annuaire' ? 'établissements' : 'annonces' }}
                        publiés dans la catégorie <strong class="strong">{{ implode(' › ', array_column($trail, 'name')) }}</strong>.
                        Affinez votre recherche par ville, par prix ou par type de vendeur, puis créez une alerte
                        pour être prévenu dès qu'une nouvelle publication correspond à vos critères.
                    @else
                        {{ $rubrique['baseline'] }}. Parcourez les {{ count($univers) }} univers de la rubrique,
                        filtrez par commune et enregistrez vos recherches favorites.
                    @endif
                </p>

                @if($children)
                    <div class="tile-links" style="margin-top:14px">
                        @foreach($children as $c)
                            <a href="{{ $c['url'] }}">{{ $c['name'] }}</a>
                            @if(! $loop->last)<span class="tiny muted">·</span>@endif
                        @endforeach
                    </div>
                @endif
            </div>
        </div>
    </div>
</section>

@endsection