@extends('layout')
@section('title', $member->display_name.' - Famille Letzelter')
@section('meta', \Illuminate\Support\Str::limit(
    filled($member->bio)
        ? (string) \Illuminate\Support\Str::of($member->bio)->stripTags()->squish()
        : "Fiche de {$member->display_name}, membre de la famille Letzelter de Philippsbourg (Moselle) : état civil, descendance, photos et souvenirs.",
    155))
@section('schema', 'ProfilePage')

@php
    $peutEditer = auth()->check() && (auth()->user()->is_admin || $member->user_id === auth()->id());
    $estAdmin   = auth()->check() && auth()->user()->is_admin;
    // Meme regle que la fiche personne : admin, la personne, un parent vivant.
    $peutInd    = $ind ? $ind->peutEtreModifieePar(auth()->user()) : false;
    $stylo = '<svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M16.9 3.6a2.1 2.1 0 0 1 3 3L8.6 17.9 4 19l1.1-4.6L16.9 3.6z"/><path d="M14.5 6l3 3"/></svg>';
    $complet    = $ind ? $ind->donneesCompletesVisibles() : true;
    $nomAffiche = $ind ? $ind->nomVisiteur() : $member->display_name;

    // Le visage d'une personne vivante ne sort pas sans compte connecte.
    $portrait = ! $complet ? null : ($member->avatar_path
        ? \Illuminate\Support\Facades\Storage::disk('public')->url($member->avatar_path)
        : ($ind ? $ind->portrait_url : null));

    // Dates de vie : rien ne s'affiche si les deux sont vides (pas de « ★ - » orphelin).
    $vie = [];
    if ($ind && $complet) {
        if (filled($ind->naissance_date)) $vie[] = '★ '.$ind->naissance_date;
        if (filled($ind->deces_date))     $vie[] = '† '.$ind->deces_date;
    }
    $unions = $ind ? $ind->unions() : collect();
@endphp

@section('content')

    {{-- ═══ 1. Portrait, identité et frise des âges ═══════════════════ --}}
    <section class="wrap fm-cartouche">
        @if ($ind && ($peutInd || ! auth()->check()))
            <a class="pf-stylo fm-stylo" href="{{ route('fiche.edit', $ind) }}" title="Modifier la fiche" aria-label="Modifier la fiche de {{ $nomAffiche }}">{!! $stylo !!}</a>
        @endif
        <div class="fm-portrait-bloc">
            <div class="member-portrait fm-portrait @if($peutInd) pf-portrait--modifiable @endif">
                @if ($portrait)
                    <img src="{{ $portrait }}" alt="{{ $nomAffiche }}">
                @else
                    <span class="initials big">{{ \Illuminate\Support\Str::substr($nomAffiche, 0, 1) }}</span>
                @endif
                @if ($peutInd)
                    <form method="post" action="{{ route('fiche.portrait', $ind) }}" enctype="multipart/form-data" class="pf-portrait-form">
                        @csrf
                        <label class="pf-portrait-changer" title="Changer la photo">
                            <input type="file" name="portrait" accept="image/*" hidden onchange="this.form.submit()">
                            <span>{{ $portrait ? 'Changer la photo' : 'Ajouter une photo' }}</span>
                        </label>
                    </form>
                @endif
            </div>
            @if ($peutEditer)
                {{-- Le téléversement retombe sur cette page : MemberSpaceController::avatar termine par back(). --}}
                <form method="post" action="{{ route('space.avatar', $member) }}" enctype="multipart/form-data" class="fm-photo-form">
                    @csrf
                    <label class="btn small fm-photo-btn">
                        <span>{{ $portrait ? 'Changer la photo' : 'Ajouter une photo' }}</span>
                        <input type="file" name="avatar" accept="image/*" hidden data-envoi-auto>
                    </label>
                </form>
                @if ($estAdmin && $ind)
                    <a class="fm-lien-discret" href="{{ route('admin.genealogie.edit', $ind) }}">Portrait généalogique</a>
                @endif
            @endif
        </div>

        <div class="fm-identite">
            <p class="eyebrow">Famille Letzelter</p>
            <h1>{{ $nomAffiche }}</h1>
            @if ($vie)
                <p class="fm-vie">{{ implode('  ·  ', $vie) }}</p>
            @endif
            <div class="fm-liens">
                @if ($ind)
                    <a class="btn small" href="{{ route('personne', $ind) }}">Sa fiche généalogique →</a>
                @endif
                @if ($peutEditer)
                    <a class="btn small" href="{{ route('space.member', $member) }}">Modifier cette fiche</a>
                @endif
            </div>
        </div>

        {{-- La frise : une photo par tranche de vingt ans, à côté du nom. --}}
        <div class="fm-frise">
            @if ($frise->isNotEmpty())
                <p class="fm-frise-titre">Au fil des âges</p>
                <div class="fm-frise-scene gallery" data-lightbox data-frise>
                    @foreach ($frise as $i => $etape)
                        <a class="shot fm-frise-vue @if($i === 0) is-active @endif"
                           href="{{ $etape->media->url }}"
                           data-frise-vue="{{ $i }}"
                           @if($etape->media->caption) data-caption="{{ $etape->media->caption }}" @endif>
                            <img loading="lazy" src="{{ $etape->media->url }}"
                                 alt="{{ $nomAffiche }}, {{ $etape->approx ? 'vers ' : '' }}{{ $etape->annee }}">
                        </a>
                    @endforeach
                </div>
                <div class="fm-frise-rail" role="tablist" aria-label="Photos au fil des âges">
                    @foreach ($frise as $i => $etape)
                        <button type="button" class="fm-frise-etape @if($i === 0) is-active @endif"
                                data-frise-aller="{{ $i }}" role="tab"
                                aria-selected="{{ $i === 0 ? 'true' : 'false' }}">
                            <span class="fm-frise-age">{{ $etape->titre }}</span>
                            <span class="fm-frise-an">{{ $etape->approx ? 'vers ' : '' }}{{ $etape->annee }}</span>
                        </button>
                    @endforeach
                </div>
            @else
                <div class="fm-frise-vide">
                    <p class="fm-frise-titre">Au fil des âges</p>
                    <p>
                        @if ($ind && ! $complet)
                            Les photos d'une personne vivante ne sont visibles que par les membres connectés.
                        @else
                            Aucune photo datée pour l'instant. En ajoutant l'année de chaque cliché,
                            cette frise se remplit toute seule, une image par tranche de vingt ans.
                        @endif
                    </p>
                    @if ($estAdmin && $ind)
                        <a class="btn small" href="{{ route('admin.genealogie.edit', $ind) }}">Dater des photos →</a>
                    @endif
                </div>
            @endif
        </div>
    </section>

    {{-- ═══ 2. État civil ═══════════════════════════════════════════════ --}}
    @if ($ind)
        <section class="wrap fm-bloc">
            <h2 class="section-title">État civil</h2>
            <article class="fm-registre">
                {{-- Meme presentation que la fiche personne (partials.personne-champs) :
                     naissance, deces et age sur une ligne, puis le signalement. --}}
                @php
                    // Repli sur la profession du cahier d'origine, en memoire seulement.
                    if (blank($ind->profession) && filled($member->profession)) {
                        $ind->profession = $member->profession;
                    }
                @endphp
                @if ($complet && filled($ind->nom_naissance))
                    <p class="fm-nom-naissance">{{ $ind->sexe === 'f' ? 'Née' : 'Né' }} {{ $ind->nom_naissance }}</p>
                @endif
                @include('partials.personne-champs', ['ind' => $ind])
                @if ($complet && $estAdmin && blank($ind->naissance_date) && blank($ind->deces_date))
                    <p class="fm-vide"><a href="{{ route('admin.genealogie.edit', $ind) }}">Compléter l'état civil →</a></p>
                @endif

                {{-- Les unions, en blocs serrés : un par mariage. --}}
                @if ($unions->isNotEmpty())
                    <div class="fm-unions">
                        @foreach ($unions as $i => $u)
                            @php
                                $conj = $u->partner1_id === $ind->id ? $u->partner2 : $u->partner1;
                                $rang = $unions->count() === 1
                                    ? 'Union'
                                    : (['Première union', 'Deuxième union', 'Troisième union', 'Quatrième union'][$i] ?? 'Union suivante');
                                $enfants = $u->children;
                            @endphp
                            <article class="fm-union">
                                <p class="fm-union-rang">{{ $rang }}</p>
                                @if ($conj)
                                    @php
                                        $vieConj = [];
                                        if ($conj->donneesCompletesVisibles()) {
                                            if (filled($conj->naissance_date)) $vieConj[] = '★ '.\App\Support\Dates::afficher($conj->naissance_date);
                                            if (filled($conj->deces_date))     $vieConj[] = '† '.\App\Support\Dates::afficher($conj->deces_date);
                                            $ageConj = filled($conj->deces_date) ? \App\Support\Dates::ageAuDeces($conj->naissance_date, $conj->deces_date) : null;
                                            if ($ageConj) $vieConj[] = e($ageConj).' de vie';
                                        }
                                    @endphp
                                    @include('partials.personne-entete', ['ind' => $conj, 'lien' => true, 'niveau' => 'p'])
                                    @if ($vieConj)<p class="fm-union-vie">{!! implode(' · ', $vieConj) !!}</p>@endif
                                @else
                                    <p class="fm-union-conjoint fm-vide">Conjoint(e) inconnu(e)</p>
                                @endif

                                @php
                                    $unionVisible = $complet && (! $conj || $conj->donneesCompletesVisibles());
                                    $quand = $unionVisible && filled($u->mariage_date) ? \App\Support\Dates::afficher($u->mariage_date) : null;
                                    $ou    = $unionVisible && filled($u->mariage_lieu) ? e($u->mariage_lieu) : null;
                                @endphp
                                @if ($quand || $ou)
                                    <p class="fm-union-mariage"><span class="pf-losange" aria-hidden="true">◆</span> Union {!! implode(', ', array_filter([$quand, $ou])) !!}</p>
                                @elseif (! $unionVisible)
                                    <p class="fm-union-mariage fm-vide">Date et lieu de l'union réservés aux membres connectés</p>
                                @else
                                    <p class="fm-union-mariage fm-vide">Date et lieu de l'union non renseignés</p>
                                @endif

                                @if ($enfants->count())
                                    <p class="fm-union-enfants">{{ $enfants->count() }} enfant{{ $enfants->count() > 1 ? 's' : '' }}</p>
                                    <div class="children-row">
                                        @foreach ($enfants as $e)
                                            <a class="child-chip" href="{{ route('personne', $e) }}">{{ $e->nomVisiteur() }}</a>
                                        @endforeach
                                    </div>
                                @endif
                            </article>
                        @endforeach
                    </div>
                @endif
            </article>
        </section>
    @endif

    {{-- ═══ Album en mosaïque ═══════════════════════════════════════════ --}}
    @if ($ind)
        <section class="wrap fm-bloc">
            @include('partials.album-mosaique', ['ind' => $ind, 'peut' => $peutInd])
        </section>
    @endif

    {{-- ═══ 3. La descendance, à partir de la personne ══════════════════ --}}
    @if ($ind)
        <section class="wrap fm-bloc">
            <h2 class="section-title">Sa descendance</h2>
            @php
                // Pluriels écrits à la main : les mots composés français
                // (petits-enfants) ne suivent pas la règle anglaise de Str::plural.
                $etiquettes = [
                    1 => ['enfant', 'enfants'],
                    2 => ['petit-enfant', 'petits-enfants'],
                    3 => ['arrière-petit-enfant', 'arrière-petits-enfants'],
                    4 => ['arrière-arrière-petit-enfant', 'arrière-arrière-petits-enfants'],
                ];
                $resume = [];
                foreach ($compteurs as $niveau => $nb) {
                    [$singulier, $pluriel] = $etiquettes[$niveau] ?? ['descendant', 'descendants'];
                    $resume[] = $nb.' '.($nb > 1 ? $pluriel : $singulier);
                }
            @endphp
            @if ($resume)
                <p class="fm-desc-compte">{{ implode('  ·  ', $resume) }}</p>
            @endif

            @php $aDesDescendants = collect($tree['unions'] ?? [])->contains(fn ($u) => ! empty($u['enfants'])); @endphp
            @if ($aDesDescendants)
                @include('partials.cascade-outils')
                <div class="csc-cadre">
                    <div class="csc-racine">
                        @include('partials.cascade', ['n' => $tree, 'pivot' => true])
                    </div>
                </div>
                @include('partials.cascade-mentions')
            @else
                <p class="fm-vide">
                    Aucune descendance enregistrée pour l'instant.
                    @if ($estAdmin)
                        <a href="{{ route('admin.genealogie.edit', $ind) }}">Ajouter un enfant →</a>
                    @endif
                </p>
            @endif
        </section>
    @endif

    {{-- ═══ 4. Souvenirs : ce que la fiche d'album porte en propre ══════ --}}
    @php
        $gouts = collect(['fav_vacation' => 'Lieu de vacances préféré', 'fav_book' => 'Livre préféré', 'fav_film' => 'Film préféré'])
            ->filter(fn ($l, $champ) => filled($member->$champ));
    @endphp
    @if ($gouts->isNotEmpty() || filled($member->citation) || filled($member->bio))
        <section class="wrap fm-bloc">
            <h2 class="section-title">Souvenirs</h2>
            <div class="profile-card">
                @if (filled($member->citation))
                    <blockquote class="fm-citation">{{ $member->citation }}</blockquote>
                @endif
                @if ($gouts->isNotEmpty())
                    <dl class="profile">
                        @foreach ($gouts as $champ => $libelle)
                            <div class="profile-row">
                                <dt>{{ $libelle }}</dt>
                                <dd>{{ $member->$champ }}</dd>
                            </div>
                        @endforeach
                    </dl>
                @endif
                @if (filled($member->bio))
                    <div class="bio">
                        @foreach (preg_split("/\n\s*\n/", $member->bio) as $para)
                            <p>{!! \App\Support\Markup::inline(trim($para)) !!}</p>
                        @endforeach
                    </div>
                @endif
            </div>
        </section>
    @endif

    {{-- ═══ 5. L'album, en dernier ══════════════════════════════════════ --}}
    @if ($member->photos->isNotEmpty())
        <section class="wrap fm-bloc">
            <h2 class="section-title">Album</h2>
            <div class="gallery" data-lightbox>
                @foreach ($member->photos as $photo)
                    <a href="{{ $photo->url }}" class="shot"
                       @if ($photo->caption) data-caption="{{ $photo->caption }}" @endif>
                        <img loading="lazy" src="{{ $photo->url }}" alt="{{ $photo->caption ?: $nomAffiche }}">
                    </a>
                @endforeach
            </div>
        </section>
    @endif

    <section class="wrap back-row fm-pied">
        <a href="{{ route('home') }}" class="back-link">← Tous les membres</a>
        <span class="fm-mention">Par {{ config('site.author') }} ·
            <time datetime="{{ config('site.published') }}">{{ \Illuminate\Support\Carbon::parse(config('site.published'))->translatedFormat('j F Y') }}</time>
        </span>
    </section>

    <script src="{{ asset('js/fiche.js') }}?v={{ @filemtime(public_path('js/fiche.js')) }}" defer></script>
@endsection