{% extends 'base.html.twig' %}

{# Mise en page des pages hors application (connexion, changement de mot de passe obligatoire) #}
{% block body_class %}h-full bg-gradient-to-br from-brand-50 via-white to-accent-50 font-sans text-slate-800 antialiased{% endblock %}

{% block body %}
<div class="flex min-h-full flex-col items-center justify-center px-4 py-10">
    <div class="w-full max-w-md">
        <div class="mb-6 flex justify-center">
            <img src="{{ asset('logo-sans-fond.png') }}" alt="AMANSA VOYAGE" class="h-44 w-auto drop-shadow-sm">
        </div>
        <div class="card p-6 sm:p-8">
            {% block card %}{% endblock %}
        </div>
        <p class="mt-6 text-center text-xs text-slate-500">&copy; {{ 'now'|date('Y') }} AMANSA VOYAGE — Votre voyage, notre priorité !</p>
    </div>
</div>
{% endblock %}