@extends('layout')
@section('title', 'Événements - Famille Letzelter')
@section('meta', "Les rendez-vous de la famille Letzelter : cousinades, réunions et retrouvailles.")
@section('robots', 'noindex, nofollow')

@php
    $today = \Illuminate\Support\Carbon::today();
    $items = collect($evenements)->map(function ($e) {
        $e['carbon'] = \Illuminate\Support\Carbon::parse($e['date']);
        return $e;
    })->sortBy('carbon')->values();
    $avenir = $items->filter(fn ($e) => $e['carbon']->gte($today));
    $passes = $items->filter(fn ($e) => $e['carbon']->lt($today))->sortByDesc('carbon')->values();
@endphp

@section('content')
    <section class="hero compact">
        <div class="wrap">
            <p class="eyebrow">Famille Letzelter</p>
            <h1>Événements</h1>
            <p class="lead">Les rendez-vous de la famille : cousinades, réunions et retrouvailles.</p>
        </div>
    </section>

    <section class="wrap evt-wrap">
        @if ($avenir->isNotEmpty())
            <h2 class="section-title">À venir</h2>
            <div class="evt-list">
                @foreach ($avenir as $e)
                    <article class="evt-card evt-card--next">
                        <div class="evt-date">
                            <span class="evt-jour">{{ $e['carbon']->translatedFormat('d') }}</span>
                            <span class="evt-mois">{{ $e['carbon']->translatedFormat('M') }}</span>
                            <span class="evt-annee">{{ $e['carbon']->translatedFormat('Y') }}</span>
                        </div>
                        <div class="evt-corps">
                            <h3 class="evt-titre">{{ $e['titre'] }}</h3>
                            <p class="evt-quand">{{ ucfirst($e['carbon']->translatedFormat('l j F Y')) }}@if(!empty($e['lieu'])) · {{ $e['lieu'] }}@endif</p>
                            @if(!empty($e['description']))<p class="evt-desc">{{ $e['description'] }}</p>@endif
                        </div>
                    </article>
                @endforeach
            </div>
        @endif

        @if ($passes->isNotEmpty())
            <h2 class="section-title">Passés</h2>
            <div class="evt-list">
                @foreach ($passes as $e)
                    <article class="evt-card evt-card--past">
                        <div class="evt-date">
                            <span class="evt-jour">{{ $e['carbon']->translatedFormat('d') }}</span>
                            <span class="evt-mois">{{ $e['carbon']->translatedFormat('M') }}</span>
                            <span class="evt-annee">{{ $e['carbon']->translatedFormat('Y') }}</span>
                        </div>
                        <div class="evt-corps">
                            <h3 class="evt-titre">{{ $e['titre'] }}</h3>
                            <p class="evt-quand">{{ ucfirst($e['carbon']->translatedFormat('l j F Y')) }}@if(!empty($e['lieu'])) · {{ $e['lieu'] }}@endif</p>
                            @if(!empty($e['description']))<p class="evt-desc">{{ $e['description'] }}</p>@endif
                        </div>
                    </article>
                @endforeach
            </div>
        @endif

        @if ($avenir->isEmpty() && $passes->isEmpty())
            <p class="empty-note" style="text-align:center">Aucun événement pour le moment.</p>
        @endif
    </section>

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