{{-- Une photo de la grille, dans la carte de son chantier ou dans la
     mosaïque. $p la photo, $nomClient le nom à montrer ; $piedClient (mosaïque)
     écrit le client sous une photo sans légende, faute de carte qui le dise.

     Le globe dit qu'elle est sur le site vitrine. Le contour orange et le
     point, qu'elle attend d'être triée : seulement pour qui trie (photos.edit).
     --}}
@php
    $aTrier = $peutModifier && !$dansLaCorbeille && !$p->estTraitee();
    $legende = $p->document?->description ?: $nomClient;
    // En grand : le client, le jour, et ce que le technicien en dit s'il
    // en a dit quelque chose — sinon le client revenait deux fois.
    $legendeVisionneuse = collect([$nomClient, $p->date_chantier?->translatedFormat('j M Y'), $p->document?->description])->filter()->implode(' — ');
@endphp
<div class="phototheque-tuile {{ $p->id === $ouverte ? 'est-ouverte' : '' }} {{ $aTrier ? 'est-a-traiter' : '' }}" data-tuile="{{ $p->id }}">
    <a href="{{ request()->fullUrlWithQuery(['photo' => $p->id]) }}#photo" class="phototheque-ouvrir" data-photo="{{ $p->id }}" data-fiche="{{ route('photos.show', $p) }}"
        title="{{ $legende }}">
        @if ($vignette = $p->vignetteUrl())
            <img src="{{ $vignette }}" alt="{{ $legende }}" loading="lazy">
        @else
            <span class="phototheque-tuile-sans-image" aria-hidden="true"><i class="bi bi-film"></i></span>
        @endif
        @if ($p->video)
            <span class="phototheque-marque-video" title="{{ __('Vidéo') }}"><i class="bi bi-play-fill" aria-hidden="true"></i><span class="visually-hidden">{{ __('Vidéo') }}</span></span>
        @endif
    </a>
    @if ($aTrier)
        <span class="phototheque-pastille-neuve" title="{{ __('Pas encore traitée') }}"><span class="visually-hidden">{{ __('Pas encore traitée') }}</span></span>
    @endif
    @if ($p->estRetouchee())
        <span class="phototheque-marque-retouche" title="{{ __('Retouchée') }}"><i class="bi bi-magic" aria-hidden="true"></i><span class="visually-hidden">{{ __('Retouchée') }}</span></span>
    @endif
    @if ($p->estPubliee())
        <span class="phototheque-marque-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
    @if ($peutSelectionner)
        <input type="checkbox" class="form-check-input phototheque-coche" name="photos[]" value="{{ $p->id }}"
            form="lot-etiquette" aria-label="{{ $p->video ? __('Sélectionner cette vidéo') : __('Sélectionner cette photo') }}">
    @endif
    <a href="{{ asset('storage/' . $p->affichee()?->url) }}" class="phototheque-loupe" data-visionneuse="phototheque"
        @if ($p->video) data-video @endif
        data-legende="{{ $legendeVisionneuse }}" title="{{ __('Voir en grand') }}" data-loupe="{{ $p->id }}">
        <i class="bi bi-arrows-fullscreen" aria-hidden="true"></i>
    </a>
    <div class="phototheque-tuile-pied">
        <span class="text-truncate">{{ $p->document?->description ?: (($piedClient ?? false) ? collect([$nomClient, $p->date_chantier?->translatedFormat('M Y')])->filter()->implode(' · ') : '') }}</span>
    </div>
</div>