@extends('layouts.app')
@section('title', '12. Consulta Pts por Callsign')
@section('content')
@include('components.seletor-contest')

<div style="margin-bottom:1rem">
    <h2 style="margin:0">🔍 12. Consulta Pts por Callsign</h2>
    <p style="margin:.25rem 0 0;color:var(--muted);font-size:.82rem">
        Auditoria completa: todos os QSOs do operador com flags de validação, motivo, pontos e multiplicadores.
    </p>
</div>

{{-- Formulário de busca --}}
<form method="GET" action="{{ route('relatorios.auditoria-callsign') }}"
      style="display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1.25rem;max-width:700px">
    <input type="text" name="callsign" value="{{ $callsign }}"
           placeholder="Informe o Callsign"
           autocomplete="off" autofocus
           style="flex:1;padding:.45rem .7rem;border:1px solid #ddd;border-radius:var(--radius);
                  font-size:.9rem;text-transform:uppercase;min-width:200px"
           oninput="this.value=this.value.toUpperCase()">
    <button type="submit" class="btn btn-primary" style="padding:.45rem 1rem">🔍 Consultar</button>
    @if($callsign)
        <a href="{{ route('relatorios.auditoria-callsign') }}" class="btn btn-secondary" style="padding:.45rem 1rem">✕ Limpar</a>
    @endif
    @if($callsign && !$qsos->isEmpty())
        <a href="{{ route('relatorios.auditoria-callsign.pdf', ['callsign' => $callsign]) }}"
           class="btn btn-secondary" style="padding:.45rem 1rem">📄 Baixar PDF</a>
        <button type="button" class="btn btn-secondary" style="padding:.45rem 1rem"
                onclick="abrirModalEmail()">✉️ Enviar por E-mail</button>
    @endif
</form>

{{-- Modal de confirmação de e-mail --}}
@if($callsign && !$qsos->isEmpty())
<div id="modal-email-overlay" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000">
    <div style="background:#fff;max-width:420px;margin:10vh auto;border-radius:var(--radius);
                padding:1.5rem;box-shadow:0 8px 30px rgba(0,0,0,.25)">
        <h3 style="margin:0 0 .5rem;color:var(--blue)">✉️ Enviar relatório por e-mail</h3>
        <p style="font-size:.85rem;color:var(--muted);margin-bottom:1rem">
            O relatório de auditoria de <strong>{{ $callsign }}</strong> será enviado em PDF
            para o e-mail abaixo. Confirme antes de enviar.
        </p>
        <label style="font-size:.82rem;font-weight:600;display:block;margin-bottom:.3rem">E-mail de destino</label>
        <input type="email" id="modal-email-input"
               value="{{ $cab->email ?? '' }}"
               placeholder="email@exemplo.com"
               style="width:100%;padding:.5rem .7rem;border:1px solid #ddd;border-radius:var(--radius);
                      font-size:.9rem;margin-bottom:1rem;box-sizing:border-box">
        <div id="modal-email-status" style="font-size:.82rem;margin-bottom:.75rem"></div>
        <div style="display:flex;gap:.5rem;justify-content:flex-end">
            <button type="button" class="btn btn-secondary" style="padding:.45rem 1rem" onclick="fecharModalEmail()">Cancelar</button>
            <button type="button" class="btn btn-primary" style="padding:.45rem 1rem" id="btn-confirmar-envio"
                    onclick="confirmarEnvioEmail()">Confirmar e Enviar</button>
        </div>
    </div>
</div>

<script>
function abrirModalEmail() {
    document.getElementById('modal-email-overlay').style.display = 'block';
    document.getElementById('modal-email-status').textContent = '';
}
function fecharModalEmail() {
    document.getElementById('modal-email-overlay').style.display = 'none';
}
function confirmarEnvioEmail() {
    const email  = document.getElementById('modal-email-input').value.trim();
    const status = document.getElementById('modal-email-status');
    const btn    = document.getElementById('btn-confirmar-envio');

    if (!email || !email.includes('@')) {
        status.style.color = '#C62828';
        status.textContent = 'Informe um e-mail válido.';
        return;
    }

    if (!confirm(`Confirma o envio do relatório para:\n\n${email}`)) {
        return;
    }

    btn.disabled = true;
    status.style.color = '#888';
    status.textContent = 'Enviando...';

    fetch('{{ route("relatorios.auditoria-callsign.email") }}', {
        method: 'POST',
        headers: {
            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
            'Content-Type': 'application/json',
            'Accept': 'application/json',
        },
        body: JSON.stringify({ callsign: '{{ $callsign }}', email: email }),
    })
    .then(r => r.json())
    .then(d => {
        btn.disabled = false;
        if (d.ok) {
            status.style.color = '#2E7D32';
            status.textContent = '✅ ' + d.msg;
            setTimeout(fecharModalEmail, 2000);
        } else {
            status.style.color = '#C62828';
            status.textContent = '❌ ' + (d.erro || 'Erro ao enviar.');
        }
    })
    .catch(() => {
        btn.disabled = false;
        status.style.color = '#C62828';
        status.textContent = '❌ Erro de conexão ao enviar.';
    });
}
</script>
@endif

@if($callsign && $qsos->isEmpty())
    <div class="alert alert-warning">
        Nenhum QSO encontrado para <strong>{{ $callsign }}</strong> no contest selecionado.
    </div>
@endif

@if($callsign && !$qsos->isEmpty())

    {{-- Cabeçalho do LOG declarado --}}
    @if($cab)
    <div class="card" style="margin-bottom:1rem;padding:1rem 1.25rem">
        <strong style="color:var(--primary)">📋 Categoria Declarada no LOG</strong>
        <div style="display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:.5rem;font-size:.85rem">
            <div><span style="color:var(--muted)">Operador:</span> <strong>{{ $cab->category_operator ?? '—' }}</strong></div>
            <div><span style="color:var(--muted)">Banda:</span> <strong>{{ $cab->category_band ?? '—' }}</strong></div>
            <div><span style="color:var(--muted)">Modo:</span> <strong>{{ $cab->category_mode ?? '—' }}</strong></div>
            <div><span style="color:var(--muted)">Overlay:</span> <strong>{{ $cab->category_overlay ?? '—' }}</strong></div>
            <div><span style="color:var(--muted)">Power:</span> <strong>{{ $cab->category_power ?? '—' }}</strong></div>
            <div><span style="color:var(--muted)">Claimed Score (LOG):</span> <strong>{{ number_format($cab->claimed_score ?? 0) }}</strong></div>
        </div>
    </div>
    @endif

    {{-- Resumo consolidado (resultado final) --}}
    @if($resumo)
    <div class="stats-grid" style="margin-bottom:1rem">
        <div class="stat-card">
            <div class="stat-number">{{ $resumo->rk ?? '—' }}º</div>
            <div class="stat-label">Posição — {{ $resumo->categoria }}</div>
        </div>
        <div class="stat-card stat-card-green">
            <div class="stat-number">{{ number_format($resumo->total_qsos_validos ?? 0) }}</div>
            <div class="stat-label">QSOs Válidos (Final)</div>
        </div>
        <div class="stat-card" style="border-top-color:#B8860B">
            <div class="stat-number" style="color:#B8860B">{{ number_format($resumo->final_score ?? 0) }}</div>
            <div class="stat-label">Final Score</div>
        </div>
        <div class="stat-card">
            <div class="stat-number">{{ number_format($resumo->percentual_reducao ?? 0, 1) }}%</div>
            <div class="stat-label">Redução vs Claimed</div>
        </div>
    </div>
    @endif

    {{-- Totais do log bruto (todos os QSOs, incluindo inválidos) --}}
    <div class="stats-grid" style="margin-bottom:1.25rem">
        <div class="stat-card">
            <div class="stat-number">{{ number_format($totalQsos) }}</div>
            <div class="stat-label">Total de QSOs no LOG</div>
        </div>
        <div class="stat-card stat-card-green">
            <div class="stat-number">{{ number_format($totalConfirmados) }}</div>
            <div class="stat-label">Confirmados (Etapa 5)</div>
        </div>
        <div class="stat-card stat-card-red">
            <div class="stat-number">{{ number_format($totalInvalidos) }}</div>
            <div class="stat-label">Inválidos (Etapa 2)</div>
        </div>
        <div class="stat-card" style="border-top-color:#B8860B">
            <div class="stat-number" style="color:#B8860B">{{ number_format($totalDuplicados) }}</div>
            <div class="stat-label">Duplicados (Etapa 6)</div>
        </div>
        <div class="stat-card">
            <div class="stat-number">{{ number_format($totalPontos) }}</div>
            <div class="stat-label">Soma Pontos QSO</div>
        </div>
        <div class="stat-card">
            <div class="stat-number">{{ number_format($totalMulti) }}</div>
            <div class="stat-label">Soma Multiplicadores</div>
        </div>
    </div>

    {{-- Legenda dos flags --}}
    <div style="margin-bottom:.75rem;font-size:.78rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:1rem">
        <span>✅ = válido/confirmado &nbsp; ❌ = inválido/reprovado</span>
        <span>Flags: Cont=Contest · Dt=Data · Exc=Exchange · HQ=HQ · Cat=Categoria · Yng=Young · Tmp=Tempo · TB=Troca Banda</span>
    </div>

    {{-- Tabela completa de auditoria --}}
    <div class="card" style="padding:0;overflow-x:auto">
        <table class="table" style="margin-bottom:0;font-size:.78rem;white-space:nowrap">
            <thead>
                <tr>
                    <th>#ID</th>
                    <th>Call Rcvd</th>
                    <th>Banda</th>
                    <th>Cat.Band Decl.</th>
                    <th>Modo</th>
                    <th>Freq</th>
                    <th>Data/Hora UTC</th>
                    <th>Exch Sent</th>
                    <th>Exch Rcvd</th>
                    <th style="text-align:center">Cont</th>
                    <th style="text-align:center">Dt</th>
                    <th style="text-align:center">Exc</th>
                    <th style="text-align:center">HQ</th>
                    <th style="text-align:center">Cat</th>
                    <th style="text-align:center">Yng</th>
                    <th style="text-align:center">Tmp</th>
                    <th style="text-align:center">TB</th>
                    <th style="text-align:center">Valid QSO</th>
                    <th style="text-align:center">Confirmado</th>
                    <th>Motivo</th>
                    <th>DXCC S/R</th>
                    <th>Continente S/R</th>
                    <th style="text-align:right">Pts</th>
                    <th style="text-align:right">M1</th>
                    <th style="text-align:right">M2</th>
                    <th style="text-align:right">M3</th>
                </tr>
            </thead>
            <tbody>
                @php
                    $flag = fn($v) => $v ? '✅' : '❌';
                @endphp
                @foreach($qsos as $q)
                    <tr style="{{ !$q->valid_qso ? 'background:#fdf0f0' : (!$q->confirmado ? 'background:#fffbe6' : '') }}">
                        <td>{{ $q->id }}</td>
                        <td style="font-weight:600;color:var(--primary)">{{ $q->call_rcvd }}</td>
                        <td>{{ $q->band }}</td>
                        <td>{{ $q->category_band }}</td>
                        <td>{{ $q->category_mode }}</td>
                        <td>{{ number_format($q->frequency, 1) }}</td>
                        <td>{{ \Carbon\Carbon::parse($q->date_time)->format('d/m/Y H:i') }}</td>
                        <td>{{ $q->exch_sent }}</td>
                        <td>{{ $q->exch_rcvd }}</td>
                        <td style="text-align:center">{{ $flag($q->valid_contest) }}</td>
                        <td style="text-align:center">{{ $flag($q->valid_date) }}</td>
                        <td style="text-align:center">{{ $flag($q->valid_exchange) }}</td>
                        <td style="text-align:center">{{ $flag($q->valid_hq) }}</td>
                        <td style="text-align:center">{{ $flag($q->valid_categoria) }}</td>
                        <td style="text-align:center">{{ $flag($q->valid_young) }}</td>
                        <td style="text-align:center">{{ $flag($q->valid_tempqso) }}</td>
                        <td style="text-align:center">{{ $flag($q->valid_trocaband) }}</td>
                        <td style="text-align:center;font-weight:700">{{ $flag($q->valid_qso) }}</td>
                        <td style="text-align:center;font-weight:700">{{ $flag($q->confirmado) }}</td>
                        <td style="color:#c62828;font-size:.74rem">{{ $q->motivo }}</td>
                        <td style="font-size:.72rem">{{ $q->dxcc_sent }} / {{ $q->dxcc_rcvd }}</td>
                        <td style="font-size:.72rem">{{ $q->continent_sent }} / {{ $q->continent_rcvd }}</td>
                        <td style="text-align:right;font-weight:600">{{ $q->pontos_qso }}</td>
                        <td style="text-align:right">{{ $q->multi_um }}</td>
                        <td style="text-align:right">{{ $q->multi_dois }}</td>
                        <td style="text-align:right">{{ $q->multi_tres }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endif
@endsection