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

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

{% block body %}
<div class="col-12 col-md-4 peer pX-40 pY-80 h-100 bgc-white scrollable pos-r" style="min-width:420px">
    <h4 class="h3 mb-4 text-center">Recuperar Contraseña</h4>

    <p class="text-center">Ingrese su correo electrónico para enviarle un enlace de recuperación.</p>

    <form method="post">
        <div class="form-group">
            <label for="email"><i class="fas fa-envelope"></i> Correo electrónico</label>
            <input type="email" name="email" id="email" class="form-control" required>
        </div>

        <button class="btn btn-primary btn-block mt-3" type="submit">Enviar enlace</button>
    </form>
    
    {% if mensaje %}
        <div class="alert alert-info text-center mt-3">
            {{ mensaje }}
        </div>
    {% endif %}
</div>
{% endblock %}