{% extends 'reset_password/_layout.html.twig' %}

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

{% block auth_content %}
    <div class="viz-auth-icon"><i class="ti ti-key"></i></div>
    <h1 class="viz-auth-h1">Mot de passe oublié ?</h1>
    <p class="viz-auth-sub">Nous vous enverrons un lien de réinitialisation par e-mail.</p>

    {{ form_start(requestForm, { attr: { novalidate: 'novalidate' } }) }}
        {{ form_errors(requestForm, { attr: { class: 'viz-auth-form-errors' } }) }}

        <label class="viz-auth-label" for="{{ requestForm.email.vars.id }}">Adresse e-mail</label>
        <div class="viz-auth-field">
            <i class="ti ti-mail"></i>
            {{ form_widget(requestForm.email, { attr: { class: '' } }) }}
        </div>
        {{ form_errors(requestForm.email, { attr: { class: 'viz-auth-form-errors' } }) }}
        <p class="viz-auth-help">Entrez l'adresse associée à votre compte.</p>

        <button type="submit" class="viz-auth-submit">
            <i class="ti ti-send"></i>
            <span>Envoyer le lien de réinitialisation</span>
        </button>
    {{ form_end(requestForm) }}

    <a href="{{ path('app_login') }}" class="viz-auth-back">
        <i class="ti ti-arrow-left"></i>
        Retour à la connexion
    </a>
{% endblock %}