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

@php
if (!function_exists('highlightSearch')) {
    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

<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.competitors.edit.history', $competitor->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.competitors.edit.history', ['competitor' => $competitor->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.competitors.history.create', $competitor->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.competitors.edit.history', ['competitor' => $competitor->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'] ?? 0 }}</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.competitors.edit.history', ['competitor' => $competitor->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-top">
                        <thead class="bg-light align-middle">
                            <tr>
                                <th class="text-center" style="width: 5%">No</th>
                                <th style="width: 35%">Kejuaraan & Tanggal</th>
                                <th class="text-center" style="width: 10%">Kat</th>
                                <th style="width: 15%">Nomor Lomba</th>
                                <th style="width: 15%">Hasil / Prestasi</th>
                                <th style="width: 10%">Detail</th>
                                <th class="text-center" style="width: 10%">Aksi</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($regularHistories as $index => $hist)
                                <tr>
                                    <td class="text-center py-3">{{ $regularHistories->firstItem() + $index }}</td>
                                    <td class="py-3">
                                        <div class="fw-bold text-dark mb-1">{!! highlightSearch($hist->competition_name, request('search_history')) !!}</div>
                                        <div class="small text-muted mb-1"><i class="far fa-calendar-alt me-1"></i> {!! highlightSearch(\Carbon\Carbon::parse($hist->date)->format('d M Y'), request('search_history')) !!}</div>
                                        <div class="small text-muted">
                                            <i class="fas fa-map-pin me-1 text-danger"></i> {{ $hist->venue }} 
                                            <span class="fw-bold text-dark ms-1">
                                                @php $countries = config('countries'); @endphp
                                                @if(isset($countries[$hist->country_code])) {{ $countries[$hist->country_code]['flag'] }} @else 🏳️ @endif 
                                                {{ $hist->country_code }}
                                            </span>
                                        </div>
                                    </td>
                                    <td class="text-center py-3 align-middle">
                                        @if($hist->rankingCategory)
                                            <span class="badge bg-primary rounded-pill px-3">{{ $hist->rankingCategory->code }}</span>
                                        @else - @endif
                                    </td>
                                    <td class="py-3 align-middle">
                                        <span class="badge bg-white text-dark border">{!! highlightSearch($hist->discipline->name ?? '-', request('search_history')) !!}</span>
                                        @if($hist->is_indoor) <span class="badge bg-info text-dark ms-1" title="Indoor"><i class="fas fa-warehouse"></i></span> @endif
                                    </td>
                                    <td class="py-3 align-middle">
                                        <div class="d-flex align-items-center flex-wrap gap-1">
                                            <span class="fw-bold fs-5 text-dark me-2">{{ $hist->result_mark }}</span>
                                            @foreach($hist->performanceRemarks as $remark)
                                                <span class="badge bg-{{ $remark->badge_color }}" title="{{ $remark->name }}">{{ $remark->code }}</span>
                                            @endforeach
                                        </div>
                                        @if($hist->score)
                                            <div class="small text-muted mt-1">Skor WA: <b>{{ $hist->score }}</b></div>
                                        @endif
                                    </td>
                                    <td class="py-3 small text-secondary">
                                        <div>Wind: {{ $hist->wind ?? 'NWI' }}</div>
                                        <div>Babak: <b>{{ $hist->round }}</b></div>
                                        <div>Pos: <b>#{{ $hist->place ?? '-' }}</b></div>
                                    </td>
                                    <td class="text-center py-3 align-middle">
                                        <div class="d-flex justify-content-center gap-1">
                                            <a href="{{ route('admin.competitors.history.edit', ['competitor' => $competitor->id, 'history' => $hist->id]) }}" 
                                               class="btn btn-sm btn-warning text-white" style="border-radius: 4px;" title="Edit">
                                                <i class="fa fa-edit"></i>
                                            </a>
                                            <form action="{{ route('admin.competitors.history.destroy', ['competitor' => $competitor->id, 'history' => $hist->id]) }}" method="POST" onsubmit="return confirm('Hapus hasil ini?');">
                                                @csrf @method('DELETE')
                                                <button type="submit" class="btn btn-sm btn-danger" style="border-radius: 4px;" title="Hapus">
                                                    <i class="fa fa-trash"></i>
                                                </button>
                                            </form>
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="7" class="text-center text-muted p-5">
                                        @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-inbox fa-3x mb-3 opacity-50"></i>
                                            <h5>Tidak ada riwayat lomba reguler.</h5>
                                        @endif
                                    </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-hover table-striped align-middle mb-0">
                                    <thead class="bg-light text-center small text-muted">
                                        <tr>
                                            <th style="width: 25%">Nomor Rincian Lomba</th>
                                            <th style="width: 20%">Hasil/Waktu/Jarak</th>
                                            <th style="width: 15%">Wind</th>
                                            <th style="width: 10%">Babak</th>
                                            <th style="width: 10%">Posisi</th>
                                            <th style="width: 10%">Skor WA</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($details as $detail)
                                            <tr>
                                                <td class="fw-bold text-dark ps-4">
                                                    <i class="fas fa-angle-right text-muted me-2"></i> {!! highlightSearch($detail->discipline->name ?? '-', request('search_history')) !!}
                                                </td>
                                                <td class="text-center fw-bold text-primary">
                                                    {{ $detail->result_mark }}
                                                    @foreach($detail->performanceRemarks as $remark)
                                                        <span class="badge bg-{{ $remark->badge_color }} ms-1" style="font-size: 0.6rem;">{{ $remark->code }}</span>
                                                    @endforeach
                                                </td>
                                                <td class="text-center">{{ $detail->wind ?? 'NWI' }}</td>
                                                <td class="text-center"><span class="badge bg-secondary">{{ $detail->round }}</span></td>
                                                <td class="text-center">{{ $detail->place ? '#'.$detail->place : '-' }}</td>
                                                <td class="text-center">{{ $detail->score ?? '-' }}</td>
                                            </tr>
                                        @empty
                                            <tr><td colspan="6" class="text-center text-muted py-4">Belum ada rincian nomor lomba yang diinput.</td></tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div class="card-footer bg-light text-end py-2">
                            <a href="{{ route('admin.competitors.history.edit', ['competitor' => $competitor->id, 'history' => $mainHist->id]) }}" class="btn btn-warning btn-sm text-dark fw-bold">
                                <i class="fas fa-edit me-1"></i> Edit Mode Massal
                            </a>
                            <form action="{{ route('admin.competitors.history.destroy', ['competitor' => $competitor->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-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>