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

{% block title %}Recuperar contraseña{% endblock %}

{% block body %}
<div class="card w-md-450px shadow-sm border-0">
    <div class="card-body p-10">

        <h2 class="fw-bold text-dark mb-2">¿Has olvidado tu contraseña?</h2>
        <div class="text-muted mb-6">Introduce tu correo electrónico.</div>

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

        {{ form_start(requestForm) }}

            <!-- Email -->
            <div class="mb-6">
                <label class="form-label fw-semibold">Correo electrónico</label>
                <div class="input-group input-group-solid align-items-center">
                    <span class="input-group-text bg-transparent border-0 pe-0">
                        <i class="fas fa-envelope fs-2 text-gray-500"></i>
                    </span>
                    {{ form_widget(requestForm.email, {
                        attr: { class: 'form-control form-control-solid ps-2' }
                    }) }}
                </div>
                {{ form_errors(requestForm.email) }}
            </div>

            <button class="btn btn-orange w-100 fw-bold">Enviar enlace</button>

        {{ form_end(requestForm) }}

    </div>
</div>

<div class="text-center mt-6">
    <a href="{{ path('app_login') }}" class="text-primary fw-semibold">Volver a iniciar sesión</a>
</div>
{% endblock %}