{{-- resources/views/admin/competitors/_edit_profile.blade.php --}}
<div class="card shadow-sm border-0">
    <div class="card-header bg-light border-bottom">
        <h5 class="fw-bold mb-0 text-primary"><i class="fas fa-user me-2"></i>Identitas & Kategori</h5>
    </div>
    
    <form action="{{ route('admin.competitors.update', $competitor->id) }}" method="POST" enctype="multipart/form-data" id="form-edit">
        @csrf @method('PUT')
        
        <div class="card-body">
            <div class="row g-4">
                <div class="col-md-12">
                    <label class="fw-bold mb-1">Nama Lengkap <span class="text-danger">*</span></label>
                    <input type="text" name="name" class="form-control fw-bold border-2" value="{{ old('name', $competitor->name) }}" required>
                </div>
                
                <div class="col-md-4">
                    <label class="fw-bold mb-1">Negara / Country Code <span class="text-danger">*</span></label>
                    <select name="country_code" class="form-select select2 border-2" required style="width: 100%">
                        <option value="">-- Pilih Negara --</option>
                        @if(isset($countries))
                            @foreach($countries as $code => $data)
                                <option value="{{ $code }}" {{ $competitor->country_code == $code ? 'selected' : '' }}>
                                    {{ $data['flag'] ?? '' }} {{ $code }} - {{ $data['name'] ?? '' }}
                                </option>
                            @endforeach
                        @endif
                        <option value="OTHER" {{ $competitor->country_code == 'OTHER' ? 'selected' : '' }}>🏳️ Lainnya</option>
                    </select>
                </div>

                <div class="col-md-4">
                    <label class="fw-bold mb-1">Afiliasi / Tim</label>
                    <input type="text" name="affiliation" class="form-control border-2" value="{{ old('affiliation', $competitor->affiliation) }}">
                </div>
                <div class="col-md-4">
                    <label class="fw-bold mb-1">Tanggal Lahir</label>
                    <input type="date" name="date_of_birth" class="form-control border-2" value="{{ $competitor->date_of_birth ? $competitor->date_of_birth->format('Y-m-d') : '' }}">
                </div>
                <div class="col-md-4">
                    <label class="fw-bold mb-1">Jenis Kelamin</label>
                    <select name="gender" id="gender_select" class="form-select border-2" required>
                        <option value="male" {{ $competitor->gender == 'male' ? 'selected' : '' }}>Putra</option>
                        <option value="female" {{ $competitor->gender == 'female' ? 'selected' : '' }}>Putri</option>
                    </select>
                </div>
                
                <div class="col-md-12">
                    <hr class="my-3">
                    <label class="fw-bold text-primary mb-2">Kategori Usia <span class="text-danger">*</span></label>
                    <div class="d-flex flex-wrap gap-2">
                        @php 
                            $ages = ['U-16', 'U-18', 'U-20', 'Elite', 'Master']; 
                            $selectedAges = is_string($competitor->age_category) ? json_decode($competitor->age_category, true) : (is_array($competitor->age_category) ? $competitor->age_category : []);
                        @endphp
                        @foreach($ages as $age)
                            <input type="checkbox" class="btn-check" name="age_category[]" id="age_{{ $age }}" value="{{ $age }}" 
                                   {{ in_array($age, $selectedAges ?? []) ? 'checked' : '' }} autocomplete="off">
                            <label class="btn btn-outline-primary btn-sm mb-0 px-4 py-2" for="age_{{ $age }}" style="min-width: 80px;">
                                {{ $age }}
                            </label>
                        @endforeach
                    </div>
                    <small class="text-muted mt-1 d-block"><i class="fas fa-info-circle me-1"></i> Dapat memilih lebih dari satu kategori.</small>
                </div>

                @php
                    $ownedIds = $competitor->performances->pluck('discipline_id')->toArray();
                    $ownedCatIds = $competitor->performances->pluck('discipline.competition_category_id')->unique()->toArray();
                    
                    $firstPerformance = $competitor->performances->first();
                    $defaultCategoryId = '';
                    if ($firstPerformance && $firstPerformance->discipline) {
                        $defaultCategoryId = $firstPerformance->discipline->competition_category_id;
                    }
                @endphp

                <div class="col-md-12 mt-3">
                    <hr class="my-3">
                    <label class="fw-bold text-primary mb-2"><i class="fas fa-layer-group me-1"></i> Pilih Kategori Utama <span class="text-danger">*</span></label>
                    <select id="category_select" class="form-select border-primary border-2" style="width: 100%;">
                        <option value="">-- Pilih Kategori Utama (Misal: Nomor Lari) --</option>
                        @foreach($disciplines->pluck('category')->unique('id') as $cat)
                            @if($cat)
                                <option value="{{ $cat->id }}" {{ $cat->id == $defaultCategoryId ? 'selected' : '' }}>{{ $cat->name }}</option>
                            @endif
                        @endforeach
                    </select>
                </div>

                <div class="col-md-12 mt-2" id="discipline_section">
                    <div class="bg-light p-4 border border-primary rounded shadow-sm" style="border-style: dashed !important;">
                        <label class="fw-bold text-dark mb-3">Pilih Nomor Spesialisasi (Centang untuk menampilkan di Tab Input Rekor):</label>
                        
                        <div class="category-wrapper">
                            @foreach($disciplines->groupBy('competition_category_id') as $catId => $catDisciplines)
                                @php 
                                    $category = $catDisciplines->first()->category; 
                                    if(!$category) continue;
                                    $isCatChecked = in_array($category->id, $ownedCatIds);
                                @endphp
                                
                                <div class="card bg-white border-1 shadow-sm mb-3" style="display: {{ $isCatChecked ? 'block' : 'none' }}; border-color: #e2e8f0 !important;" id="disciplines_cat_{{ $category->id }}">
                                    <div class="card-body p-3">
                                        <div class="fw-bold text-dark mb-3" style="font-size: 1.1rem; border-bottom: 2px solid #e2e8f0; padding-bottom: 8px;">
                                            {{ $category->name }}
                                        </div>
                                        <div class="d-flex flex-wrap gap-2">
                                            @foreach($catDisciplines as $disc)
                                                @php $isDiscChecked = in_array($disc->id, $ownedIds); @endphp
                                                <div class="discipline-item" data-gender="{{ $disc->gender }}">
                                                    <input type="checkbox" name="discipline_ids[]" value="{{ $disc->id }}" id="disc_{{ $disc->id }}" class="d-none discipline-checkbox-input" {{ $isDiscChecked ? 'checked' : '' }}>
                                                    <label for="disc_{{ $disc->id }}" class="discipline-label shadow-sm">
                                                        <i class="fas {{ $disc->gender == 'male' ? 'fa-mars text-primary' : ($disc->gender == 'female' ? 'fa-venus text-danger' : 'fa-venus-mars text-muted') }}"></i>
                                                        {{ $disc->name }}
                                                    </label>
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        <div id="no_data_message" class="text-danger small mt-2" style="display: none;">
                            <i class="fas fa-exclamation-triangle"></i> Tidak ada nomor spesialisasi untuk kategori ini.
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div class="card-footer text-end bg-white border-top pb-4 pe-4">
            <a href="{{ route('admin.competitors.index') }}" class="btn btn-black me-2 fw-bold">
                <i class="fas fa-arrow-left me-1"></i> Batal
            </a>
            <button type="submit" class="btn btn-success px-4 fw-bold shadow">
                <i class="fas fa-save me-1"></i> Simpan
            </button>
        </div>
    </form>
</div>