{% extends "base.html" %}

{% block title %}Espelho RH Runtime{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center pt-3 pb-2 mb-3 border-bottom flex-wrap gap-2">
    <div>
        <h1 class="h2 mb-0"><i class="bi bi-clock-history"></i> Espelho Mensal RH</h1>
        <div class="small text-muted">Visão operacional reconstruída a partir dos registros e retificações locais.</div>
    </div>
    <div class="d-flex gap-2 flex-wrap">
        <a href="{{ url_for('rh_funcionarios') }}" class="btn btn-outline-secondary"><i class="bi bi-person-badge"></i> Dashboard RH</a>
        <a href="{{ url_for('rh_ponto_registros', competencia=competencia, funcionario_id=funcionario_id) }}" class="btn btn-outline-primary"><i class="bi bi-plus-circle"></i> Lançamento manual de ponto (RH)</a>
        <a href="{{ url_for('rh_ponto_notificacoes_internas') }}" class="btn btn-outline-danger"><i class="bi bi-bell"></i> Notificações</a>
    </div>
</div>

<div class="alert alert-light border">
    <div><strong>Empresa:</strong> {{ empresa.nome_fantasia or empresa.razao_social or empresa.nome }}</div>
    <div class="small text-muted mt-1">Escolha o funcionário e a competência para montar o espelho com base no que já está materializado no banco local.</div>
</div>

<div class="card mb-3">
    <div class="card-body">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-md-6">
                <label class="form-label">Funcionário</label>
                <select name="funcionario_id" class="form-select">
                    {% for f in funcionarios %}
                    <option value="{{ f.id }}" {% if funcionario_id == f.id %}selected{% endif %}>{{ f.nome }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label">Competência</label>
                <input type="month" name="competencia" value="{{ competencia }}" class="form-control">
            </div>
            <div class="col-md-3 d-flex gap-2">
                <button type="submit" class="btn btn-primary flex-fill"><i class="bi bi-search"></i> Abrir</button>
                <a href="{{ url_for('rh_ponto_espelho_mensal') }}" class="btn btn-outline-secondary"><i class="bi bi-x-circle"></i></a>
            </div>
        </form>
    </div>
</div>

{% if funcionario %}
<div class="row g-3 mb-3">
    <div class="col-md-3"><div class="card"><div class="card-body"><div class="small text-muted">Funcionário</div><div class="fw-semibold">{{ funcionario.nome }}</div><div class="small text-muted">{{ funcionario.cargo or 'Cargo não informado' }}</div></div></div></div>
    <div class="col-md-3"><div class="card"><div class="card-body"><div class="small text-muted">Dias com batida</div><div class="h3 mb-0">{{ resumo.dias_com_batida or 0 }}</div></div></div></div>
    <div class="col-md-3"><div class="card"><div class="card-body"><div class="small text-muted">Registros</div><div class="h3 mb-0">{{ resumo.total_registros or 0 }}</div></div></div></div>
    <div class="col-md-3"><div class="card {% if (resumo.dias_inconsistentes or 0) > 0 %}border-danger{% endif %}"><div class="card-body"><div class="small text-muted">Inconsistências</div><div class="h3 mb-0">{{ resumo.dias_inconsistentes or 0 }}</div><div class="small text-muted">Retificações pendentes: {{ resumo.retificacoes_pendentes or 0 }}</div></div></div></div>
</div>

<div class="card mb-3">
    <div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2">
        <strong>Exportações rápidas</strong>
        <div class="d-flex gap-2 flex-wrap">
            <a class="btn btn-sm btn-outline-secondary" href="{{ url_for('rh_ponto_espelho_exportar_auditoria_txt', empresa_id=empresa.id, funcionario_id=funcionario.id, competencia=competencia) }}">Auditoria TXT</a>
            <a class="btn btn-sm btn-outline-secondary" href="{{ url_for('rh_ponto_espelho_exportar_afd_base', empresa_id=empresa.id, funcionario_id=funcionario.id, competencia=competencia) }}">AFD</a>
            <a class="btn btn-sm btn-outline-secondary" href="{{ url_for('rh_ponto_espelho_exportar_afdt_base', empresa_id=empresa.id, funcionario_id=funcionario.id, competencia=competencia) }}">AFDT</a>
            <a class="btn btn-sm btn-outline-secondary" href="{{ url_for('rh_ponto_espelho_exportar_aej_base', empresa_id=empresa.id, funcionario_id=funcionario.id, competencia=competencia) }}">AEJ</a>
            <a class="btn btn-sm btn-outline-secondary" href="{{ url_for('rh_ponto_espelho_exportar_acjef_base', empresa_id=empresa.id, funcionario_id=funcionario.id, competencia=competencia) }}">ACJEF</a>
            <a class="btn btn-sm btn-outline-primary" href="{{ url_for('rh_ponto_espelho_exportar_pacote_regulatorio', empresa_id=empresa.id, funcionario_id=funcionario.id, competencia=competencia) }}">Pacote regulatório</a>
        </div>
    </div>
</div>

<div class="card mb-3">
    <div class="card-header"><strong>Dias consolidados</strong></div>
    <div class="table-responsive">
        <table class="table table-sm table-hover mb-0 align-middle">
            <thead>
                <tr>
                    <th>Data</th>
                    <th>Entrada</th>
                    <th>Pausa início</th>
                    <th>Pausa fim</th>
                    <th>Saída</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                {% for linha in linhas_exportadas %}
                <tr class="{% if linha.inconsistente %}table-danger{% elif not linha.tem_registro %}table-light{% endif %}">
                    <td>{{ linha.data.strftime('%d/%m/%Y') if linha.data else '-' }}</td>
                    <td>{{ linha.entrada or '-' }}</td>
                    <td>{{ linha.pausa_inicio or '-' }}</td>
                    <td>{{ linha.pausa_fim or '-' }}</td>
                    <td>{{ linha.saida or '-' }}</td>
                    <td>
                        {% if linha.inconsistente %}<span class="badge bg-danger">Inconsistente</span>
                        {% elif linha.tem_registro %}<span class="badge bg-success">Com batidas</span>
                        {% else %}<span class="badge bg-secondary">Sem batidas</span>
                        {% endif %}
                    </td>
                </tr>
                {% else %}
                <tr><td colspan="6" class="text-center text-muted py-4">Nenhum registro encontrado para a competência selecionada.</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>

<div class="row g-3">
    <div class="col-lg-6">
        <div class="card h-100">
            <div class="card-header"><strong>Batidas brutas</strong></div>
            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0 align-middle">
                    <thead><tr><th>Data/Hora</th><th>Tipo</th><th>Origem</th><th>Status</th></tr></thead>
                    <tbody>
                        {% for registro in registros_periodo %}
                        <tr>
                            <td>{{ registro.data_hora.strftime('%d/%m/%Y %H:%M:%S') if registro.data_hora else '-' }}</td>
                            <td>{{ registro.tipo or '-' }}</td>
                            <td>{{ registro.origem or '-' }}</td>
                            <td>{{ registro.status_registro or 'ativo' }}</td>
                        </tr>
                        {% else %}
                        <tr><td colspan="4" class="text-center text-muted py-4">Sem batidas nesta competência.</td></tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="card h-100">
            <div class="card-header"><strong>Retificações</strong></div>
            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0 align-middle">
                    <thead><tr><th>Solicitada em</th><th>Motivo</th><th>Status</th></tr></thead>
                    <tbody>
                        {% for item in retificacoes_periodo %}
                        <tr>
                            <td>{{ item.data_solicitacao.strftime('%d/%m/%Y %H:%M') if item.data_solicitacao else '-' }}</td>
                            <td>{{ item.motivo or '-' }}</td>
                            <td>
                                {% if item.status == 'pendente' %}<span class="badge bg-warning text-dark">Pendente</span>
                                {% elif item.status == 'aprovado' %}<span class="badge bg-success">Aprovado</span>
                                {% else %}<span class="badge bg-secondary">{{ item.status or '-' }}</span>
                                {% endif %}
                            </td>
                        </tr>
                        {% else %}
                        <tr><td colspan="3" class="text-center text-muted py-4">Sem retificações nesta competência.</td></tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
{% else %}
<div class="alert alert-warning">Nenhum funcionário RH disponível para montar o espelho.</div>
{% endif %}
{% endblock %}