{% extends "base.html" %}

{% block title %}Esqueci a Senha — {{ app_name }}{% endblock %}

{% block content %}
<div style="max-width: 440px; margin: 3.5rem auto; background: #FFFFFF; padding: 2.5rem; border-radius: 16px; border: 1px solid #E2E8F0; box-shadow: 0 10px 25px rgba(0,0,0,0.08);">
    <div style="text-align: center; margin-bottom: 1.75rem;">
        <div style="font-size: 3rem; margin-bottom: 0.5rem;">🔑</div>
        <h2 style="color: #123B6D; font-weight: 800; font-size: 1.4rem; margin-bottom: 0.25rem;">Esqueceu a sua senha?</h2>
        <p style="color: #5A6E85; font-size: 0.88rem;">Informe o seu CPF ou E-mail para registrar a solicitação de redefinição de senha junto à administração.</p>
    </div>

    <form method="POST" action="{{ url_for('auth.esqueci_senha') }}">
        <div style="margin-bottom: 1.5rem;">
            <label style="display: block; font-weight: 600; color: #243447; margin-bottom: 0.5rem; font-size: 0.9rem;">CPF ou E-mail Cadastrado</label>
            <input type="text" name="identificador" required placeholder="Digite seu CPF ou E-mail" style="width: 100%; padding: 0.75rem 1rem; border: 1px solid #CBD5E1; border-radius: 8px; font-size: 0.95rem;">
        </div>

        <button type="submit" class="btn-primary-orange" style="width: 100%; justify-content: center; padding: 0.85rem; font-size: 1rem; margin-bottom: 1rem;">
            SOLICITAR RESET DE SENHA
        </button>

        <div style="text-align: center;">
            <a href="{{ url_for('auth.login') }}" style="color: #1976D2; font-weight: 600; font-size: 0.85rem; text-decoration: none;">← Voltar para o Login</a>
        </div>
    </form>
</div>
{% endblock %}