{% extends "auth_base.html" %}

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

{% block content %}
<div style="text-align: center; margin-bottom: 1.75rem;">
    <img src="{{ url_for('static', filename='img/voxmanu_logo.jpg') }}" alt="VoxManu Logo" style="width: 75px; height: 75px; border-radius: 16px; margin-bottom: 0.75rem; object-fit: cover;">
    <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; box-sizing: border-box;">
    </div>

    <button type="submit" class="btn-primary-orange" style="width: 100%; justify-content: center; padding: 0.85rem; font-size: 1rem; font-weight: 800; 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.88rem; text-decoration: none;">← Voltar para o Login</a>
    </div>
</form>
{% endblock %}