{{-- resources/views/admin/athletes/_edit_history.blade.php --}}

<style>
    .select2-container--open { z-index: 999999 !important; }
    .select2-search__field { z-index: 999999 !important; }
</style>

<div class="card shadow-sm" style="border-radius: 4px;">
    <div class="card-header d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-3">
        <h4 class="card-title fw-bold mb-0 flex-shrink-0">Riwayat Hasil Lomba</h4>
        
        <div class="d-flex flex-column flex-md-row align-items-md-center gap-2 w-100 justify-content-md-end">
            <form action="{{ route('admin.athletes.edit.history', $athlete->id) }}" method="GET" class="mb-0 m-0 w-100" style="max-width: 350px;">
                <input type="hidden" name="filter" value="{{ request('filter', 'all') }}">
                @if(request()->has('ce_page'))
                    <input type="hidden" name="ce_page" value="{{ request('ce_page') }}">
                @endif
                
                <div class="input-group input-group-sm">
                    <input type="text" name="search_history" class="form-control" placeholder="Cari Kejuaraan, Lomba, Tgl..." value="{{ request('search_history') }}">
                    <button class="btn btn-secondary" type="submit"><i class="fas fa-search"></i></button>
                    @if(request('search_history'))
                        <a href="{{ route('admin.athletes.edit.history', ['athlete' => $athlete->id, 'filter' => request('filter', 'all')]) }}" class="btn btn-danger" title="Reset Pencarian"><i class="fas fa-times"></i></a>
                    @endif
                </div>
            </form>

            <a href="{{ route('admin.athletes.history.create', $athlete->id) }}" class="btn btn-primary btn-sm flex-shrink-0" style="border-radius: 4px;">
                <i class="fa fa-plus"></i> Tambah Hasil
            </a>
        </div>
    </div>

    <div class="card-body">
        
        <ul class="nav nav-pills nav-secondary mb-4 gap-2">
            <li class="nav-item">
                <a class="nav-link {{ $filter == 'all' ? 'active' : '' }}" 
                   href="{{ route('admin.athletes.edit.history', ['athlete' => $athlete->id, 'filter' => 'all']) }}">
                    <i class="fas fa-globe me-2"></i> Semua Hasil
                    <span class="badge {{ $filter == 'all' ? 'bg-white text-primary' : 'bg-light text-secondary border' }} ms-2">{{ $counts['all'] }}</span>
                </a>
            </li>
            @foreach($performanceRemarks as $rem)
                @if(($counts[$rem->code] ?? 0) > 0) 
                <li class="nav-item">
                    <a class="nav-link {{ $filter == $rem->code ? 'active' : '' }}" 
                       href="{{ route('admin.athletes.edit.history', ['athlete' => $athlete->id, 'filter' => $rem->code]) }}">
                        
                        @if($rem->code == 'PB') <i class="fas fa-medal me-2 text-warning"></i>
                        @elseif($rem->code == 'SB') <i class="fas fa-calendar-check me-2 text-success"></i>
                        @elseif(str_starts_with($rem->code, 'NR')) <i class="fas fa-flag me-2 text-danger"></i>
                        @elseif($rem->code == 'WR') <i class="fas fa-trophy me-2 text-danger"></i>
                        @else <i class="fas fa-tag me-2"></i> 
                        @endif

                        {{ $rem->name }} 
                        <span class="badge {{ $filter == $rem->code ? 'bg-white text-primary' : 'bg-light text-secondary border' }} ms-2">{{ $counts[$rem->code] }}</span>
                    </a>
                </li>
                @endif
            @endforeach
        </ul>

        <ul class="nav nav-tabs nav-line nav-color-primary" id="historyModeTabs" role="tablist">
            <li class="nav-item" role="presentation">
                <a class="nav-link fw-bold {{ $activeSubTab == 'regular' ? 'active' : '' }}" id="regular-tab" data-bs-toggle="tab" href="#tab-regular" role="tab">
                    <i class="fas fa-running me-1"></i> Lomba Reguler (Tunggal)
                    <span class="badge bg-secondary ms-1">{{ $regularHistories->total() }}</span>
                </a>
            </li>
            <li class="nav-item" role="presentation">
                <a class="nav-link fw-bold {{ $activeSubTab == 'combined' ? 'active' : '' }}" id="combined-tab" data-bs-toggle="tab" href="#tab-combined" role="tab">
                    <i class="fas fa-layer-group me-1"></i> Dasa / Sapta Lomba
                    <span class="badge bg-primary ms-1">{{ $combinedMainHistories->total() }}</span>
                </a>
            </li>
        </ul>

        <div class="tab-content mt-4" id="historyModeTabsContent">
            
            <div class="tab-pane fade {{ $activeSubTab == 'regular' ? 'show active' : '' }}" id="tab-regular" role="tabpanel">
                <div class="table-responsive">
                    <table class="table table-bordered table-striped table-hover align-middle mb-0">
                        <thead class="table-light">
                            <tr class="small text-center text-dark">
                                <th style="width: 5%">No</th>
                                <th style="width: 32%" class="text-start">Kejuaraan & Lokasi</th>
                                <th style="width: 15%">Nomor Lomba</th>
                                <th style="width: 15%">Hasil (Mark)</th>
                                <th style="width: 10%">Tanggal</th>
                                <th style="width: 15%">Detail</th>
                                <th style="width: 8%">Aksi</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($regularHistories as $index => $hist)
                                <tr>
                                    <td class="text-center text-muted">{{ $regularHistories->firstItem() + $index }}</td>
                                    
                                    <td>
                                        <div class="fw-bold text-dark small" style="font-size: 13px;">{!! highlightSearch($hist->competition_name, request('search_history')) !!}</div>
                                        <div class="text-muted" style="font-size: 12px;">
                                            <i class="fas fa-map-marker-alt me-1"></i> {{ $hist->venue }} 
                                            <span class="mx-1">|</span>
                                            <span class="fw-bold">
                                                @php $countries = config('countries'); @endphp
                                                @if(isset($countries[$hist->country_code])) {{ $countries[$hist->country_code]['flag'] }} @endif 
                                                {{ $hist->country_code }}
                                            </span>
                                        </div>
                                    </td>
                                    
                                    <td class="text-center">
                                        <div class="text-dark small fw-medium">{!! highlightSearch($hist->discipline->name ?? '-', request('search_history')) !!}</div>
                                        @if($hist->is_indoor) 
                                            <div class="text-muted" style="font-size: 11px;">(Indoor)</div> 
                                        @endif
                                        @if($hist->rankingCategory)
                                            <div class="text-secondary fw-bold mt-1" style="font-size: 11px;">Kat: {{ $hist->rankingCategory->code }}</div>
                                        @endif
                                    </td>
                                    
                                    <td class="text-center">
                                        <div class="fw-bold text-dark fs-6">{{ $hist->result_mark }}</div>
                                        @if($hist->performanceRemarks->count() > 0)
                                            <div class="mt-1 d-flex justify-content-center flex-wrap gap-1">
                                                @foreach($hist->performanceRemarks as $remark)
                                                    <span class="fw-bold text-muted" style="font-size: 11px;">[{{ $remark->code }}]</span>
                                                @endforeach
                                            </div>
                                        @endif
                                        @if($hist->score)
                                            <div class="text-muted mt-1" style="font-size: 11px;">Skor WA: {{ $hist->score }}</div>
                                        @endif
                                    </td>
                                    
                                    <td class="text-center text-dark small">
                                        {!! highlightSearch(\Carbon\Carbon::parse($hist->date)->format('d M Y'), request('search_history')) !!}
                                    </td>

                                    <td class="text-center text-muted" style="font-size: 12px;">
                                        <div>Wind: {{ $hist->wind ?? 'NWI' }}</div>
                                        <div>Babak: <b>{{ $hist->round }}</b></div>
                                        <div>Pos: <b>{{ $hist->place ? '#'.$hist->place : '-' }}</b></div>
                                    </td>
                                    
                                    <td class="text-center">
                                        <div class="d-flex justify-content-center gap-1">
                                            <a href="{{ route('admin.athletes.history.edit', ['athlete' => $athlete->id, 'history' => $hist->id]) }}" 
                                               class="btn btn-sm btn-outline-dark" style="padding: 2px 6px;" title="Edit">
                                                <i class="fa fa-edit"></i>
                                            </a>
                                            <form action="{{ route('admin.athletes.history.destroy', ['athlete' => $athlete->id, 'history' => $hist->id]) }}" method="POST" onsubmit="return confirm('Hapus hasil ini?');">
                                                @csrf @method('DELETE')
                                                <button type="submit" class="btn btn-sm btn-outline-danger" style="padding: 2px 6px;" title="Hapus">
                                                    <i class="fa fa-trash"></i>
                                                </button>
                                            </form>
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="7" class="text-center py-5 text-muted bg-white">
                                        <div class="mb-2">
                                            <i class="fas fa-running fa-2x opacity-50"></i>
                                        </div>
                                        <span class="small fw-bold">Tidak ada riwayat lomba reguler.</span>
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                @if($regularHistories->hasPages())
                    <div class="d-flex justify-content-end mt-3">{{ $regularHistories->appends(request()->except('regular_page'))->links('pagination::bootstrap-5') }}</div>
                @endif
            </div>

            <div class="tab-pane fade {{ $activeSubTab == 'combined' ? 'show active' : '' }}" id="tab-combined" role="tabpanel">
                @forelse($combinedMainHistories as $mainHist)
                    @php
                        $details = $combinedDetailHistories->filter(function($d) use ($mainHist) {
                            return $d->competition_name === $mainHist->competition_name && 
                                   \Carbon\Carbon::parse($d->date)->format('Y-m-d') === \Carbon\Carbon::parse($mainHist->date)->format('Y-m-d');
                        });
                    @endphp

                    <div class="card border border-primary mb-4 shadow-sm" style="border-radius: 8px; overflow: hidden;">
                        <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center py-3">
                            <div>
                                <h5 class="mb-1 fw-bold text-white"><i class="fas fa-trophy me-2 text-warning"></i> {!! highlightSearch($mainHist->discipline->name ?? 'Combined Event', request('search_history')) !!}</h5>
                                <div class="small opacity-75">
                                    <i class="fas fa-map-marker-alt me-1"></i> {!! highlightSearch($mainHist->competition_name, request('search_history')) !!} - {!! highlightSearch(\Carbon\Carbon::parse($mainHist->date)->format('d M Y'), request('search_history')) !!}
                                </div>
                            </div>
                            <div class="text-end">
                                <div class="fs-3 fw-bold text-warning">{{ $mainHist->result_mark }} <span class="fs-6 fw-normal text-white">Pts</span></div>
                                <div class="small opacity-75">Juara/Posisi: #{{ $mainHist->place ?? '-' }}</div>
                            </div>
                        </div>

                        <div class="card-body p-0">
                            <div class="table-responsive">
                                <table class="table table-bordered table-hover align-middle mb-0" style="font-size: 13px;">
                                    <thead class="table-light text-center text-dark">
                                        <tr>
                                            <th style="width: 30%" class="text-start ps-3">Rincian Lomba</th>
                                            <th style="width: 20%">Hasil Mark</th>
                                            <th style="width: 15%">Wind</th>
                                            <th style="width: 10%">Babak</th>
                                            <th style="width: 10%">Posisi</th>
                                            <th style="width: 15%">Skor WA</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($details as $detail)
                                            <tr>
                                                <td class="text-dark fw-medium ps-3">
                                                    <i class="fas fa-caret-right text-muted me-2"></i> {!! highlightSearch($detail->discipline->name ?? '-', request('search_history')) !!}
                                                </td>
                                                <td class="text-center fw-bold text-dark">
                                                    {{ $detail->result_mark }}
                                                    @foreach($detail->performanceRemarks as $remark)
                                                        <span class="text-muted fw-bold ms-1" style="font-size: 10px;">[{{ $remark->code }}]</span>
                                                    @endforeach
                                                </td>
                                                <td class="text-center text-muted">{{ $detail->wind ?? 'NWI' }}</td>
                                                <td class="text-center text-muted">{{ $detail->round }}</td>
                                                <td class="text-center text-muted">{{ $detail->place ? '#'.$detail->place : '-' }}</td>
                                                <td class="text-center text-dark">{{ $detail->score ?? '-' }}</td>
                                            </tr>
                                        @empty
                                            <tr><td colspan="6" class="text-center text-muted py-3">Belum ada rincian nomor lomba yang diinput.</td></tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div class="card-footer bg-white text-end py-2 border-top">
                            <a href="{{ route('admin.athletes.history.edit', ['athlete' => $athlete->id, 'history' => $mainHist->id]) }}" class="btn btn-outline-dark btn-sm fw-medium me-1">
                                <i class="fas fa-edit me-1"></i> Edit Mode Massal
                            </a>
                            <form action="{{ route('admin.athletes.history.destroy', ['athlete' => $athlete->id, 'history' => $mainHist->id]) }}" method="POST" class="d-inline" onsubmit="return confirm('Hapus seluruh data gabungan ini?');">
                                @csrf @method('DELETE')
                                <button type="submit" class="btn btn-outline-danger btn-sm"><i class="fas fa-trash"></i> Hapus</button>
                            </form>
                        </div>
                    </div>
                @empty
                    <div class="text-center text-muted p-5 border rounded bg-light mt-3">
                        @if(request('search_history'))
                            <i class="fas fa-search fa-3x mb-3 opacity-50"></i>
                            <h5>Hasil pencarian tidak ditemukan.</h5>
                        @else
                            <i class="fas fa-folder-open fa-3x mb-3 opacity-50"></i>
                            <h5>Belum ada riwayat Dasa Lomba / Sapta Lomba.</h5>
                        @endif
                    </div>
                @endforelse

                @if($combinedMainHistories->hasPages())
                    <div class="d-flex justify-content-end mt-3">{{ $combinedMainHistories->appends(request()->except('ce_page'))->links('pagination::bootstrap-5') }}</div>
                @endif
            </div>

        </div>

    </div>
</div>

@php
function highlightSearch($text, $search) {
    if (!$search) return $text;
    $pattern = '/(' . preg_quote($search, '/') . ')/i';
    return preg_replace($pattern, '<mark class="bg-warning px-1 rounded">\1</mark>', $text);
}
@endphp