@extends('layout')
@section('title', 'Famille Letzelter - le site de la famille (Moselle)')
@section('meta', "Le site de la famille Letzelter de Philippsbourg (Moselle) : la fiche de chaque membre, les photos et l'histoire familiale, réunies fiche après fiche.")
@section('schema', 'CollectionPage')

@section('content')
    <section class="hero">
        <div class="wrap">
            <p class="eyebrow">Philippsbourg · Moselle</p>
            <h1>Famille Letzelter</h1>
            <p class="lead">Une famille, une histoire - réunie ici, fiche après fiche, photo après photo.</p>
            <p class="byline">Par {{ config('site.author') }} · <time datetime="{{ config('site.published') }}">{{ \Illuminate\Support\Carbon::parse(config('site.published'))->translatedFormat('j F Y') }}</time></p>
        </div>
    </section>

    @if ($accueil)
        <section class="wrap narrative">
            @foreach ($accueil->paragraphs() as $p)
                <p>{!! \App\Support\Markup::inline($p) !!}</p>
            @endforeach
        </section>

        @if ($accueil->photos->isNotEmpty())
            <section class="wrap">
                <div class="gallery" data-lightbox>
                    @foreach ($accueil->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 ?: 'Photo de famille' }}">
                        </a>
                    @endforeach
                </div>
            </section>
        @endif
    @endif

    <section class="wrap members-section">
        <h2 class="section-title">Les membres de la famille</h2>
        <div class="member-grid">
            @foreach ($members as $member)
                <a href="{{ route('member', $member) }}" class="member-card">
                    @php
                        $thumb = $member->avatar_path
                            ? \Illuminate\Support\Facades\Storage::disk('public')->url($member->avatar_path)
                            : null;
                    @endphp
                    <div class="avatar">
                        @if ($thumb)
                            <img loading="lazy" src="{{ $thumb }}" alt="{{ $member->display_name }}">
                        @else
                            <span class="initials">{{ \Illuminate\Support\Str::of($member->display_name)->explode(' ')->map(fn($w) => \Illuminate\Support\Str::substr($w, 0, 1))->take(2)->implode('') }}</span>
                        @endif
                    </div>
                    <span class="member-name">{{ $member->display_name }}</span>
                    <span class="member-meta">{{ $member->photos_count }} photo{{ $member->photos_count > 1 ? 's' : '' }}</span>
                </a>
            @endforeach
        </div>
    </section>

    <section class="wrap narrative">
        <h2 class="section-title">Un album de famille pour transmettre la mémoire</h2>
        <p>
            Ce site est bien plus qu'une simple galerie de photographies : il est le gardien vivant de la mémoire
            de la famille Letzelter. À travers les générations, chaque cliché raconte une histoire, un mariage,
            une naissance, des vacances au bord de la mer, une réunion de famille, un instant de complicité entre
            frères et sœurs. Rassembler ces souvenirs en un lieu unique, c'est offrir à celles et ceux qui nous
            suivront la possibilité de connaître leurs racines, de mettre un visage sur les noms, et de comprendre
            d'où ils viennent.
        </p>
        <h3>Préserver et partager notre histoire</h3>
        <p>
            Les photos anciennes s'abîment, se dispersent, disparaissent parfois avec ceux qui les gardaient
            précieusement. En les numérisant et en les rassemblant ici, nous protégeons ce patrimoine familial et
            nous le rendons accessible à tous les membres de la famille, où qu'ils se trouvent. Chaque personne
            dispose de sa propre page, avec les moments qui ont jalonné sa vie, pour que rien ne se perde et que
            chaque histoire continue d'être racontée.
        </p>
        <h3>Un patrimoine à faire vivre</h3>
        <p>
            La transmission est au cœur de cette démarche. Les grands-parents y retrouvent leur jeunesse, les
            parents y revoient leurs enfants grandir, et les plus jeunes découvrent les visages et les lieux qui
            ont façonné leur famille. Petit à petit, cet album s'enrichit de nouveaux souvenirs, de nouvelles
            générations, et devient le fil rouge qui relie hier, aujourd'hui et demain. Parce qu'une famille, c'est
            avant tout une histoire commune que l'on se transmet avec amour, de génération en génération.
        </p>
    </section>
@endsection