@extends('layouts.app')
@section('title','Relatório — Operadores e Clubes')
@section('content')
@include('components.seletor-contest')


<div style="display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem">
    <h2 style="margin:0">🏛️ Operadores por Clube</h2>
    <div class="stats-grid" style="max-width:400px;margin:0">
        <div class="stat-card"><div class="stat-number">{{ number_format($totalOps) }}</div><div class="stat-label">Operadores</div></div>
        <div class="stat-card"><div class="stat-number">{{ number_format($totalClubes) }}</div><div class="stat-label">Clubes</div></div>
    </div>
</div>

{{-- Filtros --}}
<form method="GET" action="{{ route('relatorios.operadores-clubes') }}"
      style="display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:1.5rem">
    <input type="text" name="q" value="{{ $busca }}" placeholder="Buscar clube ou callsign..."
           style="padding:.4rem .7rem;border:1px solid #ddd;border-radius:var(--radius);font-size:.88rem;min-width:220px">
    <select name="grupo" style="padding:.4rem .6rem;border:1px solid #ddd;border-radius:var(--radius);font-size:.88rem">
        <option value="">— Todos os grupos —</option>
        @foreach(['LABREs','BRAZIL','OUTROS'] as $g)
            <option value="{{ $g }}" {{ $grupo===$g ? 'selected':'' }}>{{ $g }}</option>
        @endforeach
    </select>
    <button type="submit" class="btn btn-secondary" style="padding:.4rem .9rem">Filtrar</button>
    @if($busca || $grupo)
        <a href="{{ route('relatorios.operadores-clubes') }}" class="btn btn-secondary" style="padding:.4rem .9rem">✕ Limpar</a>
    @endif
</form>

@php
    $cores = [
        'LABREs' => ['bg'=>'#EBF5FB','titulo'=>'#1B4F8C','badge'=>'#AED6F1'],
        'BRAZIL' => ['bg'=>'#EAFAF1','titulo'=>'#1E8449','badge'=>'#A9DFBF'],
        'OUTROS' => ['bg'=>'#FEFCE8','titulo'=>'#7D6608','badge'=>'#F9E79F'],
    ];
@endphp

@forelse($dados as $groupName => $clubes)
    @php $cor = $cores[$groupName] ?? ['bg'=>'#f9f9f9','titulo'=>'#333','badge'=>'#ddd']; @endphp

    <div style="margin-bottom:2rem">
        <div style="background:{{ $cor['titulo'] }};color:#fff;padding:.6rem 1rem;border-radius:var(--radius) var(--radius) 0 0;font-weight:bold;font-size:1rem;display:flex;align-items:center;gap:.75rem">
            {{ $groupName }}
            <span style="background:rgba(255,255,255,.2);border-radius:20px;padding:.1rem .6rem;font-size:.82rem">
                {{ count($clubes) }} clube(s)
            </span>
        </div>

        @foreach($clubes as $clubNome => $info)
            @php
                if (strtoupper($groupName)==='BRAZIL' && strtoupper(substr(trim($clubNome),0,5))==='LABRE') continue;
            @endphp
            <div style="border:1px solid #e0e0e0;border-top:none;margin-bottom:.5rem">
                <div style="background:{{ $cor['bg'] }};padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center">
                    <span style="font-weight:600">{{ $clubNome }}</span>
                    <span style="background:{{ $cor['badge'] }};border-radius:4px;padding:.15rem .5rem;font-size:.82rem;font-weight:bold">
                        Total: {{ number_format($info['club_total']) }}
                    </span>
                </div>
                <table class="table" style="margin:0;font-size:.82rem">
                    <thead>
                        <tr>
                            <th>Callsign</th><th>Pontos</th>
                            <th>M1</th><th>M2</th><th>M3</th>
                            <th>Final Score</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php $totP=$totM1=$totM2=$totM3=$totF=0; @endphp
                        @foreach($info['calls'] as $c)
                        @php $totP+=$c->total_pontos; $totM1+=$c->total_m1; $totM2+=$c->total_m2; $totM3+=$c->total_m3; $totF+=$c->final_score; @endphp
                        <tr>
                            <td><strong>{{ $c->call_sent }}</strong></td>
                            <td>{{ number_format($c->total_pontos) }}</td>
                            <td>{{ $c->total_m1 }}</td>
                            <td>{{ $c->total_m2 }}</td>
                            <td>{{ $c->total_m3 }}</td>
                            <td style="font-weight:bold;color:var(--blue)">{{ number_format($c->final_score) }}</td>
                        </tr>
                        @endforeach
                        <tr style="background:#f5f5f5;font-weight:bold">
                            <td>TOTAL</td>
                            <td>{{ number_format($totP) }}</td>
                            <td>{{ $totM1 }}</td><td>{{ $totM2 }}</td><td>{{ $totM3 }}</td>
                            <td style="color:var(--green)">{{ number_format($totF) }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        @endforeach
    </div>
@empty
    <p style="color:#aaa;text-align:center;padding:2rem">Nenhum dado encontrado.</p>
@endforelse
@endsection