@extends('layouts.app')
@section('title','Records — Gestão de Dados Anteriores')
@section('content')
 
@if(session('sucesso'))
    <div class="alert alert-success" style="margin-bottom:1rem">✅ {{ session('sucesso') }}</div>
@endif
 
<div style="display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem">
    <div>
        <h2 style="margin:0">🏆 Records — Gestão de Dados Anteriores</h2>
        <p style="margin:.25rem 0 0;color:var(--muted);font-size:.83rem">
            Preencha os campos <strong>_ant</strong> com os vencedores de anos anteriores (ex: 2024).
            Esses dados são o ponto de partida para a Etapa 10 (Records).
        </p>
    </div>
    <a href="{{ route('dashboard') }}" class="btn btn-secondary">← Dashboard</a>
</div>
 
{{-- Cards de status --}}
<div class="stats-grid" style="max-width:500px;margin-bottom:1.5rem">
    <div class="stat-card">
        <div class="stat-number">{{ $total }}</div>
        <div class="stat-label">Categorias</div>
    </div>
    <div class="stat-card stat-card-green">
        <div class="stat-number">{{ $comAnt }}</div>
        <div class="stat-label">Com Dados 2024</div>
    </div>
    <div class="stat-card stat-card-red">
        <div class="stat-number">{{ $semAnt }}</div>
        <div class="stat-label">Sem Dados Anteriores</div>
    </div>
</div>
 
{{-- Importar CSV --}}
<div style="background:#fff;border-radius:var(--radius);padding:1rem 1.25rem;
            box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:1.5rem;max-width:700px">
    <strong>📥 Importar via CSV</strong>
    <p style="font-size:.83rem;color:var(--muted);margin:.25rem 0 .75rem">
        Formato: <code>CATEGORIA;CALLSIGN;NOME;FINAL_SCORE</code> — separado por ponto-e-vírgula.
        Cabeçalho opcional. Baixe o modelo abaixo.
    </p>
    <form method="POST" action="{{ route('tabelas.records.importar') }}"
          enctype="multipart/form-data" style="display:flex;gap:.5rem;align-items:center;flex-wrap:wrap">
        @csrf
        <input type="file" name="csv" accept=".csv,.txt" required
               style="font-size:.85rem">
        <button type="submit" class="btn btn-primary" style="padding:.4rem .9rem">
            ⬆ Importar
        </button>
    </form>
 
    {{-- Gerar modelo CSV com as categorias existentes --}}
    <div style="margin-top:.75rem;font-size:.82rem">
        <a href="{{ route('tabelas.records.modelo') }}" style="color:var(--blue)">
            ⬇ Baixar modelo CSV com todas as categorias
        </a>
        &nbsp;—&nbsp;
        <button type="button" style="background:none;border:none;color:#C62828;cursor:pointer;font-size:.82rem"
                onclick="document.getElementById('form-limpar').style.display='flex'">
            🗑 Limpar todos os dados anteriores (_ant)
        </button>
        <form id="form-limpar" method="POST" action="{{ route('tabelas.records.limpar-ant') }}"
              style="display:none;gap:.5rem;align-items:center;margin-top:.5rem">
            @csrf
            <input type="text" name="confirmacao" placeholder="Digite LIMPAR"
                   style="padding:.35rem .6rem;border:1px solid #C62828;border-radius:4px;font-size:.82rem;width:150px">
            <button type="submit"
                    style="padding:.35rem .75rem;background:#C62828;color:#fff;border:none;border-radius:var(--radius);cursor:pointer;font-size:.82rem">
                Confirmar
            </button>
            <button type="button" onclick="document.getElementById('form-limpar').style.display='none'"
                    style="background:none;border:none;color:#aaa;cursor:pointer">✕</button>
        </form>
    </div>
</div>
 
{{-- Busca --}}
<form method="GET" action="{{ route('tabelas.records.index') }}"
      style="display:flex;gap:.5rem;margin-bottom:1rem">
    <input type="text" name="q" value="{{ $busca }}"
           placeholder="Buscar categoria ou callsign..."
           style="padding:.4rem .7rem;border:1px solid #ddd;border-radius:var(--radius);font-size:.88rem;min-width:260px">
    <button type="submit" class="btn btn-secondary" style="padding:.4rem .9rem">Buscar</button>
    @if($busca)
        <a href="{{ route('tabelas.records.index') }}" class="btn btn-secondary" style="padding:.4rem .9rem">✕</a>
    @endif
</form>
 
{{-- Tabela --}}
<div style="overflow-x:auto">
<table class="table" style="font-size:.82rem">
    <thead>
        <tr>
            <th>Categoria</th>
            <th>Callsign ANT</th>
            <th>Nome ANT</th>
            <th style="text-align:right">Score ANT</th>
            <th style="color:#aaa;font-size:.75rem">Callsign ATU</th>
            <th style="text-align:right;color:#aaa;font-size:.75rem">Score ATU</th>
            <th style="text-align:center;width:60px">Editar</th>
        </tr>
    </thead>
    <tbody>
        @forelse($records as $r)
        @php $semDados = empty($r->callsign_ant); @endphp
        <tr style="{{ $semDados ? 'background:#fff8f8' : '' }}">
            <td style="font-size:.75rem">{{ $r->category }}</td>
            <td style="{{ $semDados ? 'color:#C62828' : 'font-weight:bold' }}">
                {{ $r->callsign_ant ?: '—' }}
            </td>
            <td>{{ $r->name_ant ?: '—' }}</td>
            <td style="text-align:right;{{ $semDados ? 'color:#C62828' : '' }}">
                {{ $r->final_score_ant ? number_format($r->final_score_ant) : '—' }}
            </td>
            <td style="color:#aaa;font-size:.75rem">{{ $r->callsign_atu ?: '—' }}</td>
            <td style="text-align:right;color:#aaa;font-size:.75rem">
                {{ $r->final_score_atu ? number_format($r->final_score_atu) : '—' }}
            </td>
            <td style="text-align:center">
                <a href="{{ route('tabelas.records.edit', $r->id) }}"
                   title="Editar" style="text-decoration:none;font-size:1rem">✏️</a>
            </td>
        </tr>
        @empty
        <tr><td colspan="7" style="text-align:center;color:#aaa;padding:1.5rem">
            Nenhum registro encontrado.
        </td></tr>
        @endforelse
    </tbody>
</table>
</div>
@endsection