{% extends 'base.twig' %}

{% block title %}{{ 'events.reset_email_sent'|trans }}{% endblock %}

{% block body %}
    <div class="min-h-screen flex items-center justify-center bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
        <div class="max-w-md w-full space-y-8 p-10 bg-white rounded-xl shadow-lg text-center">
            <img src="{{ asset('assets/images/logo.png') }}"/>

            <h2 class="mt-6 text-center text-3xl font-extrabold text-gray-900">
                {{ 'events.reset_email_sent'|trans }}
            </h2>

            {# Message de Sécurité IMPORTANT #}
            <div class="p-6 bg-blue-50 border border-blue-200 text-blue-700 rounded-lg">
                <p class="font-medium mb-2">
                    {{ 'text.check_inbox_title'|trans }}
                </p>
                <p class="text-sm">
                    {{ 'text.check_inbox_description'|trans }}
                </p>
            </div>

            <p class="mt-4 text-sm text-gray-500">
                {{ 'text.spam_folder_tip'|trans }}
            </p>

            {# Lien de Retour à la Connexion #}
            <div class="mt-8">
                <a href="{{ path('app_login') }}"
                   class="font-medium text-indigo-600 hover:text-indigo-500">
                    {{ 'link.back_to_login'|trans }}
                </a>
            </div>

        </div>
    </div>
{% endblock %}