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

{% block title %}Reset your password{% endblock %}

{% block body %}
    <div class="container mx-auto px-16 mt-4">
        <div class="p-6 bg-white border border-gray-200 rounded-lg shadow-sm dark:bg-gray-800 dark:border-gray-700">
            <h5 class="text-2xl font-bold tracking-tight text-gray-900 dark:text-white mb-4">Réinitialiser votre mot de passe</h5>
            {% for flash_error in app.flashes('reset_password_error') %}
                <div class="flex items-center p-4 mb-4 text-sm text-red-800 border border-red-300 rounded-lg bg-red-50 dark:bg-gray-800 dark:text-red-400 dark:border-red-800" role="alert">
                    <div>
                        {{ flash_error }}
                    </div>
                </div>
            {% endfor %}
            {{ form_start(requestForm) }}
            {{ form_row(requestForm.email) }}
            <div class="-mt-3 mb-4">
                <small>
                    Entrez votre adresse email, et nous vous enverrons un lien pour réinitialiser votre mot de passe.
                </small>
            </div>
            {{ form_row(requestForm.submit) }}
            {{ form_end(requestForm) }}
        </div>
    </div>
{% endblock %}