{{-- resources/views/admin/disciplines/create.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">Generator Nomor Baru</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">Buat Baru</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">
                    <div class="card-title"><i class="fas fa-magic me-2"></i> Generator Nomor Atletik</div>
                    <small class="text-muted">Fitur ini akan membuat beberapa nomor sekaligus berdasarkan varian yang dicentang.</small>
                </div>
                
                <form action="{{ route('admin.disciplines.store') }}" method="POST">
                    @csrf
                    <div class="card-body">
                        {{-- INFO DASAR --}}
                        <div class="row">
                            <div class="col-md-8">
                                <div class="form-group @error('name') has-error @enderror">
                                    <label>Nama Nomor Dasar <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control fw-bold" name="name" value="{{ old('name') }}" placeholder="Contoh: Lari 100 Meter" required>
                                    @error('name') <small class="text-danger">{{ $message }}</small> @enderror
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group @error('code_prefix') has-error @enderror">
                                    <label>Prefix Kode Sistem <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control text-uppercase" name="code_prefix" value="{{ old('code_prefix') }}" placeholder="Contoh: 100M" required>
                                    <small class="text-muted" style="font-size: 10px;">Sistem akan menambahkan akhiran (misal: 100M_M, 100M_F).</small>
                                    @error('code_prefix') <small class="text-danger">{{ $message }}</small> @enderror
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Kategori Utama <span class="text-danger">*</span></label>
                                    <select class="form-select form-control" name="competition_category_id" required>
                                        <option value="" disabled selected>-- Pilih Kategori --</option>
                                        @foreach($categories as $cat)
                                            <option value="{{ $cat->id }}" {{ old('competition_category_id') == $cat->id ? 'selected' : '' }}>
                                                {{ $cat->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </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') }}" placeholder="Contoh: Sprint">
                                </div>
                            </div>
                        </div>

                        <div class="separator-solid my-3"></div>

                        {{-- [BARU] INPUT TIPE HASIL (SATUAN UKUR) --}}
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group border rounded p-3 bg-light">
                                    <label class="fw-bold mb-2">Metode Pengukuran (Satuan Hasil) <span class="text-danger">*</span></label>
                                    <div class="selectgroup w-100">
                                        
                                        {{-- Opsi 1: WAKTU (Lari) --}}
                                        <label class="selectgroup-item">
                                            <input type="radio" name="result_type" value="time" class="selectgroup-input" checked>
                                            <span class="selectgroup-button selectgroup-button-icon align-items-center d-flex justify-content-center">
                                                <i class="fas fa-stopwatch me-2"></i> Waktu (Detik/Menit)
                                            </span>
                                        </label>

                                        {{-- Opsi 2: JARAK (Lompat & Lempar) --}}
                                        <label class="selectgroup-item">
                                            <input type="radio" name="result_type" value="distance" class="selectgroup-input">
                                            <span class="selectgroup-button selectgroup-button-icon align-items-center d-flex justify-content-center">
                                                <i class="fas fa-ruler-horizontal me-2"></i> Jarak (Meter)
                                            </span>
                                        </label>

                                        {{-- Opsi 3: POIN (Sapta/Dasa Lomba) --}}
                                        <label class="selectgroup-item">
                                            <input type="radio" name="result_type" value="points" class="selectgroup-input">
                                            <span class="selectgroup-button selectgroup-button-icon align-items-center d-flex justify-content-center">
                                                <i class="fas fa-star me-2"></i> Poin (Multi-Event)
                                            </span>
                                        </label>

                                    </div>
                                    <small class="text-muted mt-2 d-block">
                                        <i class="fas fa-info-circle text-primary"></i> 
                                        Pilih <strong>Waktu</strong> untuk Lari (Tercepat menang). 
                                        Pilih <strong>Jarak</strong> untuk Lompat/Lempar (Terjauh menang).
                                        Pilih <strong>Poin</strong> untuk Multi-Event.
                                    </small>
                                </div>
                            </div>
                        </div>

                        <div class="separator-solid my-3"></div>

                        {{-- CHECKBOX VARIAN --}}
                        <div class="row">
                            <div class="col-md-12">
                                <label class="fw-bold mb-3">Pilih Varian yang Ingin Dibuat:</label>
                                <div class="row g-3">
                                    
                                    {{-- INDIVIDU SECTION --}}
                                    <div class="col-md-6">
                                        <div class="p-3 border rounded bg-light h-100">
                                            <h6 class="fw-bold text-primary mb-3"><i class="fas fa-user me-2"></i> Kategori Individu</h6>
                                            
                                            <div class="form-check mb-2">
                                                <input class="form-check-input" type="checkbox" name="variants[]" value="male_individual" id="var_male_ind" checked>
                                                <label class="form-check-label" for="var_male_ind">
                                                    Putra - Individu <span class="text-muted small">(Kode: _M)</span>
                                                </label>
                                            </div>

                                            <div class="form-check mb-2">
                                                <input class="form-check-input" type="checkbox" name="variants[]" value="female_individual" id="var_female_ind" checked>
                                                <label class="form-check-label" for="var_female_ind">
                                                    Putri - Individu <span class="text-muted small">(Kode: _F)</span>
                                                </label>
                                            </div>
                                        </div>
                                    </div>

                                    {{-- TIM / ESTAFET SECTION --}}
                                    <div class="col-md-6">
                                        <div class="p-3 border rounded bg-light h-100">
                                            <h6 class="fw-bold text-success mb-3"><i class="fas fa-users me-2"></i> Kategori Tim / Estafet</h6>
                                            
                                            <div class="form-check mb-2">
                                                <input class="form-check-input" type="checkbox" name="variants[]" value="male_team" id="var_male_team">
                                                <label class="form-check-label" for="var_male_team">
                                                    Putra - Tim <span class="text-muted small">(Kode: _M_T)</span>
                                                </label>
                                            </div>

                                            <div class="form-check mb-2">
                                                <input class="form-check-input" type="checkbox" name="variants[]" value="female_team" id="var_female_team">
                                                <label class="form-check-label" for="var_female_team">
                                                    Putri - Tim <span class="text-muted small">(Kode: _F_T)</span>
                                                </label>
                                            </div>

                                            <div class="form-check mb-2">
                                                <input class="form-check-input" type="checkbox" name="variants[]" value="mixed_team" id="var_mixed_team">
                                                <label class="form-check-label" for="var_mixed_team">
                                                    Campuran - Tim <span class="text-muted small">(Kode: _MIX)</span>
                                                </label>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                @error('variants') <small class="text-danger mt-2 d-block">Harap pilih minimal satu varian.</small> @enderror
                            </div>

                            <div class="col-md-12 mt-4">
                                <div class="form-group">
                                    <label>Keterangan Tambahan (Opsional)</label>
                                    <textarea class="form-control" name="description" rows="2" placeholder="Contoh: Berat peluru 7.26kg">{{ old('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"><i class="fas fa-save me-1"></i> Generate Data</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection