{{-- Les photos du client dans la photothèque, une carte par chantier
     (ClientController::photos). Une vignette s'ouvre en grand sur place
     (js/visionneuse.js, toutes les photos du client à la suite) ; le reste
     — étiquettes, retouches, site vitrine — se fait dans la photothèque.
     Une vidéo s'y lit aussi (`data-video`). --}}
@forelse ($photos as $lot => $chantier)
    @php
        $premiere = $chantier->first();
        $planning = $premiere->planning;
    @endphp
    <div class="client-photos-chantier">
        <div class="d-flex flex-wrap align-items-baseline gap-2 mb-2">
            <span class="fw-semibold">
                {{ collect([
                    $premiere->date_chantier?->translatedFormat('j M Y'),
                    $premiere->ville ? \Illuminate\Support\Str::title(mb_strtolower($premiere->ville)) : null,
                ])->filter()->implode(' · ') ?: __('Sans date') }}
            </span>
            <span class="small">
                {{ collect([
                    $premiere->metier ? config("rapport_chantiers.types.{$premiere->metier}") : null,
                    $planning?->equipe?->nom,
                    \App\Services\Photos\Phototheque::compteDe($chantier),
                ])->filter()->implode(' · ') }}
            </span>
            <span class="ms-auto d-flex gap-3 small">
                @if ($planning)
                    <a href="{{ route('plannings.show', $planning->id) }}">{{ __('Planning') }}</a>
                @endif
                <a href="{{ route('photos.index', ['client' => $client['IDCONTACT'], 'photo' => $premiere->id]) }}#photo">{{ __('Dans la photothèque') }}</a>
            </span>
        </div>
        <div class="client-photos-grille">
            @foreach ($chantier as $p)
                @php
                    $affichee = $p->affichee();
                    $legende = collect([$nomClient, $p->date_chantier?->translatedFormat('j M Y'), $p->document?->description])->filter()->implode(' — ');
                @endphp
                @if ($affichee && $p->video)
                    <a href="{{ asset('storage/' . $affichee->url) }}" class="client-photo" data-visionneuse="client-photos" data-video
                        data-legende="{{ $legende }}" title="{{ __('Voir la vidéo') }}">
                        @if ($vignette = $p->vignetteUrl())
                            <img src="{{ $vignette }}" alt="{{ $legende }}" loading="lazy">
                        @else
                            <span class="client-photo-sans-image" aria-hidden="true"><i class="bi bi-film"></i></span>
                        @endif
                        <span class="client-photo-video"><i class="bi bi-play-fill" aria-hidden="true"></i><span class="visually-hidden">{{ __('Vidéo') }}</span></span>
                    </a>
                @elseif ($affichee)
                    <a href="{{ asset('storage/' . $affichee->url) }}" class="client-photo" data-visionneuse="client-photos"
                        data-legende="{{ $legende }}" title="{{ __('Voir en grand') }}">
                        <img src="{{ $affichee->vignetteUrl() }}" alt="{{ $legende }}" loading="lazy">
                        @if ($p->estPubliee())
                            <span class="client-photo-site" title="{{ __('Sur le site vitrine') }}"><i class="bi bi-globe2" aria-hidden="true"></i><span class="visually-hidden">{{ __('Sur le site vitrine') }}</span></span>
                        @endif
                    </a>
                @endif
            @endforeach
        </div>
    </div>
@empty
    <p class="text-muted mb-0">{{ __('Aucune photo de ce client dans la photothèque.') }}</p>
@endforelse