{{-- Album en mosaique, commun a la fiche personne et a la page de membre.
     Attend $ind (Individual) et $peut (droit de modifier). --}}
        {{-- Album en mosaique (voulu par Alexandre le 10/09/2026) : plein de
             photos, tailles variees, clic pour agrandir ; une tuile pour en
             importer plusieurs d'un coup, visible de ceux qui peuvent modifier. --}}
        @php $photos = $ind->donneesCompletesVisibles() ? $ind->media->sortBy([['annee', 'asc'], ['id', 'asc']])->values() : collect(); @endphp
        @if ($photos->count() || $peut)
            <h2 class="section-title">Album photo</h2>
            <p class="pf-mosaique-compte">
                @if ($photos->count())
                    {{ $photos->count() }} photo{{ $photos->count() > 1 ? 's' : '' }}
                @else
                    Aucune photo pour l'instant.
                @endif
            </p>
            <div class="pf-mosaique" data-lightbox>
                @if ($peut)
                    <form method="post" action="{{ route('fiche.photos', $ind) }}" enctype="multipart/form-data" class="pf-tuile-ajout">
                        @csrf
                        <label>
                            <input type="file" name="photos[]" accept="image/*" multiple hidden onchange="this.form.submit()">
                            <span class="pf-tuile-plus" aria-hidden="true">+</span>
                            <span class="pf-tuile-txt">Ajouter des photos</span>
                            <span class="pf-tuile-aide">plusieurs à la fois, 12 Mo chacune</span>
                        </label>
                    </form>
                @endif
                @foreach ($photos as $k => $ph)
                    {{-- Une photo sur cinq en grand, une sur sept en hauteur : un rythme de mosaique sans calcul de format. --}}
                    <a href="{{ $ph->url }}" class="shot pf-tuile @if($k % 5 === 0) pf-tuile--grande @elseif($k % 7 === 3) pf-tuile--haute @endif"
                       @if($ph->caption || $ph->annee) data-caption="{{ trim(($ph->caption ?? '').($ph->annee ? ' ('.$ph->annee.')' : '')) }}" @endif>
                        <img loading="lazy" src="{{ $ph->url }}" alt="{{ $ph->caption ?: $ind->nomVisiteur() }}">
                        @if ($ph->annee)<span class="pf-tuile-annee">{{ $ph->annee }}</span>@endif
                    </a>
                @endforeach
            </div>
        @endif