@extends('layout')
@section('title', $page->title.' - Famille Letzelter')
@section('meta', \Illuminate\Support\Str::limit(
    filled($page->body)
        ? (string) \Illuminate\Support\Str::of($page->body)->stripTags()->squish()
        : "{$page->title} - famille Letzelter de Philippsbourg (Moselle).",
    155))
@section('schema', 'Article')

@section('content')
    <section class="hero compact">
        <div class="wrap">
            <p class="eyebrow">Famille Letzelter</p>
            <h1>{{ $page->title }}</h1>
        </div>
    </section>

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

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

    <section class="wrap back-row">
        <a href="{{ route('home') }}" class="back-link">← Accueil</a>
    </section>
@endsection