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

{% block body %}
{# Flash Messages Zone pour les pages guest (login, 2FA, etc.) #}
<div class="fixed top-4 right-4 z-50 w-full max-w-sm" data-turbo-temporary>
    {% include 'flowbite_components/layout/_notifications_zone.html.twig' %}
</div>

<div class="min-h-screen flex items-center justify-center px-4 sm:px-6 lg:px-8 dark:bg-gray-900">
    <div class="max-w-md w-full">
        <div class="bg-white dark:bg-gray-800 rounded-xl shadow-2xl overflow-hidden">
            <div class="px-8 pt-8 pb-6">
                {% block guest_content %}{% endblock %}
            </div>
        </div>

        {# Footer #}
        <div class="text-center mt-6 text-white dark:text-gray-400 text-sm">
            <p>&copy; {{ 'now'|date('Y') }} {{ system_name|default('Application') }}. Tous droits réservés.</p>
        </div>
    </div>
</div>

{# Overlays rendered outside the card container to avoid overflow clipping #}
{% block guest_overlays %}{% endblock %}
{% endblock %}