@extends('layout')
@section('title', 'Dater les photos - Administration')
@section('robots', 'noindex, nofollow')

@section('content')
    <section class="wrap space-head">
        <p class="eyebrow">Administration</p>
        <h1>Dater les photos</h1>
        <p class="muted">
            Une année suffit. Chaque photo datée rejoint la frise « au fil des âges » de la fiche,
            à raison d'une image par tranche de vingt ans. L'album, lui, ne bouge pas.
        </p>
    </section>

    <form method="post" action="{{ route('admin.dater.store') }}">
        @csrf
        @forelse ($fiches as $f)
            <section class="wrap fm-bloc">
                <h2 class="section-title">{{ $f['membre']->display_name }}</h2>
                @if (filled($f['naissance']))
                    <p class="muted" style="margin-top:-8px">Née ou né le {{ $f['naissance'] }}</p>
                @else
                    <p class="muted" style="margin-top:-8px">
                        Date de naissance inconnue : la frise parlera en décennies plutôt qu'en âges.
                    </p>
                @endif

                <div class="dater-grille">
                    @foreach ($f['photos'] as $photo)
                        @php $dejaDatee = $f['annees'][$photo->path] ?? null; @endphp
                        <div class="dater-carte">
                            <a href="{{ $photo->url }}" target="_blank" rel="noopener">
                                <img loading="lazy" src="{{ $photo->url }}" alt="Photo de {{ $f['membre']->display_name }}">
                            </a>
                            <label>
                                Année
                                <input type="number" name="annees[{{ $f['individual']->id }}:{{ $photo->id }}]"
                                       min="1850" max="{{ date('Y') }}" placeholder="ex. 1955"
                                       value="{{ $dejaDatee }}">
                            </label>
                            @if ($dejaDatee)
                                <p class="dater-etat">Déjà dans la frise</p>
                            @endif
                        </div>
                    @endforeach
                </div>
            </section>
        @empty
            <section class="wrap fm-bloc">
                <p class="empty-note">Toutes les photos sont datées.</p>
            </section>
        @endforelse

        @if ($fiches)
            <section class="wrap fm-bloc">
                <button type="submit" class="btn">Enregistrer les années</button>
            </section>
        @endif
    </form>

    <section class="wrap back-row">
        <a href="{{ route('admin.index') }}" class="back-link">← Administration</a>
    </section>
@endsection