@extends('layouts.app')
@section('title', 'Dashboard')
@section('content')
 
<h2>Dashboard</h2>
 
@if($contest)
<div class="contest-banner">
    <strong>{{ $contest->name }}</strong> &nbsp;|&nbsp;
    {{ \Carbon\Carbon::parse($contest->start_date)->format('d/m/Y H:i') }} –
    {{ \Carbon\Carbon::parse($contest->end_date)->format('d/m/Y H:i') }} UTC
    @if($contest->limit_log)
        &nbsp;|&nbsp; Prazo de LOG: {{ \Carbon\Carbon::parse($contest->limit_log)->format('d/m/Y') }}
    @endif
</div>
@else
<div class="alert alert-warning">
    ⚠️ Nenhum contest ativo encontrado na tabela <code>contest_date</code> (flag = 1).
    As etapas de processamento estão desabilitadas até que um contest seja ativado.
</div>
@endif
 
{{-- Cards de métricas --}}
<div class="stats-grid">
    <div class="stat-card">
        <div class="stat-number">{{ number_format($stats['total_logs']) }}</div>
        <div class="stat-label">LOGs Recebidos</div>
        <div class="stat-etapa">Etapa A</div>
    </div>
    <div class="stat-card">
        <div class="stat-number">{{ number_format($stats['total_result']) }}</div>
        <div class="stat-label">QSOs em Result</div>
        <div class="stat-etapa">Etapa 1</div>
    </div>
    @if($stats['total_validos'] !== null)
    <div class="stat-card stat-card-green">
        <div class="stat-number">{{ number_format($stats['total_validos']) }}</div>
        <div class="stat-label">QSOs Válidos</div>
        <div class="stat-etapa">Etapa 2</div>
    </div>
    <div class="stat-card stat-card-red">
        <div class="stat-number">{{ number_format($stats['total_invalidos']) }}</div>
        <div class="stat-label">QSOs Inválidos</div>
        <div class="stat-etapa">Etapa 2</div>
    </div>
    @endif
    @if($stats['total_validos_tempo'] !== null)
    <div class="stat-card stat-card-green">
        <div class="stat-number">{{ number_format($stats['total_validos_tempo']) }}</div>
        <div class="stat-label">Válidos (tempo)</div>
        <div class="stat-etapa">Etapa 3</div>
    </div>
    @endif
    @if($stats['total_confirmados'] !== null)
    <div class="stat-card stat-card-green">
        <div class="stat-number">{{ number_format($stats['total_confirmados']) }}</div>
        <div class="stat-label">QSOs Confirmados</div>
        <div class="stat-etapa">Etapa 5</div>
    </div>
    @endif
</div>
 
{{-- Grid de etapas --}}
<h3 style="margin-top:2rem">Etapas de Processamento</h3>
 
@php
$etapasDef = [
    ['A',  'Importar LOGs',   'processamento.importar',         null],
    ['1',  'Juntar LOGs',     'processamento.juntar',           'A'],
    ['2',  'Validar QSOs',    'processamento.validar-qsos',     '1'],
    ['3',  'Validar Tempo',   'processamento.validar-tempo',    '2'],
    ['4',  'Claimed Score',   'processamento.claimed-score',    '3'],
    ['5',  'Val. Contatos',   'processamento.validar-contatos', '4'],
    ['6',  'Sem LOGs/DUPs',   'processamento.sem-logs',         '5'],
    ['7',  'Pontos+Multi+FS', 'processamento.pontuar',          '6'],
    ['8',  'Final Score',     'processamento.final-score',      '7'],
    ['9',  'Resultado',       'processamento.resultado',        '8'],
    ['10', 'Records',         'processamento.records',          '9'],
    ['11', 'Encerrar Contest','processamento.encerrar.index',   '10'],
];
 
$tooltips = [
    'A'  => 'Lê os arquivos Cabrillo (.log) e importa para logs_cabecalhos e logs_qsos. Ponto de partida do processamento.',
    '1'  => 'Consolida todos os QSOs de logs_qsos na tabela qsos_result, enriquecendo com dados do cabeçalho e convertendo frequência em banda.',
    '2'  => 'Valida cada QSO: contest, período, exchanges, categoria e estações HQ. Preenche valid_qso.',
    '3'  => 'Verifica limites de tempo de operação por categoria (SINGLE-OP 36h, YL/YOUTH 24h) e trocas de banda para MULTI-OP (máx. 10/hora).',
    '4'  => 'Calcula e atualiza o Claimed Score e Raw Score de cada participante.',
    '5'  => 'Cruzamento bilateral dos logs — confirma QSOs encontrados em ambos os lados. Preenche o campo confirmado.',
    '6'  => 'Lista indicativos sem LOG enviado, revalida contatos e detecta duplicidades.',
    '7'  => 'Calcula pontos por QSO (1-6pts conforme banda/DXCC/continente), multiplicadores (UF + DXCC + HQ por banda) e Final Score individual (pontos × multiplicadores).',
    '8'  => 'Calcula o Final Score de cada participante: pontos × multiplicadores. Gera ranking por categoria com percentual de redução em relação ao Claimed Score informado.',
    '9'  => 'Gera o Resultado Final consolidado por categoria, com ranking completo e percentual de redução. Popula a tabela resultados_final.',
    '10' => 'Identifica e registra novos recordes por categoria, comparando Final Score atual com o record anterior. Atualiza a tabela records.',
    '11' => 'Encerra a apuração: faz backup dos dados, move records atuais para anteriores, limpa tabelas de processamento e prepara o sistema para o próximo contest.',
];
@endphp
 
<div class="etapas-grid {{ $contest ? '' : 'etapas-desabilitadas' }}">
    @foreach($etapasDef as [$num, $nome, $rota, $dep])
        @php
            $status    = $etapas[$num] ?? 'pendente';
            $depOk     = $dep === null || ($etapas[$dep] ?? 'pendente') === 'concluida';
            $habilitada= $contest && $depOk;
            $tooltip   = $tooltips[$num] ?? '';
            // Se dependência não ok, sobrescreve tooltip
            if (!$depOk) {
                $depNome = collect($etapasDef)->firstWhere(0, $dep)[1] ?? "Etapa {$dep}";
                $tooltip = "⛔ Execute primeiro: Etapa {$dep} — {$depNome}";
            }
            if (!$contest) {
                $tooltip = "⚠️ Nenhum contest ativo. Ative um contest na tabela contest_date (flag = 1).";
            }
        @endphp
 
        @if($habilitada)
            <a href="{{ route($rota) }}"
               class="etapa-card etapa-{{ $status }}"
               data-tooltip="{{ $tooltip }}">
                <div class="etapa-num">{{ $num }}</div>
                <div class="etapa-nome">{{ $nome }}</div>
                <div class="etapa-badge etapa-badge-{{ $status }}">
                    {{ $status === 'concluida' ? '✅' : ($status === 'executando' ? '⏳' : ($status === 'erro' ? '❌' : '')) }}
                </div>
            </a>
        @else
            <div class="etapa-card etapa-card-disabled etapa-{{ $status }}"
                 data-tooltip="{{ $tooltip }}">
                <div class="etapa-num" style="color:#aaa">{{ $num }}</div>
                <div class="etapa-nome" style="color:#bbb">{{ $nome }}</div>
                <div class="etapa-badge">🔒</div>
            </div>
        @endif
    @endforeach
</div>
 
{{-- Painel de tempo de processamento --}}
@php
    $algumaConcluida = collect($todasEtapas)->where('status','concluida')->count() > 0;
@endphp
@if($algumaConcluida)
<div style="margin-top:2rem">
    <h3 style="margin-bottom:.75rem">⏱️ Tempo de Processamento por Etapa</h3>
    <div style="background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);max-width:700px">
        <table class="table" style="margin-bottom:0">
            <thead>
                <tr>
                    <th style="width:60px">Etapa</th>
                    <th>Nome</th>
                    <th>Executada em</th>
                    <th>Tempo Gasto</th>
                    <th>Processados</th>
                </tr>
            </thead>
            <tbody>
                @foreach($todasEtapas as $et)
                    @if($et->status === 'concluida')
                    <tr>
                        <td><strong>{{ $et->etapa }}</strong></td>
                        <td>{{ $et->nome }}</td>
                        <td style="white-space:nowrap;font-size:.85rem">
                            {{ $et->executada_em?->format('d/m/Y H:i:s') ?? '—' }}
                        </td>
                        <td style="font-weight:600;color:var(--blue)">
                            @if($et->tempo_gasto)
                                {{ $et->tempo_gasto }}
                            @else
                                <span style="color:#aaa;font-weight:normal;font-size:.8rem">
                                    não disponível
                                </span>
                            @endif
                        </td>
                        <td>{{ number_format($et->total_processados) }}</td>
                    </tr>
                    @endif
                @endforeach
            </tbody>
            <tfoot>
                <tr style="background:#EEF4FF;font-weight:bold">
                    <td colspan="3" style="text-align:right;font-weight:bold;color:var(--blue)">
                        ⏱️ Tempo Total de Apuração:
                        @if($totalSegundos == 0)
                            <span style="font-size:.75rem;color:#aaa;font-weight:normal">
                                (execute as etapas para registrar)
                            </span>
                        @endif
                    </td>
                    <td style="font-weight:bold;color:var(--green);font-size:1.05rem">
                        @php
                            $etapasConcluidas = collect($todasEtapas)->where('status','concluida');
                            $tempoTextos = $etapasConcluidas->pluck('tempo_gasto')->filter()->values();
                            // Soma os segundos_gastos; se for 0 (restaurado), soma minutos do texto
                            $totalSeg = (int) $etapasConcluidas->sum('segundos_gastos');
                            if ($totalSeg > 0) {
                                $h = intdiv($totalSeg, 3600);
                                $m = intdiv($totalSeg % 3600, 60);
                                $s = $totalSeg % 60;
                                echo $h > 0 ? "{$h}h {$m}min {$s}s" : ($m > 0 ? "{$m}min {$s}s" : "{$s}s");
                            } else {
                                echo '—';
                            }
                        @endphp
                    </td>
                    <td></td>
                </tr>
            </tfoot>
        </table>
    </div>
</div>
@endif
 
{{-- Botão de reset --}}
<div style="margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--gray-brd);display:flex;align-items:center;gap:1rem">
    <a href="{{ route('dashboard.resetar') }}"
       class="btn btn-danger"
       style="display:inline-flex;align-items:center;gap:.4rem">
        ↺ Resetar Processamento
    </a>
    <span style="font-size:.82rem;color:var(--muted)">
        Volta todas as etapas para <em>pendente</em> e zera os contadores de tempo.
        Os dados do banco não são apagados.
    </span>
</div>
 
{{-- Tooltip overlay --}}
<div id="tooltip" class="etapa-tooltip" role="tooltip" aria-hidden="true"></div>
 
<style>
/* ── Cards de etapa ─────────────────────────────────────────── */
.etapa-card {
    position: relative;
    min-height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.etapa-badge {
    position: absolute;
    top: 5px;
    right: 7px;
    font-size: .85rem;
    line-height: 1;
}
/* Status visual */
.etapa-concluida {
    border-color: #2E7D32 !important;
    background: #F1F8F1 !important;
}
.etapa-concluida .etapa-num { color: #2E7D32 !important; }
.etapa-executando {
    border-color: #F57C00 !important;
    background: #FFF8F0 !important;
    animation: pulse-border 1.5s infinite;
}
.etapa-erro {
    border-color: #C62828 !important;
    background: #FFF5F5 !important;
}
.etapa-pendente { opacity: 1; }
 
@keyframes pulse-border {
    0%,100% { box-shadow: 0 0 0 0 rgba(245,124,0,.4); }
    50%      { box-shadow: 0 0 0 6px rgba(245,124,0,0); }
}
 
/* Desabilitadas sem contest */
.etapas-desabilitadas { opacity: .72; pointer-events: none; }
.etapa-card-disabled {
    cursor: not-allowed;
    background: #f7f7f7 !important;
    border-color: #d0d0d0 !important;
    border-style: dashed !important;
}
 
/* ── Stats ──────────────────────────────────────────────────── */
.stat-etapa {
    font-size: .7rem;
    color: #aaa;
    margin-top: .15rem;
    letter-spacing: .3px;
}
 
/* ── Tooltip ────────────────────────────────────────────────── */
.etapa-tooltip {
    display: none;
    position: fixed;
    z-index: 9999;
    max-width: 320px;
    background: #1B4F8C;
    color: #fff;
    font-size: .82rem;
    line-height: 1.5;
    padding: .65rem .9rem;
    border-radius: 6px;
    box-shadow: 0 4px 20px rgba(0,0,0,.3);
    pointer-events: none;
    border-top: 3px solid #F9A825;
}
.etapa-tooltip.visible { display: block; }
</style>
 
<script>
(function () {
    const tooltip = document.getElementById('tooltip');
    const MARGIN  = 14;
 
    document.querySelectorAll('[data-tooltip]').forEach(function (card) {
        card.addEventListener('mouseenter', function (e) {
            tooltip.textContent = card.dataset.tooltip;
            tooltip.classList.add('visible');
            tooltip.setAttribute('aria-hidden','false');
            posicionar(e);
        });
        card.addEventListener('mousemove', posicionar);
        card.addEventListener('mouseleave', function () {
            tooltip.classList.remove('visible');
            tooltip.setAttribute('aria-hidden','true');
        });
    });
 
    function posicionar(e) {
        var tw = tooltip.offsetWidth  || 320;
        var th = tooltip.offsetHeight || 80;
        var x  = e.clientX + MARGIN;
        var y  = e.clientY + MARGIN;
        if (x + tw > window.innerWidth  - 10) x = e.clientX - tw - MARGIN;
        if (y + th > window.innerHeight - 10) y = e.clientY - th - MARGIN;
        tooltip.style.left = x + 'px';
        tooltip.style.top  = y + 'px';
    }
}());
</script>
 
@endsection