{{-- resources/views/admin/disciplines/edit.blade.php --}}
@extends('admin.layouts.app')

@section('content')
<div class="page-inner">
    <div class="page-header d-flex justify-content-between align-items-center mb-3">
        <h4 class="page-title mb-0">Edit Nomor Atletik</h4>
        <ul class="breadcrumbs mb-0">
            <li class="nav-home"><a href="{{ route('admin.dashboard') }}"><i class="icon-home"></i></a></li>
            <li class="separator"><i class="icon-arrow-right"></i></li>
            <li class="nav-item"><a href="{{ route('admin.disciplines.index') }}">Nomor Atletik</a></li>
            <li class="separator"><i class="icon-arrow-right"></i></li>
            <li class="nav-item">Edit: {{ $discipline->code }}</li>
        </ul>
    </div>

    <div class="row">
        <div class="col-md-3">
            @include('admin.disciplines._sidebar-disciplines')
        </div>

        <div class="col-md-9">
            <div class="card">
                <div class="card-header d-flex justify-content-between">
                    <div class="card-title">Form Edit Data</div>
                    <span class="badge badge-primary">{{ $discipline->code }}</span>
                </div>
                
                <form action="{{ route('admin.disciplines.update', $discipline->id) }}" method="POST">
                    @csrf
                    @method('PUT')
                    
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-8">
                                <div class="form-group @error('name') has-error @enderror">
                                    <label>Nama Nomor <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="name" value="{{ old('name', $discipline->name) }}" required>
                                    @error('name') <small class="text-danger">{{ $message }}</small> @enderror
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group @error('code') has-error @enderror">
                                    <label>Kode Sistem <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="code" value="{{ old('code', $discipline->code) }}" required>
                                    @error('code') <small class="text-danger">{{ $message }}</small> @enderror
                                </div>
                            </div>

                            <div class="col-md-12"><div class="separator-solid my-2"></div></div>

                            <div class="col-md-6">
                                <div class="form-group @error('competition_category_id') has-error @enderror">
                                    <label>Kategori Utama <span class="text-danger">*</span></label>
                                    <select class="form-select form-control" name="competition_category_id" required>
                                        <option value="" disabled>-- Pilih Kategori --</option>
                                        @foreach($categories as $cat)
                                            <option value="{{ $cat->id }}" 
                                                {{ old('competition_category_id', $discipline->competition_category_id) == $cat->id ? 'selected' : '' }}>
                                                {{ $cat->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('competition_category_id') <small class="text-danger">{{ $message }}</small> @enderror
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Sub-Kategori</label>
                                    <input type="text" class="form-control" name="subcategory" value="{{ old('subcategory', $discipline->subcategory) }}">
                                </div>
                            </div>

                            <div class="col-md-12"><div class="separator-solid my-2"></div></div>

                            {{-- [BARU] EDIT METODE PENGUKURAN --}}
                            <div class="col-md-12 mb-3">
                                <div class="form-group border rounded p-3 bg-light">
                                    <label class="fw-bold mb-2">Metode Pengukuran</label>
                                    <div class="selectgroup w-100">
                                        <label class="selectgroup-item">
                                            <input type="radio" name="result_type" value="time" class="selectgroup-input" {{ $discipline->result_type == 'time' ? 'checked' : '' }}>
                                            <span class="selectgroup-button"><i class="fas fa-stopwatch me-2"></i> Waktu</span>
                                        </label>
                                        <label class="selectgroup-item">
                                            <input type="radio" name="result_type" value="distance" class="selectgroup-input" {{ $discipline->result_type == 'distance' ? 'checked' : '' }}>
                                            <span class="selectgroup-button"><i class="fas fa-ruler-horizontal me-2"></i> Jarak</span>
                                        </label>
                                        <label class="selectgroup-item">
                                            <input type="radio" name="result_type" value="points" class="selectgroup-input" {{ $discipline->result_type == 'points' ? 'checked' : '' }}>
                                            <span class="selectgroup-button"><i class="fas fa-star me-2"></i> Poin</span>
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Jenis Kelamin <span class="text-danger">*</span></label>
                                    <select class="form-select form-control" name="gender" required>
                                        <option value="male" {{ $discipline->gender == 'male' ? 'selected' : '' }}>Putra</option>
                                        <option value="female" {{ $discipline->gender == 'female' ? 'selected' : '' }}>Putri</option>
                                        <option value="mixed" {{ $discipline->gender == 'mixed' ? 'selected' : '' }}>Campuran</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Tipe Peserta <span class="text-danger">*</span></label>
                                    <div class="selectgroup w-100">
                                        <label class="selectgroup-item">
                                            <input type="radio" name="participation_type" value="individual" class="selectgroup-input" {{ $discipline->participation_type == 'individual' ? 'checked' : '' }}>
                                            <span class="selectgroup-button"><i class="fas fa-user"></i> Individu</span>
                                        </label>
                                        <label class="selectgroup-item">
                                            <input type="radio" name="participation_type" value="team" class="selectgroup-input" {{ $discipline->participation_type == 'team' ? 'checked' : '' }}>
                                            <span class="selectgroup-button"><i class="fas fa-users"></i> Tim</span>
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-12 mt-3">
                                <div class="form-group">
                                    <label>Keterangan</label>
                                    <textarea class="form-control" name="description" rows="3">{{ old('description', $discipline->description) }}</textarea>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="card-action text-end">
                        <a href="{{ route('admin.disciplines.index') }}" class="btn btn-danger">Batal</a>
                        <button type="submit" class="btn btn-primary">Simpan Perubahan</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection