{% extends "base.html" %}

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

{% block content %}
<div class="container d-flex justify-content-center align-items-center vh-100">
    <div class="col-11 col-md-6 col-lg-4 border rounded p-3 shadow-sm">
        <h4 class="text-muted fw-semibold text-start mb-3">Recuperar Contraseña</h4>

        <form action="{{ url_for('forgot_password', company_short_name=company_short_name) }}" method="post">
            <div class="mb-3">
                <label for="email" class="form-label text-muted">Correo Electrónico</label>
                <input type="email" id="email" name="email"
                       class="form-control text-muted"
                       required value="{{ form_data.email if form_data else '' }}"
                       style="text-align: justify;">
            </div>

            <button type="submit" class="btn btn-primary w-100">Enviar Contraseña</button>

            <!-- Mensaje descriptivo -->
            <p class="text-muted text-start mt-3" style="text-align: justify;">
                Recibirás un correo con una nueva contraseña temporal junto con un código de seguridad.
                Usa este código para cambiar tu contraseña de forma segura y mantener tu cuenta protegida.
            </p>

            <div class="text-center mt-3">
                <a href="{{ url_for('login', company_short_name=company_short_name) }}" class="text-muted text-decoration-none fw-semibold">Volver al Login</a>
            </div>
        </form>
    </div>
</div>
{% endblock %}