{{-- resources/views/admin/competitors/_edit_record.blade.php --}}

<div class="card shadow-sm border-0">
    <div class="card-header bg-white border-bottom d-flex justify-content-between align-items-center py-3">
        <div>
            <h5 class="fw-bold mb-1 text-primary">
                <i class="fas fa-trophy me-2 text-warning"></i> Data Rekor (PB/SB/NR)
            </h5>
            <small class="text-muted">
                Daftar catatan rekor yang otomatis terdeteksi dari riwayat lomba.
            </small>
        </div>
        <span class="badge bg-primary fs-6">
            Total: {{ $records->count() }} Rekor
        </span>
    </div>

    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-striped table-hover align-middle mb-0">
                <thead class="bg-light text-uppercase small text-muted">
                    <tr>
                        <th style="width: 5%" class="text-center">No</th>
                        <th style="width: 15%" class="text-center">Kode</th>
                        <th style="width: 25%">Nomor Lomba</th>
                        <th style="width: 15%" class="text-center">Hasil (Mark)</th>
                        <th style="width: 25%">Kejuaraan & Lokasi</th>
                        <th style="width: 15%" class="text-end">Tanggal</th>
                    </tr>
                </thead>
                <tbody>
                    @php $no = 1; @endphp
                    @forelse($records as $rec)
                        <tr>
                            <td class="text-center text-muted fw-bold">{{ $no++ }}</td>
                            <td class="text-center">
                                <span class="badge bg-{{ $rec->badge_color }} px-3 py-1 rounded-pill shadow-sm">
                                    {{ $rec->code }}
                                </span>
                            </td>
                            <td>
                                <span class="fw-bold text-dark d-block">
                                    {{ $rec->history->discipline->name ?? '-' }}
                                </span>
                                @if($rec->history->is_indoor) 
                                    <span class="badge bg-secondary text-white" style="font-size: 0.65rem;">INDOOR</span> 
                                @endif
                            </td>
                            <td class="text-center">
                                <span class="fw-bold fs-5 text-primary font-monospace">
                                    {{ $rec->history->result_mark }}
                                </span>
                                @if($rec->history->wind)
                                    <div class="small text-muted" style="font-size: 0.75rem;">
                                        Angin: {{ $rec->history->wind }}
                                    </div>
                                @endif
                            </td>
                            <td>
                                <div class="fw-bold text-dark text-truncate" style="max-width: 250px;" title="{{ $rec->history->competition_name }}">
                                    {{ $rec->history->competition_name }}
                                </div>
                                <div class="small text-muted">
                                    <i class="fas fa-map-marker-alt me-1 text-danger"></i> {{ $rec->history->venue }}
                                </div>
                            </td>
                            <td class="text-end font-monospace text-secondary pe-4">
                                {{ $rec->history->date->format('d M Y') }}
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="text-center py-5 text-muted bg-white">
                                <div class="py-4">
                                    <i class="fas fa-flag fa-3x mb-3 text-light"></i>
                                    <p class="mb-0 fw-bold">Belum ada rekor yang tercatat.</p>
                                    <small>Silakan input data di menu "Results" dan tandai sebagai PB/SB/NR.</small>
                                </div>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>