{% extends "base.html" %}

{% block title %}Dashboard RH{% endblock %}

{% block extra_css %}
<style>
    .rh-page-shell {
        gap: .55rem;
    }
    .rh-page-hero {
        padding: .72rem .9rem;
    }
    .rh-page-title {
        gap: .5rem;
    }
    .rh-page-title-icon {
        width: 36px;
        height: 36px;
        border-radius: 11px;
        font-size: .95rem;
    }
    .rh-page-subtitle {
        margin-top: .2rem;
        max-width: 620px;
        font-size: .76rem;
        line-height: 1.3;
    }
    .rh-page-actions .btn {
        padding-top: .48rem;
        padding-bottom: .48rem;
        font-size: .9rem;
    }
    .rh-filter-card .card-body {
        padding: .68rem .8rem;
    }
    .rh-filter-form {
        row-gap: .45rem;
    }
    .rh-filter-form .form-label {
        margin-bottom: .2rem;
        font-size: .76rem;
    }
    .rh-filter-form .form-select,
    .rh-filter-form .form-control {
        min-height: 36px;
        padding-top: .35rem;
        padding-bottom: .35rem;
        font-size: .9rem;
    }
    .rh-filter-actions .btn {
        min-height: 36px;
    }
    .rh-dashboard-status-card {
        display: block;
        text-decoration: none;
        color: inherit;
        transition: transform 0.15s ease, box-shadow 0.15s ease;
    }
    .rh-dashboard-status-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(15, 23, 42, 0.10);
    }
    .rh-dashboard-status-icon {
        width: 38px;
        height: 38px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(15, 23, 42, 0.06);
        font-size: 1rem;
    }
    .rh-summary-card .card-body,
    .rh-dashboard-status-card .card-body {
        padding: .6rem .72rem !important;
    }
    .rh-summary-label {
        margin-bottom: .1rem;
        font-size: .68rem;
    }
    .rh-summary-value {
        font-size: 1.08rem;
    }
    .rh-dashboard-actions {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
        gap: .42rem;
    }
    .rh-dashboard-action-btn {
        min-height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        gap: .5rem;
        text-align: left;
        font-weight: 600;
        border-radius: 12px;
        padding-top: .42rem;
        padding-bottom: .42rem;
        font-size: .92rem;
    }
    .rh-dashboard-actions .rh-dashboard-action-btn {
        background: #fff;
        color: var(--bs-primary);
        border: 1px solid rgba(13, 110, 253, 0.28);
        box-shadow: 0 8px 20px rgba(13, 110, 253, 0.08);
    }
    .rh-dashboard-actions .rh-dashboard-action-btn:hover,
    .rh-dashboard-actions .rh-dashboard-action-btn:focus {
        background: rgba(13, 110, 253, 0.06);
        color: var(--bs-primary);
        border-color: rgba(13, 110, 253, 0.45);
    }
    .rh-dashboard-actions .rh-dashboard-action-btn .bi {
        color: var(--bs-primary);
    }
    .rh-dashboard-periodo-help {
        font-size: .78rem;
        color: #64748b;
    }
    .rh-section-header {
        padding: .58rem .78rem;
    }
    .rh-section-subtitle {
        margin-bottom: 0;
        font-size: .74rem;
    }
</style>
{% endblock %}

{% block content %}
{% set resumo = resumo | default({}, true) %}
{% set resumo_status_dashboard = resumo_status_dashboard | default({}, true) %}
{% set funcionarios_dashboard = funcionarios_dashboard | default([], true) %}
{% set locais_trabalho_disponiveis = locais_trabalho_disponiveis | default([], true) %}
{% set local_trabalho_filtro = local_trabalho_filtro | default('', true) %}
{% set total_funcionarios_contexto = total_funcionarios_contexto | default(0, true) %}
{% set rh_notificacoes_menu = rh_notificacoes_menu | default({}, true) %}
{% set data_inicial_filtro = data_inicial_filtro | default('', true) %}
{% set data_final_filtro = data_final_filtro | default('', true) %}
{% set periodo_dashboard_exibicao = periodo_dashboard_exibicao | default('', true) %}
<div class="rh-page-shell">
    <div class="rh-page-hero">
        <div class="rh-page-hero-main">
            <div class="rh-page-title">
                <span class="rh-page-title-icon"><i class="bi bi-speedometer2"></i></span>
                <div>
                    <h1 class="h2 mb-0">Dashboard do RH</h1>
                    <p class="rh-page-subtitle mb-0">Visão rápida do time com acesso direto às listas e rotinas principais.</p>
                </div>
            </div>
        </div>
        <div class="rh-page-actions">
            <a href="{{ safe_url_for('rh_funcionarios_lista', empresa_id=empresa.id, local_trabalho=local_trabalho_filtro or None, data_inicial=data_inicial_filtro or None, data_final=data_final_filtro or None, fallback=safe_url_for('rh_funcionarios', empresa_id=empresa.id, local_trabalho=local_trabalho_filtro or None, data_inicial=data_inicial_filtro or None, data_final=data_final_filtro or None)) }}" class="btn btn-outline-primary">
                <i class="bi bi-people"></i> Abrir lista de funcionários
            </a>
            <a href="{{ url_for('rh_funcionario_novo', empresa_id=empresa.id) }}" class="btn btn-primary">
                <i class="bi bi-person-plus"></i> Novo funcionário
            </a>
        </div>
    </div>

    <div class="card rh-filter-card">
        <div class="card-body">
            <form method="GET" class="row g-3 rh-filter-form">
                <div class="col-md-3 col-sm-6">
                    <label class="form-label">Empresa</label>
                    <select name="empresa_id" class="form-select">
                        {% for emp in empresas_disponiveis or [] %}
                        <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-md-3 col-sm-6">
                    <label class="form-label">Endereço / local de trabalho</label>
                    <select name="local_trabalho" class="form-select">
                        <option value="">Todos os locais</option>
                        {% for item in locais_trabalho_disponiveis or [] %}
                        <option value="{{ item }}" {% if local_trabalho_filtro == item %}selected{% endif %}>{{ item }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-2 col-sm-6">
                    <label class="form-label">Período inicial</label>
                    <input type="date" name="data_inicial" class="form-control" value="{{ data_inicial_filtro }}">
                </div>
                <div class="col-md-2 col-sm-6">
                    <label class="form-label">Período final</label>
                    <input type="date" name="data_final" class="form-control" value="{{ data_final_filtro }}">
                </div>
                <div class="col-md-2 col-sm-12 d-flex align-items-end">
                    <div class="rh-filter-actions w-100">
                        <button type="submit" class="btn btn-primary"><i class="bi bi-funnel"></i> Aplicar</button>
                        <a href="{{ url_for('rh_funcionarios', empresa_id=empresa.id) }}" class="btn btn-outline-secondary">Limpar</a>
                    </div>
                </div>
                <div class="col-12">
                    <div class="rh-dashboard-periodo-help">
                        Período: <strong>{{ periodo_dashboard_exibicao or 'Hoje' }}</strong>.
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="row g-2">
        <div class="col-6 col-md-3">
            <div class="card rh-summary-card border-primary-subtle">
                <div class="card-body">
                    <span class="rh-summary-label">No filtro atual</span>
                    <span class="rh-summary-value">{{ total_funcionarios_contexto or 0 }}</span>
                </div>
            </div>
        </div>
        <div class="col-6 col-md-3">
            <div class="card rh-summary-card border-success-subtle">
                <div class="card-body">
                    <span class="rh-summary-label">Ativos no RH</span>
                    <span class="rh-summary-value">{{ resumo.get('total_ativos', 0) }}</span>
                </div>
            </div>
        </div>
        <div class="col-6 col-md-3">
            <div class="card rh-summary-card border-info-subtle">
                <div class="card-body">
                    <span class="rh-summary-label">App habilitado</span>
                    <span class="rh-summary-value">{{ resumo.get('total_app_habilitado', 0) }}</span>
                </div>
            </div>
        </div>
        <div class="col-6 col-md-3">
            <div class="card rh-summary-card border-warning-subtle">
                <div class="card-body">
                    <span class="rh-summary-label">Pendências RH</span>
                    <span class="rh-summary-value">{{ resumo.get('retificacoes_pendentes', 0) + resumo.get('notificacoes_pendentes', 0) }}</span>
                </div>
            </div>
        </div>
    </div>

    <div class="row g-2">
        {% for status_key in ['trabalhando', 'em_descanso', 'faltou', 'atestado', 'suspenso'] %}
        {% set total_card = resumo_status_dashboard.get(status_key, 0) %}
        {% set card_sample = (funcionarios_dashboard | selectattr('_dashboard_status', 'equalto', status_key) | list | first) %}
        {% set label = card_sample._dashboard_status_label if card_sample else status_key.replace('_', ' ')|title %}
        {% set icon = card_sample._dashboard_status_icon if card_sample else 'bi-circle' %}
        {% set card_class = card_sample._dashboard_status_card_class if card_sample else 'border-light' %}
        {% set accent_class = card_sample._dashboard_status_accent_class if card_sample else 'text-body' %}
        <div class="col-6 col-md-4 col-xl">
            <a href="{{ safe_url_for('rh_funcionarios_lista', empresa_id=empresa.id, local_trabalho=local_trabalho_filtro if local_trabalho_filtro else None, data_inicial=data_inicial_filtro or None, data_final=data_final_filtro or None, status_dashboard=status_key, fallback=safe_url_for('rh_funcionarios', empresa_id=empresa.id, local_trabalho=local_trabalho_filtro if local_trabalho_filtro else None, data_inicial=data_inicial_filtro or None, data_final=data_final_filtro or None, status_dashboard=status_key)) }}" class="card rh-summary-card rh-dashboard-status-card {{ card_class }} h-100">
                <div class="card-body d-flex align-items-start gap-3">
                    <span class="rh-dashboard-status-icon {{ accent_class }}"><i class="bi {{ icon }}"></i></span>
                    <div>
                        <span class="rh-summary-label">{{ label }}</span>
                        <span class="rh-summary-value">{{ total_card }}</span>
                    </div>
                </div>
            </a>
        </div>
        {% endfor %}
    </div>

    <div class="card rh-section-card">
        <div class="rh-section-header">
            <div class="rh-section-header-main">
                <h2 class="rh-section-title">Atalhos operacionais do RH</h2>
                <p class="rh-section-subtitle">Acesso rápido às rotinas principais.</p>
            </div>
        </div>
        <div class="card-body">
            <div class="rh-dashboard-actions">
                <a href="{{ safe_url_for('rh_funcionarios_lista', empresa_id=empresa.id, local_trabalho=local_trabalho_filtro or None, data_inicial=data_inicial_filtro or None, data_final=data_final_filtro or None, fallback=safe_url_for('rh_funcionarios', empresa_id=empresa.id, local_trabalho=local_trabalho_filtro or None, data_inicial=data_inicial_filtro or None, data_final=data_final_filtro or None)) }}" class="btn btn-outline-primary rh-dashboard-action-btn">
                    <i class="bi bi-person-badge"></i> Funcionários RH
                </a>
                <a href="{{ url_for('rh_ponto_atestados', empresa_id=empresa.id) }}" class="btn btn-outline-primary rh-dashboard-action-btn">
                    <i class="bi bi-file-earmark-medical"></i> Atestados recebidos
                </a>
                <a href="{{ url_for('rh_ponto_solicitacoes_funcionario', empresa_id=empresa.id) }}" class="btn btn-outline-primary rh-dashboard-action-btn">
                    <i class="bi bi-inboxes"></i> Solicitações do funcionário
                </a>
                <a href="{{ url_for('rh_ponto_retificacoes', empresa_id=empresa.id) }}" class="btn btn-outline-primary rh-dashboard-action-btn">
                    <i class="bi bi-journal-check"></i> Retificações
                </a>
                <a href="{{ url_for('rh_ponto_espelho_mensal', empresa_id=empresa.id) }}" class="btn btn-outline-primary rh-dashboard-action-btn">
                    <i class="bi bi-clock-history"></i> Espelho / lançamentos
                </a>
                <a href="{{ url_for('rh_ponto_notificacoes_internas', empresa_id=empresa.id) }}" class="btn btn-outline-primary rh-dashboard-action-btn">
                    <i class="bi bi-bell"></i> Notificações internas
                    {% if rh_notificacoes_menu.get('total_criticas_pendentes', 0) > 0 %}
                    <span class="badge bg-danger ms-auto">{{ rh_notificacoes_menu.get('total_criticas_pendentes', 0) }}</span>
                    {% elif rh_notificacoes_menu.get('total_pendentes', 0) > 0 %}
                    <span class="badge bg-warning text-dark ms-auto">{{ rh_notificacoes_menu.get('total_pendentes', 0) }}</span>
                    {% endif %}
                </a>
                <a href="{{ url_for('rh_escalas_trabalho', empresa_id=empresa.id) }}" class="btn btn-outline-primary rh-dashboard-action-btn">
                    <i class="bi bi-calendar-week"></i> Escalas de trabalho
                </a>
                <a href="{{ url_for('rh_banco_horas', empresa_id=empresa.id) }}" class="btn btn-outline-primary rh-dashboard-action-btn">
                    <i class="bi bi-clock"></i> Banco de horas
                </a>
                <a href="{{ url_for('rh_configuracoes', empresa_id=empresa.id) }}" class="btn btn-outline-primary rh-dashboard-action-btn">
                    <i class="bi bi-sliders"></i> Configurações RH
                </a>
                <a href="{{ url_for('rh_ponto_justificativas', empresa_id=empresa.id) }}" class="btn btn-outline-primary rh-dashboard-action-btn">
                    <i class="bi bi-journal-text"></i> Justificativas
                </a>
                <a href="{{ url_for('rh_financeiro_controle', empresa_id=empresa.id) }}" class="btn btn-outline-primary rh-dashboard-action-btn">
                    <i class="bi bi-cash-coin"></i> Controle financeiro RH
                </a>
                <form method="POST" action="{{ url_for('rh_funcionarios_atualizar_fotos_cloud') }}" onsubmit="return confirm('Baixar agora do cloud as fotos e perfis RH atualizados pelo app?');" class="m-0">
                    <input type="hidden" name="empresa_id" value="{{ empresa.id }}">
                    <button type="submit" class="btn btn-outline-primary rh-dashboard-action-btn w-100">
                        <i class="bi bi-cloud-download"></i> Atualizar fotos do app/cloud
                    </button>
                </form>
            </div>
        </div>
    </div>

    <div class="d-flex justify-content-end">
        <div class="d-flex gap-2 flex-wrap">
            <form method="POST" action="{{ url_for('rh_funcionarios_sincronizar') }}" onsubmit="return confirm('Sincronizar automaticamente Pessoas do tipo Funcionário para o RH desta empresa?');">
                <input type="hidden" name="empresa_id" value="{{ empresa.id }}">
                <button type="submit" class="btn btn-outline-success btn-sm">
                    <i class="bi bi-arrow-repeat"></i> Sincronizar Pessoa → RH
                </button>
            </form>
            <form method="POST" action="{{ url_for('rh_funcionarios_republicar_cloud') }}" onsubmit="return confirm('Reenfileirar agora o snapshot atual dos funcionários RH desta empresa para o cloud/apps? Esta ação não altera flags locais e atua apenas na empresa selecionada.');">
                <input type="hidden" name="empresa_id" value="{{ empresa.id }}">
                <button type="submit" class="btn btn-outline-primary btn-sm">
                    <i class="bi bi-cloud-upload"></i> Republicar RH atual → cloud
                </button>
            </form>
            <form method="POST" action="{{ url_for('rh_ponto_seed_capesystem') }}" onsubmit="return confirm('Executar seed de teste para empresas cape01/cape02?');">
                <input type="hidden" name="empresa_id" value="{{ empresa.id }}">
                <button type="submit" class="btn btn-outline-secondary btn-sm">
                    <i class="bi bi-magic"></i> Seed teste CapeSystem (cape01/cape02)
                </button>
            </form>
        </div>
    </div>
</div>
{% endblock %}