{% extends '_auth/base_auth.html.twig' %}

{% block title %}Mot de passe oublié · Vulcan' Affûtage{% endblock %}
{% block metaDesc %}Réinitialisez le mot de passe de votre compte Vulcan' Affûtage.{% endblock %}

{% block auth_aside %}
    <span class="auth-aside-eyebrow">Récupération d'accès</span>
    <h2>Mot de passe <em>oublié</em> ?</h2>
    <p>Indiquez l'adresse e-mail liée à votre compte : nous vous enverrons un lien pour définir un nouveau mot de passe.</p>
{% endblock %}

{% block auth_panel %}
    <span class="auth-eyebrow">Réinitialisation</span>
    <h1>Réinitialiser le mot de passe</h1>
    <a href="{{ path('app_client_login') }}" class="auth-alt-link">Vous êtes là par erreur ? Connexion</a>

    {% if form_error is defined and form_error %}<div class="auth-banner" role="alert">{{ form_error }}</div>{% endif %}

    <form class="auth-form" action="{{ path('app_request_edit_password') }}" method="post" novalidate>
        <div class="chk-field">
            <input id="email" name="email" type="email" placeholder=" " value="{{ email|default('') }}" autocomplete="email" required>
            <label for="email">Adresse e-mail du compte</label>
        </div>
        {% if form_info is defined and form_info %}<p class="auth-info-note" role="status">{{ form_info }}</p>{% endif %}

        <button class="nhp-btn nhp-btn--primary" type="submit">
            Recevoir le lien
            <svg class="nhp-btn-arrow" width="16" height="16" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="2.2" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </button>
    </form>
{% endblock %}