{% extends 'security/_layout_auth.html.twig' %}

{% block title %}Mot de passe oublié{% endblock %}

{% block auth_content %}
    <form class="form w-100" method="post" action="{{ path('mot_de_passe_oublie_soumettre') }}">
        <div class="text-center mb-10">
            <h1 class="text-gray-900 fw-bolder mb-3">Mot de passe oublié ?</h1>
            <div class="text-gray-500 fw-semibold fs-6">
                Saisissez votre adresse email : si un compte existe, un lien de
                réinitialisation vous sera envoyé.
            </div>
        </div>

        {% for message in app.flashes('error') %}
            <div class="alert alert-danger">{{ message }}</div>
        {% endfor %}

        <div class="fv-row mb-8">
            <input type="email" placeholder="Email" name="email" id="inputEmail" autocomplete="off" required autofocus class="form-control bg-transparent">
        </div>

        <input type="hidden" name="_csrf_token" value="{{ csrf_token('mot_de_passe_oublie') }}">

        <div class="d-flex flex-wrap justify-content-center pb-lg-0">
            <button type="submit" class="btn btn-primary me-4">Envoyer le lien de réinitialisation</button>
            <a href="{{ path('app_login') }}" class="btn btn-light">Annuler</a>
        </div>
    </form>
{% endblock %}