@php
    use App\Support\Content;
    use App\Support\Taxonomy;
    $rubKey = $rubrique['key'];
    $isAnnonces = $rubKey === 'annonces';
@endphp
<aside class="filters">
    <div class="panel" style="padding:18px">
        <form action="{{ url('/'.$rubKey.($slugs ? '/'.implode('/', $slugs) : '')) }}" method="get">

            <div class="filter-block">
                <button type="button" class="filter-title">Catégories <x-icon name="chevron-down"/></button>
                <div class="filter-body cat-tree">
                    <a href="{{ url('/'.$rubKey) }}" class="{{ $slugs ? '' : 'is-active' }}">
                        <span>Toutes les catégories</span>
                    </a>
                    @php
                        $current = $slugs ? Taxonomy::find($rubKey, ...$slugs) : null;
                        $level1  = $univers;
                    @endphp
                    @foreach($level1 as $u)
                        @php $isOn = ($slugs[0] ?? null) === $u['slug']; @endphp
                        <a href="{{ $u['url'] }}" class="{{ $isOn && count($slugs) === 1 ? 'is-active' : '' }}">
                            <span>{{ $u['name'] }}</span>
                            <span class="n">{{ number_format(Content::countFor($u), 0, ',', ' ') }}</span>
                        </a>
                        @if($isOn && $u['children'])
                            <div class="sub">
                                @foreach($u['children'] as $c)
                                    @php $cOn = ($slugs[1] ?? null) === $c['slug']; @endphp
                                    <a href="{{ $c['url'] }}" class="{{ $cOn && count($slugs) === 2 ? 'is-active' : '' }}">
                                        <span>{{ $c['name'] }}</span>
                                        <span class="n">{{ number_format(Content::countFor($c), 0, ',', ' ') }}</span>
                                    </a>
                                    @if($cOn && $c['children'])
                                        <div class="sub">
                                            @foreach($c['children'] as $s)
                                                <a href="{{ $s['url'] }}" class="{{ ($slugs[2] ?? null) === $s['slug'] ? 'is-active' : '' }}">
                                                    <span>{{ $s['name'] }}</span>
                                                    <span class="n">{{ number_format(Content::countFor($s), 0, ',', ' ') }}</span>
                                                </a>
                                            @endforeach
                                        </div>
                                    @endif
                                @endforeach
                            </div>
                        @endif
                    @endforeach
                </div>
            </div>

            <div class="filter-block">
                <button type="button" class="filter-title">Localisation <x-icon name="chevron-down"/></button>
                <div class="filter-body">
                    <div class="input-icon">
                        <x-icon name="pin"/>
                        <input class="input" type="text" name="ville" placeholder="Ville ou code postal" value="{{ $filters['ville'] }}">
                    </div>
                    <select class="select" name="dept">
                        <option value="">Tous les départements</option>
                        @foreach(['59' => 'Nord (59)', '62' => 'Pas-de-Calais (62)', '80' => 'Somme (80)', '60' => 'Oise (60)', '02' => 'Aisne (02)'] as $code => $label)
                            <option value="{{ $code }}" @selected($filters['dept'] === $code)>{{ $label }}</option>
                        @endforeach
                    </select>
                    @php $paysDispo = Content::paysPresents($rubKey); @endphp
                    @if(count($paysDispo) > 1)
                        {{-- Sélecteur affiché seulement si le contenu déborde des frontières. --}}
                        <select class="select" name="pays">
                            <option value="">Tous les pays</option>
                            @foreach($paysDispo as $code => $nom)
                                <option value="{{ $code }}" @selected(($filters['pays'] ?? '') === $code)>{{ $nom }}</option>
                            @endforeach
                        </select>
                    @endif
                    <label class="check"><input type="checkbox" name="rayon" value="1"> Étendre aux communes voisines (20 km)</label>
                </div>
            </div>

            @if($isAnnonces)
                <div class="filter-block">
                    <button type="button" class="filter-title">Prix <x-icon name="chevron-down"/></button>
                    <div class="filter-body">
                        <div class="range-row">
                            <input class="input" type="number" name="min" placeholder="Min" value="{{ $filters['min'] }}">
                            <span class="muted">—</span>
                            <input class="input" type="number" name="max" placeholder="Max" value="{{ $filters['max'] }}">
                        </div>
                        <span class="hint">Prix en euros, toutes taxes comprises</span>
                    </div>
                </div>

                <div class="filter-block">
                    <button type="button" class="filter-title">Type de vendeur <x-icon name="chevron-down"/></button>
                    <div class="filter-body">
                        @foreach(['' => 'Tous les vendeurs', 'particulier' => 'Particuliers', 'pro' => 'Professionnels'] as $val => $label)
                            <label class="check">
                                <input type="radio" name="type" value="{{ $val }}" @checked(($filters['pro'] ?? '') === $val)> {{ $label }}
                            </label>
                        @endforeach
                    </div>
                </div>

                <div class="filter-block">
                    <button type="button" class="filter-title">Critères <x-icon name="chevron-down"/></button>
                    <div class="filter-body">
                        <label class="check"><input type="checkbox" name="photo" value="1"> Uniquement avec photo</label>
                        <label class="check"><input type="checkbox" name="livraison" value="1"> Livraison possible</label>
                        <label class="check"><input type="checkbox" name="urgent" value="1"> Annonces urgentes</label>
                        <label class="check"><input type="checkbox" name="verifie" value="1"> Vendeurs vérifiés</label>
                    </div>
                </div>
            @endif

            @if($rubKey === 'annuaire')
                <div class="filter-block">
                    <button type="button" class="filter-title">Établissement <x-icon name="chevron-down"/></button>
                    <div class="filter-body">
                        <label class="check"><input type="checkbox" name="ouvert" value="1"> Ouvert maintenant</label>
                        <label class="check"><input type="checkbox" name="verifie" value="1"> Fiche vérifiée</label>
                        <label class="check"><input type="checkbox" name="avis" value="1"> Note supérieure à 4/5</label>
                        <label class="check"><input type="checkbox" name="devis" value="1"> Propose un devis gratuit</label>
                    </div>
                </div>
            @endif

            @if($rubKey === 'agenda')
                <div class="filter-block">
                    <button type="button" class="filter-title">Quand ? <x-icon name="chevron-down"/></button>
                    <div class="filter-body">
                        @foreach(['Aujourd\'hui', 'Ce week-end', 'Cette semaine', 'Ce mois-ci'] as $when)
                            <label class="check"><input type="radio" name="quand" value="{{ Str::slug($when) }}"> {{ $when }}</label>
                        @endforeach
                        <label class="check"><input type="checkbox" name="gratuit" value="1"> Gratuit uniquement</label>
                    </div>
                </div>
            @endif

            <div class="filter-block">
                <button class="btn btn-primary btn-block" type="submit"><x-icon name="filter"/> Appliquer les filtres</button>
                <a href="{{ url()->current() }}" class="btn btn-ghost btn-block btn-sm" style="margin-top:8px">Réinitialiser</a>
            </div>
        </form>
    </div>

    <div class="panel" style="margin-top:18px;background:var(--orange-50);border-color:var(--orange-100)">
        <h3 style="font-size:1rem">Créez une alerte</h3>
        <p class="small muted" style="margin:6px 0 12px">
            Recevez un e-mail dès qu'une annonce correspond à cette recherche.
        </p>
        @auth
            {{-- L'alerte reprend la recherche courante : catégorie, mots-clés, ville, prix. --}}
            <form method="post" action="{{ url('/compte/alertes') }}" class="stack">
                @csrf
                <input type="hidden" name="rubrique" value="{{ $rubKey }}">
                <input type="hidden" name="category_path" value="{{ implode('/', $slugs) }}">
                <input type="hidden" name="q" value="{{ $filters['q'] }}">
                <input type="hidden" name="ville" value="{{ $filters['ville'] }}">
                <input type="hidden" name="dept" value="{{ $filters['dept'] }}">
                <input type="hidden" name="min" value="{{ $filters['min'] }}">
                <input type="hidden" name="max" value="{{ $filters['max'] }}">
                <input type="hidden" name="frequency" value="quotidienne">
                <input class="input" name="label" required maxlength="120"
                       value="{{ $node['name'] ?? $rubrique['label'] }}@if($filters['ville']) — {{ $filters['ville'] }}@endif">
                <button class="btn btn-dark btn-block btn-sm" type="submit"><x-icon name="bell"/> Créer l'alerte</button>
                <p class="tiny muted" style="margin:0">Un résumé quotidien, modifiable depuis votre compte.</p>
            </form>
        @else
            <a href="{{ url('/connexion') }}" class="btn btn-dark btn-block btn-sm">
                <x-icon name="bell"/> Se connecter pour créer l'alerte
            </a>
        @endauth
    </div>
</aside>