@extends('layouts.app')

@section('content')
<div class="max-w-lg mx-auto">
    <div class="form-card rounded-3xl shadow-card overflow-hidden text-center">

        <div class="bg-gradient-to-r from-retro-pink to-retro-violet px-6 py-10 text-white">
            <div class="w-20 h-20 mx-auto rounded-full bg-white/15 flex items-center justify-center text-4xl mb-4">🎟️</div>
            <h1 class="font-display text-2xl md:text-3xl">Inscriptions closes</h1>
        </div>

        <div class="p-8">
            <p class="text-slate-600 font-body leading-relaxed">
                La date limite d'inscription à la soirée rétro était fixée au
                <strong class="text-retro-pink-deep">17 septembre 2026</strong>.
            </p>
            <p class="text-slate-500 text-sm mt-4 font-body">
                L'événement aura lieu le <strong>samedi 26 septembre 2026</strong> à partir de 19h30<br>
                Salle des fêtes — Esmans
            </p>

            <div class="mt-8 pt-6 border-t border-slate-100 space-y-2">
                <a href="tel:+33769321992"
                    class="inline-flex items-center justify-center gap-2 w-full py-3 rounded-xl bg-gradient-to-r from-retro-pink to-retro-violet text-white font-display hover:brightness-105 transition">
                    07 69 32 19 92
                </a>
            </div>
        </div>
    </div>
</div>
@endsection