{{-- Une photo du chantier, dans le bloc `_bloc`, et telle que la renvoie
     PhotoChantierController::store après l'envoi : js/plannings/photos-chantier.js
     la pose à la place de la vignette d'attente.

     Son auteur (ou un administrateur) la touche pour ouvrir ce qu'elle
     montre, sa légende et son retrait ; les autres la regardent en grand
     (visionneuse).

     Paramètres :
       $photo   la Photo, avec document, version.document et user
--}}

@php
    $affichee = $photo->affichee();
    $grande = asset('storage/' . $affichee->url);
    $legende = $photo->document?->description;
    $auteur = $photo->user?->prenom ?? $photo->photographe;
    $modifiable = \App\Http\Controllers\PhotoChantierController::peutModifier($photo, auth()->user());
@endphp

<div class="photo-chantier" data-photo="{{ $photo->id }}"
    @if ($modifiable)
        data-url="{{ route('plannings.photos.update', [$photo->planning_id, $photo->id]) }}"
        data-image="{{ $grande }}"
        data-description="{{ $legende }}"
    @endif>
    @if ($modifiable)
        <button type="button" class="photo-chantier-vignette" data-photo-ouvrir
            aria-label="{{ __('Ce que montre cette photo') }}" title="{{ $legende ?: __('Ce que montre cette photo') }}">
            <img src="{{ $affichee->vignetteUrl() }}" alt="{{ $legende ?: __('Photo du chantier') }}" loading="lazy">
        </button>
    @else
        <a href="{{ $grande }}" class="photo-chantier-vignette" data-visionneuse="chantier-{{ $photo->planning_id }}"
            title="{{ $legende ?: __('Photo du chantier') }}">
            <img src="{{ $affichee->vignetteUrl() }}" alt="{{ $legende ?: __('Photo du chantier') }}" loading="lazy">
        </a>
    @endif
    @if ($auteur)
        <span class="photo-chantier-auteur">{{ $auteur }}</span>
    @endif
</div>