{{-- Les filtres de la photothèque : une barre au-dessus des photos, la
     recherche puis un menu par filtre (Bootstrap, qui reste ouvert tant
     qu'on clique dedans). Un formulaire GET.

     Dans un menu, cocher ne recharge rien : le bouton « Voir N photos »
     compte ce que donnerait la sélection (?compte=1) ; il envoie, comme
     refermer le menu après un changement, ou « Effacer » (js/phototheque.js).
     La recherche part à Entrée ; une liste déroulante, dès qu'on choisit.

     Chaque valeur porte le nombre de photos qu'elle donnerait avec les AUTRES
     filtres (Phototheque::requete($sauf)). Le bouton d'un menu dit ce qui y
     est choisi : la valeur s'il n'y en a qu'une, sinon leur nombre. --}}
@php
    $choisis = collect($actifs)->groupBy('cle');
    $resume = function (array $cles) use ($choisis) {
        $valeurs = collect($cles)->flatMap(fn ($c) => $choisis->get($c, collect())->pluck('valeur'));

        return match ($valeurs->count()) {
            0       => null,
            1       => $valeurs->first(),
            default => (string) $valeurs->count(),
        };
    };
    $plus = collect([
        $filtres->articles ? count($filtres->articles) : 0,
        $filtres->photographe !== null || $filtres->photographeNom !== null ? 1 : 0,
        $filtres->retouchees ? 1 : 0,
        $filtres->surLeSite ? 1 : 0,
        $filtres->videos ? 1 : 0,
    ])->sum();
    $gererEtiquettes = auth()->user()?->can('photos.edit');
@endphp

<form method="GET" action="{{ route('photos.index') }}" class="phototheque-barre" data-filtres>
    @foreach ([
        'client'   => $filtres->client,
        'planning' => $filtres->planning,
        // L'onglet (à traiter, corbeille) reste d'un filtre à l'autre.
        'vue'      => $filtres->vue === 'toutes' ? null : $filtres->vue,
    ] as $nom => $valeur)
        @if ($valeur !== null)
            <input type="hidden" name="{{ $nom }}" value="{{ $valeur }}">
        @endif
    @endforeach

    <div class="input-group input-group-sm phototheque-recherche">
        <label class="visually-hidden" for="photos-q">{{ __('Rechercher') }}</label>
        <input type="search" id="photos-q" name="q" value="{{ $filtres->q }}" class="form-control"
            placeholder="{{ __('Client, ville, modèle, article, n° de commande') }}">
        <button class="btn btn-primary" type="submit" title="{{ __('Rechercher') }}"><i class="bi bi-search" aria-hidden="true"></i><span class="visually-hidden">{{ __('Rechercher') }}</span></button>
    </div>

    {{-- ===== Produit : les types à gauche, les modèles du type choisi à
         droite, la flèche d'un modèle déplie ses variations. Le champ
         cherche dans tous les types à la fois. ===== --}}
    @if ($produits)
        @php
            $typeOuvert = collect($produits)->first(fn ($t) => $t['coche'] || $t['ouvert'])['cle'] ?? $produits[0]['cle'];
        @endphp
        @include('admin.photos._menu-bouton', ['libelle' => __('Produit'), 'choix' => $resume([__('Produit')])])
            <div class="dropdown-menu phototheque-menu phototheque-menu-produit" data-menu-filtre>
                <label class="visually-hidden" for="photos-produits-filtre">{{ __('Chercher un modèle') }}</label>
                <input type="search" id="photos-produits-filtre" class="form-control form-control-sm mb-2" data-produit-cherche
                    placeholder="{{ __('Chercher un modèle : B-200-1, CLA…') }}" autocomplete="off">
                <div class="phototheque-produit-colonnes">
                    <ul class="phototheque-produit-types" role="tablist">
                        @foreach ($produits as $type)
                            <li>
                                <button type="button" class="phototheque-produit-type {{ $type['cle'] === $typeOuvert ? 'est-choisi' : '' }} {{ $type['coche'] || $type['ouvert'] ? 'a-du-choix' : '' }}"
                                    role="tab" aria-selected="{{ $type['cle'] === $typeOuvert ? 'true' : 'false' }}" data-produit-type="{{ $type['cle'] }}">
                                    <span class="phototheque-case-libelle">{{ \Illuminate\Support\Str::ucfirst(mb_strtolower($type['nom'])) }}</span>
                                    <span class="phototheque-nombre">{{ number_format($type['n'], 0, ',', ' ') }}</span>
                                </button>
                            </li>
                        @endforeach
                    </ul>
                    <div class="phototheque-produit-modeles phototheque-defilant">
                        @foreach ($produits as $type)
                            @php $nomType = \Illuminate\Support\Str::ucfirst(mb_strtolower($type['nom'])); @endphp
                            <div data-produit-volet="{{ $type['cle'] }}" @if ($type['cle'] !== $typeOuvert) hidden @endif>
                                <label class="phototheque-case phototheque-produit-tous">
                                    <input type="checkbox" class="form-check-input" name="produit[]" value="{{ $type['cle'] }}" @checked($type['coche'])>
                                    <span class="phototheque-case-libelle">{{ __('Tout « :type »', ['type' => mb_strtolower($nomType)]) }}</span>
                                    <span class="phototheque-nombre">{{ number_format($type['n'], 0, ',', ' ') }}</span>
                                </label>
                                @foreach ($type['enfants'] as $modele)
                                    @include('admin.photos._noeud', ['noeud' => $modele, 'nomType' => $nomType])
                                @endforeach
                            </div>
                        @endforeach
                        <p class="small mb-0 px-1" data-produit-aucun hidden>{{ __('Aucun modèle à ce nom dans ces photos.') }}</p>
                    </div>
                </div>
                @include('admin.photos._menu-pied')
            </div>
        </div>
    @endif

    {{-- ===== Ville : les plus photographiées d'abord ===== --}}
    @if ($villes->isNotEmpty() || $filtres->villes)
        @include('admin.photos._menu-bouton', ['libelle' => __('Ville'), 'choix' => $resume([__('Ville')])])
            <div class="dropdown-menu phototheque-menu" data-menu-filtre>
                @if ($villes->count() > 8)
                    <label class="visually-hidden" for="photos-villes-filtre">{{ __('Chercher une ville') }}</label>
                    <input type="search" id="photos-villes-filtre" class="form-control form-control-sm mb-2" data-filtre-liste="#photos-villes"
                        placeholder="{{ __('Chercher une ville') }}" autocomplete="off">
                @endif
                <div class="phototheque-defilant" id="photos-villes">
                    @foreach ($villes as $ville)
                        @include('admin.photos._case', ['nom' => 'ville[]', 'valeur' => $ville->nom, 'libelle' => \Illuminate\Support\Str::title(mb_strtolower($ville->nom)), 'n' => $ville->n, 'coche' => in_array($ville->nom, $filtres->villes, true)])
                    @endforeach
                </div>
                @include('admin.photos._menu-pied')
            </div>
        </div>
    @endif

    {{-- ===== Date du chantier ===== --}}
    @include('admin.photos._menu-bouton', ['libelle' => __('Date'), 'choix' => $resume([__('Date')])])
        <div class="dropdown-menu phototheque-menu" data-menu-filtre>
            <div class="phototheque-dates">
                <div>
                    <label class="small" for="photos-du">{{ __('Du') }}</label>
                    <input type="date" id="photos-du" name="du" value="{{ $filtres->du }}" class="form-control form-control-sm">
                </div>
                <div>
                    <label class="small" for="photos-au">{{ __('Au') }}</label>
                    <input type="date" id="photos-au" name="au" value="{{ $filtres->au }}" class="form-control form-control-sm">
                </div>
            </div>
            @include('admin.photos._menu-pied')
        </div>
    </div>

    {{-- ===== Couleur ===== --}}
    @if ($couleurs->isNotEmpty() || $filtres->couleurs)
        @include('admin.photos._menu-bouton', ['libelle' => __('Couleur'), 'choix' => $resume([__('Couleur')])])
            <div class="dropdown-menu phototheque-menu" data-menu-filtre>
                @if ($couleurs->count() > 8)
                    <label class="visually-hidden" for="photos-couleurs-filtre">{{ __('Chercher une couleur') }}</label>
                    <input type="search" id="photos-couleurs-filtre" class="form-control form-control-sm mb-2" data-filtre-liste="#photos-couleurs"
                        placeholder="{{ __('Chercher une couleur : 7016, blanc…') }}" autocomplete="off">
                @endif
                <div class="phototheque-defilant" id="photos-couleurs">
                    @foreach ($couleurs as $couleur)
                        @include('admin.photos._case', ['nom' => 'couleur[]', 'valeur' => $couleur->nom, 'libelle' => $couleur->nom, 'n' => $couleur->n, 'coche' => in_array($couleur->nom, $filtres->couleurs, true), 'teinte' => $couleur->teinte ?? 'transparent'])
                    @endforeach
                </div>
                @include('admin.photos._menu-pied')
            </div>
        </div>
    @endif

    {{-- ===== Étiquettes : celles de la sélection, les plus posées d'abord.
         Cochées ensemble, elles affinent (ET). « Gérer » : toute la liste,
         dans une fenêtre (admin/photos/_etiquettes). ===== --}}
    @if ($etiquettes->isNotEmpty() || $gererEtiquettes)
        @include('admin.photos._menu-bouton', ['libelle' => __('Étiquettes'), 'choix' => $resume([__('Étiquette')])])
            <div class="dropdown-menu phototheque-menu" data-menu-filtre>
                <div class="d-flex align-items-center gap-2 mb-2">
                    @if ($etiquettes->count() > 8)
                        <label class="visually-hidden" for="photos-etiquettes-filtre">{{ __('Chercher une étiquette') }}</label>
                        <input type="search" id="photos-etiquettes-filtre" class="form-control form-control-sm" data-filtre-liste="#photos-etiquettes"
                            placeholder="{{ __('Chercher une étiquette') }}" autocomplete="off">
                    @endif
                    @if ($gererEtiquettes)
                        <button type="button" class="btn btn-sm btn-outline-primary ms-auto text-nowrap" data-bs-toggle="modal" data-bs-target="#gestion-etiquettes">{{ __('Gérer') }}</button>
                    @endif
                </div>
                <div class="phototheque-defilant" id="photos-etiquettes">
                    @forelse ($etiquettes as $e)
                        @include('admin.photos._case', ['nom' => 'etiquette[]', 'valeur' => $e->id, 'libelle' => $e->nom, 'n' => $e->n, 'coche' => $e->coche])
                    @empty
                        <p class="small mb-0">{{ __('Aucune étiquette sur ces photos.') }}</p>
                    @endforelse
                </div>
                @include('admin.photos._menu-pied')
            </div>
        </div>
    @endif

    {{-- ===== À rattacher : ce que les photos ne disent pas encore, pour qui
         trie (photos.edit). Les clients de digiKam restés en texte (rattachés
         un à un depuis le panneau, le plus récent d'abord), les photos sans
         modèle ou sans couleur (« Rattacher », barre de sélection), et
         l'écran des libellés de digiKam absents du catalogue. ===== --}}
    @if ($gererEtiquettes)
        @include('admin.photos._menu-bouton', ['libelle' => __('À rattacher'), 'choix' => ($n = (int) $filtres->aRattacher + (int) $filtres->sansModele + (int) $filtres->sansCouleur) ? (string) $n : null])
            <div class="dropdown-menu phototheque-menu" data-menu-filtre>
                <label class="phototheque-case">
                    <input type="checkbox" class="form-check-input" name="a_rattacher" value="1" @checked($filtres->aRattacher)>
                    <span class="phototheque-case-libelle">{{ __('Clients sans fiche Gestan') }}</span>
                    <span class="phototheque-nombre" title="{{ __('Noms de clients de digiKam') }}">{{ trans_choice(':n nom|:n noms', $aRattacher, ['n' => number_format($aRattacher, 0, ',', ' ')]) }}</span>
                </label>
                <label class="phototheque-case">
                    <input type="checkbox" class="form-check-input" name="sans_modele" value="1" @checked($filtres->sansModele)>
                    <span class="phototheque-case-libelle">{{ __('Sans modèle') }}</span>
                    <span class="phototheque-nombre">{{ number_format($sansModele, 0, ',', ' ') }}</span>
                </label>
                <label class="phototheque-case">
                    <input type="checkbox" class="form-check-input" name="sans_couleur" value="1" @checked($filtres->sansCouleur)>
                    <span class="phototheque-case-libelle">{{ __('Sans couleur') }}</span>
                    <span class="phototheque-nombre">{{ number_format($sansCouleur, 0, ',', ' ') }}</span>
                </label>
                @if ($produitsARattacher ?? 0)
                    <a href="{{ route('photos.produits') }}" class="phototheque-case phototheque-menu-lien"
                        title="{{ __('Les modèles de digiKam qui ne se retrouvent pas au catalogue') }}">
                        <span class="phototheque-case-libelle"><i class="bi bi-box-seam" aria-hidden="true"></i> {{ __('Libellés hors catalogue') }} <i class="bi bi-arrow-right" aria-hidden="true"></i></span>
                        <span class="phototheque-nombre">{{ trans_choice(':n libellé|:n libellés', $produitsARattacher, ['n' => $produitsARattacher]) }}</span>
                    </a>
                @endif
                <p class="small mb-0 mt-2">{{ __('Cochez les photos, puis « Produit » dans la barre du bas pour leur donner un modèle ou une couleur.') }}</p>
                @include('admin.photos._menu-pied')
            </div>
        </div>
    @endif

    {{-- ===== Plus : ce qui sert moins souvent ===== --}}
    @include('admin.photos._menu-bouton', ['libelle' => __('Plus'), 'choix' => $plus ? (string) $plus : null])
        <div class="dropdown-menu dropdown-menu-end phototheque-menu" data-menu-filtre>
            <div class="d-flex flex-column gap-3">
                @if ($photographes->isNotEmpty())
                    <div>
                        <label for="photos-photographe" class="phototheque-titre">{{ __('Photographe') }}</label>
                        <select id="photos-photographe" name="photographe" class="form-select form-select-sm">
                            <option value="">{{ __('Tous') }}</option>
                            @foreach ($photographes as $p)
                                <option value="{{ $p->id }}" @selected($filtres->photographe === $p->id || ($filtres->photographeNom !== null && $filtres->photographeNom === $p->id))>{{ $p->nom }} ({{ $p->n }})</option>
                            @endforeach
                        </select>
                    </div>
                @endif

                @if ($articles->isNotEmpty() || $filtres->articles)
                    {{-- Les lignes de devis touchées par les techniciens sous
                         leurs photos : moteur, rail, digicode. --}}
                    <fieldset>
                        <legend class="phototheque-titre">{{ __('Article du devis') }} <span class="phototheque-nombre">{{ $articles->count() }}</span></legend>
                        @if ($articles->count() > 8)
                            <label class="visually-hidden" for="photos-articles-filtre">{{ __('Chercher un article') }}</label>
                            <input type="search" id="photos-articles-filtre" class="form-control form-control-sm mb-1" data-filtre-liste="#photos-articles"
                                placeholder="{{ __('Chercher un article') }}" autocomplete="off">
                        @endif
                        <div class="phototheque-defilant" id="photos-articles">
                            @foreach ($articles as $a)
                                @include('admin.photos._case', ['nom' => 'article[]', 'valeur' => $a->code, 'libelle' => $a->code . ($a->libelle ? ' · ' . \Illuminate\Support\Str::ucfirst(mb_strtolower($a->libelle)) : ''), 'n' => $a->n, 'coche' => in_array($a->code, $filtres->articles, true)])
                            @endforeach
                        </div>
                    </fieldset>
                @endif

                @if ($retouchees || $publiees || $videos || $filtres->retouchees || $filtres->surLeSite || $filtres->videos)
                <fieldset>
                    <legend class="phototheque-titre">{{ __('Seulement') }}</legend>
                    @if ($retouchees || $filtres->retouchees)
                        <label class="phototheque-case">
                            <input type="checkbox" class="form-check-input" name="retouchees" value="1" @checked($filtres->retouchees)>
                            <span class="phototheque-case-libelle">{{ __('Seulement les retouchées') }}</span>
                            <span class="phototheque-nombre">{{ $retouchees }}</span>
                        </label>
                    @endif
                    @if ($publiees || $filtres->surLeSite)
                        <label class="phototheque-case">
                            <input type="checkbox" class="form-check-input" name="site" value="1" @checked($filtres->surLeSite)>
                            <span class="phototheque-case-libelle">{{ __('Seulement celles du site') }}</span>
                            <span class="phototheque-nombre">{{ $publiees }}</span>
                        </label>
                    @endif
                    {{-- Les vidéos de digiKam : elles se regardent, ne s'ajoutent pas. --}}
                    @if ($videos || $filtres->videos)
                        <label class="phototheque-case">
                            <input type="checkbox" class="form-check-input" name="videos" value="1" @checked($filtres->videos)>
                            <span class="phototheque-case-libelle">{{ __('Seulement les vidéos') }}</span>
                            <span class="phototheque-nombre">{{ $videos }}</span>
                        </label>
                    @endif
                </fieldset>
                @endif
            </div>
            @include('admin.photos._menu-pied')
        </div>
    </div>

    @if ($actifs)
        <a data-fondu href="{{ route('photos.index', array_filter(['vue' => $filtres->vue === 'toutes' ? null : $filtres->vue])) }}" class="btn btn-link btn-sm text-nowrap">{{ __('Tout effacer') }}</a>
    @endif
</form>