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

{% block title %}Réinitialiser le mot de passe{% endblock %}

{% block auth_content %}
    <form class="form w-100" method="post" action="{{ path('reinitialiser_mot_de_passe_soumettre', {token: token}) }}">
        <div class="text-center mb-10">
            <h1 class="text-gray-900 fw-bolder mb-3">Choisir un nouveau mot de passe</h1>
        </div>

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

        <div class="fv-row mb-8">
            <input type="password" placeholder="Nouveau mot de passe" name="mot_de_passe" id="inputMotDePasse" required autofocus autocomplete="new-password" class="form-control bg-transparent">
        </div>

        <div class="fv-row mb-8">
            <input type="password" placeholder="Confirmer le nouveau mot de passe" name="mot_de_passe_confirmation" id="inputMotDePasseConfirmation" required autocomplete="new-password" class="form-control bg-transparent">
        </div>

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

        <div class="d-grid mb-10">
            <button type="submit" class="btn btn-primary">Réinitialiser le mot de passe</button>
        </div>
    </form>
{% endblock %}