{% extends "base.html" %}

{% block title %}Apuração do Ponto RH{% endblock %}

{% block content %}
{% set competencia_exibicao = (competencia[5:7] ~ '/' ~ competencia[:4]) if competencia and competencia|length >= 7 else competencia %}
<div class="rh-page-shell">
<div class="rh-page-hero">
    <div class="rh-page-hero-title">
        <span class="rh-page-hero-eyebrow">RH • Monitoramento da competência</span>
        <h1 class="h2 mb-0"><i class="bi bi-clipboard-data"></i> Monitor de Apuração do Ponto</h1>
        <p class="rh-page-hero-subtitle">Acompanhe apuração mensal, registros recentes e retificações da competência em uma visão só — sem caça ao tesouro entre telas.</p>
    </div>
    <div class="rh-page-hero-actions">
        <a href="{{ url_for('rh_ponto_espelho_mensal', empresa_id=empresa_id_selecionada, competencia=competencia, funcionario_id=funcionario_id) }}" class="btn btn-outline-secondary">
            <i class="bi bi-calendar3"></i> Espelho mensal
        </a>
        <a href="{{ url_for('rh_ponto_registros', empresa_id=empresa_id_selecionada, funcionario_id=funcionario_id) }}" class="btn btn-outline-primary">
            <i class="bi bi-clock-history"></i> Registros
        </a>
        <a href="{{ url_for('rh_ponto_retificacoes', competencia=competencia) }}" class="btn btn-outline-warning">
            <i class="bi bi-arrow-repeat"></i> Retificações
        </a>
        <a href="{{ url_for('rh_banco_horas', empresa_id=empresa_id_selecionada, competencia=competencia, funcionario_id=funcionario_id) }}" class="btn btn-outline-dark">
            <i class="bi bi-hourglass-split"></i> Banco de horas
        </a>
        <a href="{{ url_for('rh_financeiro_controle', empresa_id=empresa_id_selecionada, competencia=competencia, funcionario_id=funcionario_id) }}" class="btn btn-outline-success">
            <i class="bi bi-cash-coin"></i> Financeiro RH
        </a>
    </div>
</div>

<div class="alert alert-light border rh-context-alert">
    <div class="fw-semibold mb-1">Rotina separada para acompanhar apuração do ponto, registros e retificações da competência.</div>
    <div class="small text-muted">
        Empresa em consulta: <strong>{{ empresa.nome_fantasia or empresa.razao_social or empresa.nome }}</strong>
        • Competência: <strong>{{ competencia_exibicao or 'MM/AAAA' }}</strong>
        {% if competencia == '2026-03' %}
        • <span class="badge bg-warning text-dark">Validação solicitada para 03/2026</span>
        {% endif %}
    </div>
</div>

<div class="card mb-3 rh-filter-card">
    <div class="card-body">
        <form method="GET" class="rh-filter-form row g-3 align-items-end">
            <div class="col-xl-4 col-lg-4 col-md-6">
                <label class="form-label">Empresa</label>
                <select name="empresa_id" class="form-select">
                    {% for emp in empresas_disponiveis %}
                    <option value="{{ emp.id }}" {% if empresa_id_selecionada == emp.id %}selected{% endif %}>{{ emp.nome_fantasia or emp.razao_social or emp.nome }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="col-xl-3 col-lg-4 col-md-6">
                <label class="form-label">Competência</label>
                <input type="month" class="form-control" name="competencia" value="{{ competencia }}">
                <div class="form-text">Selecione no calendário mensal para navegar entre competências sem digitação manual. Exibição: {{ competencia_exibicao or 'MM/AAAA' }}.</div>
            </div>
            <div class="col-xl-3 col-lg-4 col-md-8">
                <label class="form-label">Funcionário</label>
                <select name="funcionario_id" class="form-select">
                    <option value="">Todos</option>
                    {% for f in funcionarios %}
                    <option value="{{ f.id }}" {% if funcionario_id == f.id %}selected{% endif %}>{{ f.nome }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="col-xl-2 col-md-4 rh-filter-actions">
                <button class="btn btn-primary" type="submit"><i class="bi bi-search"></i> Consultar</button>
            </div>
        </form>
    </div>
</div>

<div class="d-flex gap-2 flex-wrap mb-3">
    <form method="POST" action="{{ url_for('rh_ponto_apuracoes') }}" class="d-inline">
        <input type="hidden" name="acao" value="apurar_ponto_mensal">
        <input type="hidden" name="empresa_id" value="{{ empresa_id_selecionada }}">
        <input type="hidden" name="competencia" value="{{ competencia }}">
        <input type="hidden" name="funcionario_id" value="{{ funcionario_id or '' }}">
        <button type="submit" class="btn btn-outline-primary">
            <i class="bi bi-arrow-repeat"></i> Atualizar apuração mensal
        </button>
    </form>
    {% if apuracao_ponto_resumo.possui_apuradas %}
    <button class="btn btn-outline-dark" type="button" data-bs-toggle="collapse" data-bs-target="#painel-fechar-apuracao-monitor">
        <i class="bi bi-lock-fill"></i> Fechar apuração
    </button>
    {% endif %}
    {% if apuracao_ponto_resumo.possui_fechadas %}
    <button class="btn btn-outline-warning" type="button" data-bs-toggle="collapse" data-bs-target="#painel-reabrir-apuracao-monitor">
        <i class="bi bi-unlock-fill"></i> Reabrir apuração
    </button>
    {% endif %}
    <a href="{{ url_for('rh_ponto_espelho_mensal', empresa_id=empresa_id_selecionada, competencia=competencia, funcionario_id=funcionario_id) }}#espelho-registros" class="btn btn-outline-secondary">
        <i class="bi bi-table"></i> Ver espelho detalhado
    </a>
</div>

{% if apuracao_ponto_resumo.possui_apuradas %}
<div class="collapse mb-3" id="painel-fechar-apuracao-monitor">
    <div class="card border-dark-subtle">
        <div class="card-body">
            <form method="POST" action="{{ url_for('rh_ponto_apuracoes') }}" class="row g-3">
                <input type="hidden" name="acao" value="fechar_apuracao_ponto">
                <input type="hidden" name="empresa_id" value="{{ empresa_id_selecionada }}">
                <input type="hidden" name="competencia" value="{{ competencia }}">
                <input type="hidden" name="funcionario_id" value="{{ funcionario_id or '' }}">
                <div class="col-12">
                    <label class="form-label">Motivo do fechamento manual</label>
                    <textarea name="motivo_fechamento_apuracao" class="form-control" rows="2" minlength="5" maxlength="500" required></textarea>
                </div>
                <div class="col-12">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" name="confirmar_revisao_apuracao" id="confirmar_revisao_apuracao_monitor" required>
                        <label class="form-check-label" for="confirmar_revisao_apuracao_monitor">Confirmo que revisei espelho, registros e pendências antes do fechamento.</label>
                    </div>
                </div>
                <div class="col-12 d-flex justify-content-end gap-2">
                    <button type="button" class="btn btn-outline-secondary" data-bs-toggle="collapse" data-bs-target="#painel-fechar-apuracao-monitor">Cancelar</button>
                    <button type="submit" class="btn btn-dark">Confirmar fechamento</button>
                </div>
            </form>
        </div>
    </div>
</div>
{% endif %}

{% if apuracao_ponto_resumo.possui_fechadas %}
<div class="collapse mb-3" id="painel-reabrir-apuracao-monitor">
    <div class="card border-warning-subtle">
        <div class="card-body">
            <form method="POST" action="{{ url_for('rh_ponto_apuracoes') }}" class="row g-3">
                <input type="hidden" name="acao" value="reabrir_apuracao_ponto">
                <input type="hidden" name="empresa_id" value="{{ empresa_id_selecionada }}">
                <input type="hidden" name="competencia" value="{{ competencia }}">
                <input type="hidden" name="funcionario_id" value="{{ funcionario_id or '' }}">
                <div class="col-12">
                    <label class="form-label">Motivo da reabertura</label>
                    <textarea name="motivo_reabertura_apuracao" class="form-control" rows="2" minlength="5" maxlength="500" required></textarea>
                </div>
                <div class="col-12 d-flex justify-content-end gap-2">
                    <button type="button" class="btn btn-outline-secondary" data-bs-toggle="collapse" data-bs-target="#painel-reabrir-apuracao-monitor">Cancelar</button>
                    <button type="submit" class="btn btn-warning">Confirmar reabertura</button>
                </div>
            </form>
        </div>
    </div>
</div>
{% endif %}

<div class="row g-2 mb-3">
    <div class="col-lg-2 col-md-3 col-6"><span class="badge bg-dark w-100 py-2">Funcionários: {{ apuracao_ponto_resumo.total_funcionarios or 0 }}</span></div>
    <div class="col-lg-2 col-md-3 col-6"><span class="badge bg-primary w-100 py-2">Apuradas: {{ apuracao_ponto_resumo.total_apuradas or 0 }}</span></div>
    <div class="col-lg-2 col-md-3 col-6"><span class="badge bg-secondary w-100 py-2">Fechadas: {{ apuracao_ponto_resumo.total_fechadas or 0 }}</span></div>
    <div class="col-lg-2 col-md-3 col-6"><span class="badge bg-success w-100 py-2">Extras: {{ apuracao_ponto_resumo.total_extras_label or '00:00' }}</span></div>
    <div class="col-lg-2 col-md-3 col-6"><span class="badge bg-danger w-100 py-2">Débitos: {{ apuracao_ponto_resumo.total_debito_label or '00:00' }}</span></div>
    <div class="col-lg-2 col-md-3 col-6"><span class="badge bg-warning text-dark w-100 py-2">Pendências: {{ apuracao_ponto_resumo.pendencias or 0 }}</span></div>
    <div class="col-lg-2 col-md-3 col-6"><span class="badge bg-info text-dark w-100 py-2">Registros: {{ registros_resumo.total or 0 }}</span></div>
    <div class="col-lg-2 col-md-3 col-6"><span class="badge bg-success w-100 py-2">Ativos: {{ registros_resumo.ativos or 0 }}</span></div>
    <div class="col-lg-2 col-md-3 col-6"><span class="badge bg-danger w-100 py-2">Inválidos: {{ registros_resumo.invalidos or 0 }}</span></div>
    <div class="col-lg-2 col-md-3 col-6"><span class="badge bg-warning text-dark w-100 py-2">Alertas: {{ registros_resumo.alertas or 0 }}</span></div>
    <div class="col-lg-2 col-md-3 col-6"><span class="badge bg-secondary w-100 py-2">Fora perímetro: {{ registros_resumo.fora_perimetro or 0 }}</span></div>
    <div class="col-lg-2 col-md-3 col-6"><span class="badge bg-primary w-100 py-2">Retificações pendentes: {{ retificacoes_resumo.pendentes or 0 }}</span></div>
</div>

<div class="card mb-3 border-primary-subtle rh-list-card">
    <div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2 rh-list-header">
        <strong>Apuração mensal consolidada</strong>
        <span class="small text-muted">Última atualização geral: {{ apuracao_ponto_resumo.ultima_atualizacao_label or '-' }}</span>
    </div>
    <div class="card-body p-0">
        {% if apuracoes_ponto %}
        <div class="table-responsive">
            <table class="table table-sm table-hover align-middle mb-0">
                <thead>
                    <tr>
                        <th>Funcionário</th>
                        <th>Status</th>
                        <th>Tratamento sugerido</th>
                        <th class="text-end">Saldo espelho</th>
                        <th class="text-end">Banco competência</th>
                        <th class="text-center">Inconsistências</th>
                        <th class="text-center">Intervenções RH</th>
                        <th class="text-center">Faltas</th>
                        <th class="text-end">Atualizado em</th>
                        <th class="text-end">Ações</th>
                    </tr>
                </thead>
                <tbody>
                    {% for item in apuracoes_ponto %}
                    <tr>
                        <td>{{ item.funcionario_nome }}</td>
                        <td>
                            {% if item.status == 'fechada' %}
                            <span class="badge bg-dark">{{ item.status_label }}</span>
                            {% else %}
                            <span class="badge bg-primary">{{ item.status_label }}</span>
                            {% endif %}
                        </td>
                        <td>
                            {% if item.tratamento_sugerido == 'revisao_operacional' %}
                            <span class="badge bg-warning text-dark">{{ item.tratamento_label }}</span>
                            {% elif item.tratamento_sugerido in ['evento_folha_pendente', 'desconto_folha_pendente'] %}
                            <span class="badge bg-info text-dark">{{ item.tratamento_label }}</span>
                            {% elif item.tratamento_sugerido == 'banco_horas' %}
                            <span class="badge bg-success">{{ item.tratamento_label }}</span>
                            {% else %}
                            <span class="badge bg-secondary">{{ item.tratamento_label }}</span>
                            {% endif %}
                        </td>
                        <td class="text-end">{{ item.total_saldo_label }}</td>
                        <td class="text-end">{{ item.saldo_banco_competencia_label }}</td>
                        <td class="text-center">{{ item.total_dias_inconsistentes }}</td>
                        <td class="text-center">{{ item.total_dias_intervencao_rh }}</td>
                        <td class="text-center">{{ item.total_faltas }}</td>
                        <td class="text-end">{{ item.ultima_atualizacao_label }}</td>
                        <td class="text-end">
                            <div class="d-flex justify-content-end gap-1 flex-wrap">
                                <a href="{{ url_for('rh_ponto_espelho_mensal', empresa_id=empresa_id_selecionada, competencia=competencia, funcionario_id=item.funcionario_id) }}" class="btn btn-sm btn-outline-secondary">Espelho</a>
                                <a href="{{ url_for('rh_ponto_registros', empresa_id=empresa_id_selecionada, funcionario_id=item.funcionario_id) }}" class="btn btn-sm btn-outline-primary">Registros</a>
                            </div>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        {% elif apuracao_ponto_schema_ok %}
        <div class="alert alert-light border m-3 mb-0">
            <div class="fw-semibold mb-1"><i class="bi bi-hourglass-split"></i> Ainda não existe snapshot mensal materializado para esta competência</div>
            <div class="small text-muted">Use <strong>Atualizar apuração mensal</strong> para consolidar o espelho com o banco de horas e abrir a conferência desta tela.</div>
        </div>
        {% else %}
        <div class="alert alert-warning border m-3 mb-0">
            <div class="fw-semibold mb-1"><i class="bi bi-exclamation-triangle"></i> Estrutura de apuração mensal indisponível neste banco</div>
            <div class="small">Execute a migração da tabela <code>rh_apuracao_ponto_competencia</code> para habilitar o monitor mensal.</div>
        </div>
        {% endif %}
    </div>
</div>

<div class="row g-3">
    <div class="col-xl-7">
        <div class="card h-100 rh-list-card">
            <div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2 rh-list-header">
                <strong>Registros recentes da competência</strong>
                <span class="small text-muted">Exibindo até 80 registros mais recentes</span>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-sm table-hover align-middle mb-0">
                        <thead>
                            <tr>
                                <th>Data/hora</th>
                                <th>Funcionário</th>
                                <th>Tipo</th>
                                <th>Origem</th>
                                <th>Status</th>
                                <th>Alerta</th>
                                <th>Observações</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for item in registros_recentes %}
                            <tr>
                                <td>{{ item.data_hora.strftime('%d-%m-%Y %H:%M') if item.data_hora else '-' }}</td>
                                <td>{{ item.funcionario.nome if item.funcionario else ('Funcionário #' ~ (item.funcionario_id or '-')) }}</td>
                                <td>{{ item.tipo or '-' }}</td>
                                <td>{{ item.origem or '-' }}</td>
                                <td>
                                    {% if (item.status_registro or 'ativo') == 'invalidado' %}
                                    <span class="badge bg-danger">Inválido</span>
                                    {% else %}
                                    <span class="badge bg-success">Ativo</span>
                                    {% endif %}
                                    {% if item.fora_perimetro %}
                                    <span class="badge bg-warning text-dark">Fora perímetro</span>
                                    {% endif %}
                                </td>
                                <td>
                                    {% if item.alerta_gestor_gerado %}
                                    <span class="badge bg-warning text-dark">Com alerta</span>
                                    {% else %}
                                    <span class="badge bg-light text-dark border">Sem alerta</span>
                                    {% endif %}
                                </td>
                                <td>{{ item.observacoes or item.motivo_invalidacao or '-' }}</td>
                            </tr>
                            {% else %}
                            <tr><td colspan="7" class="text-center text-muted py-4">Nenhum registro encontrado para a competência filtrada.</td></tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-5">
        <div class="card h-100 rh-list-card">
            <div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2 rh-list-header">
                <strong>Retificações da competência</strong>
                <span class="small text-muted">Pendentes: {{ retificacoes_resumo.pendentes or 0 }} • Total: {{ retificacoes_resumo.total or 0 }}</span>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-sm table-hover align-middle mb-0">
                        <thead>
                            <tr>
                                <th>Solicitada em</th>
                                <th>Funcionário</th>
                                <th>Registro</th>
                                <th>Sugerido</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for item in retificacoes_recentes %}
                            <tr>
                                <td>{{ item.data_solicitacao.strftime('%d-%m-%Y %H:%M') if item.data_solicitacao else '-' }}</td>
                                <td>{{ item.funcionario.nome if item.funcionario else ('Funcionário #' ~ (item.funcionario_id or '-')) }}</td>
                                <td>{{ item.ponto_registro.data_hora.strftime('%d-%m-%Y %H:%M') if item.ponto_registro and item.ponto_registro.data_hora else '-' }}</td>
                                <td>{{ item.data_hora_sugerida.strftime('%d-%m-%Y %H:%M') if item.data_hora_sugerida else '-' }}</td>
                                <td>
                                    {% if item.status == 'pendente' %}
                                    <span class="badge bg-warning text-dark">Pendente</span>
                                    {% elif item.status == 'aprovado' %}
                                    <span class="badge bg-success">Aprovada</span>
                                    {% else %}
                                    <span class="badge bg-danger">Rejeitada</span>
                                    {% endif %}
                                </td>
                            </tr>
                            <tr class="table-light">
                                <td colspan="5" class="small text-muted">Motivo: {{ item.motivo or '-' }}</td>
                            </tr>
                            {% else %}
                            <tr><td colspan="5" class="text-center text-muted py-4">Nenhuma retificação encontrada para a competência filtrada.</td></tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
{% endblock %}