{{-- resources/views/admin/analysis/_hth_form.blade.php --}}
<div class="card shadow-sm border-0">
    <div class="card-header bg-primary text-white" style="border-radius: 4px 4px 0 0;">
        <h5 class="mb-0 fw-bold"><i class="fas fa-filter me-2"></i> Filter Analisis 3-Way Head-to-Head</h5>
    </div>
    <div class="card-body bg-light-grey rounded-bottom p-4">
        <form action="{{ route('admin.analysis.index') }}" method="GET" id="form-hth">
            
            <div class="row g-3 mb-4">
                <div class="col-md-4">
                    <label class="fw-bold mb-2 text-dark"><span class="badge bg-dark rounded-circle me-1">1</span> Pilih Kategori Utama</label>
                    <select id="category_id" name="category_id" class="form-select select2 shadow-sm" required>
                        <option value="">-- Pilih Kategori --</option>
                        @foreach($categories as $cat)
                            <option value="{{ $cat->id }}" {{ request('category_id') == $cat->id ? 'selected' : '' }}>
                                {{ $cat->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-4">
                    <label class="fw-bold mb-2 text-primary"><span class="badge bg-primary rounded-circle me-1">2</span> Pilih Atlet Utama PASI</label>
                    <select name="athlete_id" id="athlete_id" class="form-select select2 shadow-sm border-primary" disabled required>
                        <option value="">-- Pilih Kategori Terlebih Dahulu --</option>
                    </select>
                    <input type="hidden" id="old_athlete_id" value="{{ request('athlete_id') }}">
                </div>

                <div class="col-md-4">
                    <label class="fw-bold mb-2 text-dark"><span class="badge bg-dark rounded-circle me-1">3</span> Pilih Nomor Lomba</label>
                    <select name="discipline_id" id="discipline_id" class="form-select select2 shadow-sm" disabled required>
                        <option value="">-- Pilih Atlet Terlebih Dahulu --</option>
                    </select>
                    <input type="hidden" id="old_discipline_id" value="{{ request('discipline_id') }}">
                </div>
            </div>

            <div class="p-4 bg-white border rounded shadow-sm position-relative mt-2">
                <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger fs-6 px-3 py-2 border border-white">
                    VS (VERSUS)
                </span>
                
                <div class="row g-4 align-items-center pt-3">
                    <div class="col-md-6 border-end-md">
                        <label class="fw-bold mb-2 text-warning" style="color: #d39e00 !important;">
                            <span class="badge bg-warning text-dark rounded-circle me-1">4</span> Rival Internal (Atlet PASI) <small class="text-muted fw-normal">(Opsional)</small>
                        </label>
                        <select name="pasi_rival_id" id="pasi_rival_id" class="form-select select2 shadow-sm border-warning" disabled>
                            <option value="">-- Pilih Nomor Lomba Dulu --</option>
                        </select>
                        <input type="hidden" id="old_pasi_rival_id" value="{{ request('pasi_rival_id') }}">
                    </div>

                    <div class="col-md-6">
                        <label class="fw-bold mb-2 text-danger">
                            <span class="badge bg-danger rounded-circle me-1">5</span> Rival Internasional <small class="text-muted fw-normal">(Opsional)</small>
                        </label>
                        <select name="competitor_id" id="competitor_id" class="form-select select2 shadow-sm border-danger" disabled>
                            <option value="">-- Pilih Nomor Lomba Dulu --</option>
                        </select>
                        <input type="hidden" id="old_competitor_id" value="{{ request('competitor_id') }}">
                    </div>
                </div>
                
                <div class="text-center mt-3 small text-muted fst-italic">
                    * Anda dapat memilih salah satu rival saja, atau keduanya sekaligus untuk analisis 3 arah.
                </div>
            </div>

            <div class="text-end mt-4">
                <a href="{{ route('admin.analysis.index') }}" class="btn btn-light border me-2 fw-bold"><i class="fas fa-sync-alt"></i> Reset</a>
                <button type="submit" class="btn btn-primary fw-bold shadow px-5" id="btn-analyze" disabled>
                    <i class="fas fa-search-plus me-2"></i> Mulai Analisis Perbandingan
                </button>
            </div>
            
        </form>
    </div>
</div>