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

{% block title %}Réinitialiser le mot de passe - Sensipode Gestion de projet{% endblock %}

{% block body %}
    <main class="auth-shell">
        <section class="auth-card">
            <p class="eyebrow">Compte</p>
            <h1>Nouveau mot de passe</h1>

            {% include 'security/_flash_messages.html.twig' %}

            {% if invalidToken %}
                <div class="auth-error">Ce lien n’est plus valide.</div>
                <p class="auth-link">
                    <a href="{{ path('app_forgot_password') }}">Créer un nouveau lien</a>
                </p>
            {% else %}
                <p>Choisis un mot de passe d’au moins 10 caractères.</p>

                <form method="post" class="auth-form">
                    <label for="password">Nouveau mot de passe</label>
                    <input
                        type="password"
                        name="password"
                        id="password"
                        autocomplete="new-password"
                        minlength="10"
                        required
                        autofocus
                    >

                    <label for="password_confirmation">Confirmation</label>
                    <input
                        type="password"
                        name="password_confirmation"
                        id="password_confirmation"
                        autocomplete="new-password"
                        minlength="10"
                        required
                    >

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

                    <button type="submit">Enregistrer</button>
                </form>
            {% endif %}
        </section>
    </main>
{% endblock %}