{% extends "base.html" %}

{% block title %}Solicitações de Redefinição de Senha — {{ app_name }}{% endblock %}

{% block content %}
<div class="content-card">
    <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; border-bottom: 1px solid #E2E8F0; padding-bottom: 1rem; flex-wrap: wrap; gap: 1rem;">
        <div>
            <h2 style="color: #123B6D; font-weight: 800; display: flex; align-items: center; gap: 0.5rem;">
                🔑 Solicitações de Redefinição de Senha
                {% if pedidos|length > 0 %}
                    <span class="badge" style="background-color: #FEF3C7; color: #D97706; font-size: 0.9rem; font-weight: 800;">
                        {{ pedidos|length }} PENDENTE{% if pedidos|length > 1 %}S{% endif %}
                    </span>
                {% endif %}
            </h2>
            <p style="color: #5A6E85; font-size: 0.9rem; margin-top: 0.25rem;">
                Multiplicadores que clicaram em "Esqueci a senha" e aguardam autorização do Administrador para redefinir.
            </p>
        </div>

        <a href="{{ url_for('usuarios.index') }}" class="btn-blue" style="background-color: #64748B;">
            ← Voltar para Multiplicadores
        </a>
    </div>

    {% if pedidos|length == 0 %}
        <div style="text-align: center; padding: 3rem 1rem; background-color: #F8FAFC; border-radius: 12px; border: 1px dashed #CBD5E1;">
            <div style="font-size: 3rem; margin-bottom: 0.5rem;">✅</div>
            <h3 style="color: #123B6D; font-size: 1.2rem; font-weight: 700; margin-bottom: 0.5rem;">Nenhuma Solicitação Pendente</h3>
            <p style="color: #64748B; font-size: 0.9rem;">
                Todos os multiplicadores estão acessando o sistema normalmente.
            </p>
        </div>
    {% else %}
        <div class="alert alert-info" style="display: flex; align-items: center; gap: 0.75rem; background-color: #FFFBEB; border-color: #FDE68A; color: #92400E;">
            <span style="font-size: 1.25rem;">💡</span>
            <div>
                Ao clicar em <strong>Aprovar & Resetar para o CPF</strong>, a senha do usuário voltará a ser o seu CPF. No próximo login, o sistema exigirá obrigatoriamente a criação da sua nova senha pessoal.
            </div>
        </div>

        <div class="table-responsive">
            <table class="custom-table">
                <thead>
                    <tr>
                        <th>Multiplicador / Nome</th>
                        <th>CPF / Usuário</th>
                        <th>E-mail</th>
                        <th>Perfil</th>
                        <th>Superior Hierárquico</th>
                        <th style="text-align: center;">Ação de Reset</th>
                    </tr>
                </thead>
                <tbody>
                    {% for u in pedidos %}
                    <tr>
                        <td style="font-weight: 700; color: #123B6D;">
                            {{ u.nome }}
                            <br><span class="badge" style="background: #FEF3C7; color: #D97706; font-size: 0.75rem; font-weight: 700; margin-top: 0.2rem;">⚠️ Reset Solicitado</span>
                        </td>
                        <td style="font-weight: 600; color: #0F2A4A;">
                            {{ u.cpf or 'Não informado' }}
                        </td>
                        <td>{{ u.email or 'N/A' }}</td>
                        <td>
                            <span class="badge" style="background-color: #E3F2FD; color: #1976D2;">
                                {% if u.perfil == 'cadastrador' %}MULTIPLICADOR{% else %}{{ u.perfil|upper }}{% endif %}
                            </span>
                        </td>
                        <td style="font-size: 0.85rem; color: #5A6E85;">
                            {{ u.cadastrador_pai.nome if u.cadastrador_pai else 'Raiz' }}
                        </td>
                        <td style="text-align: center;">
                            <form method="POST" action="{{ url_for('usuarios.reset_senha', user_id=u.id) }}" style="display: inline;" onsubmit="return confirm('Deseja aprovar e resetar a senha de {{ u.nome }} para o seu CPF?');">
                                <button type="submit" class="btn-blue" style="background-color: #D97706; padding: 0.5rem 1rem; font-weight: 700; font-size: 0.85rem;">
                                    🔑 Aprovar & Resetar para o CPF
                                </button>
                            </form>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    {% endif %}
</div>
{% endblock %}