{% extends "base.html" %}

{% block title %}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-person-badge"></i> RH + Ponto Digital</h1>
        <div class="small text-muted">Modo de compatibilidade do runtime: rápido, estável e direto ao ponto.</div>
    </div>
    <div class="d-flex gap-2 flex-wrap">
        <a href="{{ url_for('rh_ponto_espelho_mensal', competencia=competencia_atual) }}" class="btn btn-primary">
            <i class="bi bi-calendar3"></i> Resumo da competência
        </a>
        <a href="{{ url_for('rh_ponto_registros', competencia=competencia_atual) }}" 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
            {% if (rh_notificacoes_menu.total_criticas_pendentes or 0) > 0 %}
            <span class="badge bg-danger ms-1">{{ rh_notificacoes_menu.total_criticas_pendentes }}</span>
            {% elif (rh_notificacoes_menu.total_pendentes or 0) > 0 %}
            <span class="badge bg-warning text-dark ms-1">{{ rh_notificacoes_menu.total_pendentes }}</span>
            {% endif %}
        </a>
        <a href="{{ url_for('rh_financeiro_controle') }}" class="btn btn-outline-success">
            <i class="bi bi-cash-coin"></i> Financeiro RH
        </a>
        <a href="{{ url_for('pessoas') }}?tipo=funcionario" class="btn btn-outline-secondary">
            <i class="bi bi-people"></i> Cadastro base de pessoas
        </a>
    </div>
</div>

<div class="alert alert-light border">
    <div><strong>Empresa ativa:</strong> {{ empresa.nome_fantasia or empresa.razao_social or empresa.nome }}</div>
    <div class="small text-muted mt-1">Essas rotas foram reativadas no runtime para manter o RH operacional enquanto o monólito principal não é religado por completo.</div>
</div>

<div class="row g-3 mb-4">
    <div class="col-md-6">
        <div class="card h-100 border-primary-subtle shadow-sm">
            <div class="card-body">
                <div class="small text-uppercase text-primary fw-semibold mb-2">Primeira seção</div>
                <h5 class="card-title mb-2"><i class="bi bi-calendar3"></i> Resumo da competência</h5>
                <p class="card-text text-muted mb-3">Abra o espelho mensal já na competência atual para revisar registros, inconsistências e exportações.</p>
                <a href="{{ url_for('rh_ponto_espelho_mensal', competencia=competencia_atual) }}" class="btn btn-primary">
                    <i class="bi bi-box-arrow-in-right"></i> Abrir resumo
                </a>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card h-100 border-warning-subtle shadow-sm">
            <div class="card-body">
                <div class="small text-uppercase text-warning fw-semibold mb-2">Primeira seção</div>
                <h5 class="card-title mb-2"><i class="bi bi-plus-circle"></i> Lançamento manual de ponto (RH)</h5>
                <p class="card-text text-muted mb-3">Entre direto na gaveta de registros para incluir um ponto manual com justificativa obrigatória.</p>
                <a href="{{ url_for('rh_ponto_registros', competencia=competencia_atual) }}" class="btn btn-outline-warning">
                    <i class="bi bi-pencil-square"></i> Abrir lançamento manual
                </a>
            </div>
        </div>
    </div>
</div>

<div class="row g-3 mb-4">
    <div class="col-md-6 col-xl-3">
        <div class="card h-100"><div class="card-body">
            <div class="small text-muted">Funcionários ativos</div>
            <div class="display-6 fw-bold">{{ resumo.total_ativos or 0 }}</div>
            <div class="small text-muted">de {{ resumo.total_funcionarios or 0 }} cadastrados</div>
        </div></div>
    </div>
    <div class="col-md-6 col-xl-3">
        <div class="card h-100"><div class="card-body">
            <div class="small text-muted">App habilitado</div>
            <div class="display-6 fw-bold">{{ resumo.total_app_habilitado or 0 }}</div>
            <div class="small text-muted">funcionário e/ou empresa</div>
        </div></div>
    </div>
    <div class="col-md-6 col-xl-3">
        <div class="card h-100"><div class="card-body">
            <div class="small text-muted">Registros na competência</div>
            <div class="display-6 fw-bold">{{ resumo.total_registros_mes or 0 }}</div>
            <div class="small text-muted">{{ competencia_atual }}</div>
        </div></div>
    </div>
    <div class="col-md-6 col-xl-3">
        <div class="card h-100 {% if (resumo.notificacoes_criticas or 0) > 0 %}border-danger{% endif %}"><div class="card-body">
            <div class="small text-muted">Pendências operacionais</div>
            <div class="display-6 fw-bold">{{ resumo.notificacoes_pendentes or 0 }}</div>
            <div class="small text-muted">críticas: {{ resumo.notificacoes_criticas or 0 }}</div>
        </div></div>
    </div>
</div>

<div class="row g-3 mb-4">
    <div class="col-md-4">
        <div class="card h-100"><div class="card-body">
            <div class="small text-muted">Senhas app configuradas</div>
            <div class="h3 mb-0">{{ resumo.total_com_senha or 0 }}</div>
        </div></div>
    </div>
    <div class="col-md-4">
        <div class="card h-100"><div class="card-body">
            <div class="small text-muted">Fotos cadastradas</div>
            <div class="h3 mb-0">{{ resumo.total_com_foto or 0 }}</div>
        </div></div>
    </div>
    <div class="col-md-4">
        <div class="card h-100"><div class="card-body">
            <div class="small text-muted">Retificações pendentes</div>
            <div class="h3 mb-0">{{ resumo.retificacoes_pendentes or 0 }}</div>
        </div></div>
    </div>
</div>

<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2">
        <strong>Funcionários RH</strong>
        <form method="GET" class="d-flex gap-2">
            <select name="ativos_apenas" class="form-select form-select-sm" onchange="this.form.submit()">
                <option value="1" {% if ativos_apenas == '1' %}selected{% endif %}>Somente ativos</option>
                <option value="0" {% if ativos_apenas == '0' %}selected{% endif %}>Todos</option>
            </select>
        </form>
    </div>
    <div class="table-responsive">
        <table class="table table-sm table-hover mb-0 align-middle">
            <thead>
                <tr>
                    <th>Funcionário</th>
                    <th>Identificação</th>
                    <th>Lotação</th>
                    <th>Status</th>
                    <th class="text-end">Ações</th>
                </tr>
            </thead>
            <tbody>
                {% for f in funcionarios %}
                <tr>
                    <td>
                        <div class="fw-semibold">{{ f.nome }}</div>
                        <div class="small text-muted">CPF: {{ f.cpf or '-' }}</div>
                    </td>
                    <td>
                        <div class="small">Matrícula: {{ f.matricula or '-' }}</div>
                        <div class="small text-muted">Cód. batida: {{ f.codigo_batida or '-' }}</div>
                    </td>
                    <td>
                        <div class="small">{{ f.departamento or 'Departamento não informado' }}</div>
                        <div class="small text-muted">{{ f.cargo or 'Cargo não informado' }}</div>
                    </td>
                    <td>
                        {% if f.ativo %}<span class="badge bg-success">Ativo</span>{% else %}<span class="badge bg-secondary">Inativo</span>{% endif %}
                        {% if f.app_funcionario_ativo %}<span class="badge bg-info text-dark">App funcionário</span>{% endif %}
                        {% if f.app_empresa_ativo %}<span class="badge bg-warning text-dark">App empresa</span>{% endif %}
                    </td>
                    <td class="text-end">
                        <a href="{{ url_for('rh_ponto_espelho_mensal', funcionario_id=f.id, competencia=competencia_atual) }}" class="btn btn-sm btn-outline-primary">
                            <i class="bi bi-clock-history"></i>
                        </a>
                    </td>
                </tr>
                {% else %}
                <tr><td colspan="5" class="text-center text-muted py-4">Nenhum funcionário encontrado para os filtros atuais.</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}