@php $cat = json_decode($pendaftar->catatan ?? '{}', true); @endphp

<form method="POST" action="{{ route('peserta.daftar.store') }}">
    @csrf

    <div class="card border-0 shadow-sm">
        <div class="card-header bg-primary text-white border-bottom">
            <h5 class="card-title mb-0">Form Data Peserta</h5>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6 mb-3">
                    <h6 class="text-muted mb-2">Nama Lengkap</h6>
                    <input type="text" name="nama_peserta" class="form-control" value="{{ old('nama_peserta', $pendaftar->nama_peserta ?? ($cat['nama_peserta'] ?? '')) }}" required />
                </div>
                <div class="col-md-6 mb-3">
                    <h6 class="text-muted mb-2">Panggilan</h6>
                    <input type="text" name="panggilan" class="form-control" value="{{ old('panggilan', $pendaftar->panggilan ?? ($cat['panggilan'] ?? '')) }}" />
                </div>

                <div class="col-md-6 mb-3">
                    <h6 class="text-muted mb-2">Jenis Kelamin</h6>
                    <select name="jenis_kelamin" class="form-select">
                        <option value="">Pilih</option>
                        <option value="Laki-laki" {{ old('jenis_kelamin', $pendaftar->jenis_kelamin ?? ($cat['jenis_kelamin'] ?? '')) === 'Laki-laki' ? 'selected' : '' }}>Laki-laki</option>
                        <option value="Perempuan" {{ old('jenis_kelamin', $pendaftar->jenis_kelamin ?? ($cat['jenis_kelamin'] ?? '')) === 'Perempuan' ? 'selected' : '' }}>Perempuan</option>
                    </select>
                </div>
                <div class="col-md-6 mb-3">
                    <h6 class="text-muted mb-2">NISN</h6>
                    <input type="text" name="nisn" class="form-control" value="{{ old('nisn', $pendaftar->nisn ?? ($cat['nisn'] ?? '')) }}" />
                </div>

                <div class="col-md-6 mb-3">
                    <h6 class="text-muted mb-2">Agama</h6>
                    <select name="agama" class="form-select">
                        @php $selectedAgama = old('agama', $pendaftar->agama ?? ($cat['agama'] ?? '')); @endphp
                        <option value="">Pilih</option>
                        <option value="Islam" {{ $selectedAgama === 'Islam' ? 'selected' : '' }}>Islam</option>
                        <option value="Katholik" {{ $selectedAgama === 'Katholik' ? 'selected' : '' }}>Katholik</option>
                        <option value="Kristen" {{ $selectedAgama === 'Kristen' ? 'selected' : '' }}>Kristen</option>
                        <option value="Hindu" {{ $selectedAgama === 'Hindu' ? 'selected' : '' }}>Hindu</option>
                        <option value="Budha" {{ $selectedAgama === 'Budha' ? 'selected' : '' }}>Budha</option>
                        <option value="Konghuchu" {{ $selectedAgama === 'Konghuchu' ? 'selected' : '' }}>Konghuchu</option>
                    </select>
                </div>
                <div class="col-md-6 mb-3">
                    <h6 class="text-muted mb-2">Kewarganegaraan</h6>
                    <select name="kewarganegaraan" class="form-select">
                        @php $warga = old('kewarganegaraan', $pendaftar->kewarganegaraan ?? ($cat['kewarganegaraan'] ?? '')); @endphp
                        <option value="">Pilih</option>
                        <option value="WNI" {{ $warga === 'WNI' ? 'selected' : '' }}>WNI</option>
                        <option value="WNA" {{ $warga === 'WNA' ? 'selected' : '' }}>WNA</option>
                    </select>
                </div>

                <div class="col-md-6 mb-3">
                    <h6 class="text-muted mb-2">Asal TK</h6>
                    <input type="text" name="asal_tk" class="form-control" value="{{ old('asal_tk', $pendaftar->asal_tk ?? ($pendaftar->asal_sekolah ?? ($cat['asal_tk'] ?? ''))) }}" />
                </div>
                <div class="col-md-6 mb-3">
                    <h6 class="text-muted mb-2">Alamat Lengkap TK</h6>
                    <input type="text" name="alamat_tk" class="form-control" value="{{ old('alamat_tk', $pendaftar->alamat_tk ?? ($cat['alamat_tk'] ?? '')) }}" />
                </div>

                <div class="col-md-4 mb-3">
                    <h6 class="text-muted mb-2">No. Kartu Keluarga</h6>
                    <input type="text" name="no_kk" class="form-control" value="{{ old('no_kk', $pendaftar->no_kk ?? ($cat['no_kk'] ?? '')) }}" />
                </div>

                <div class="col-md-4 mb-3">
                    <h6 class="text-muted mb-2">NIK Peserta</h6>
                    <input type="text" name="nik" class="form-control" value="{{ old('nik', $pendaftar->nik ?? ($cat['nik'] ?? '')) }}" />
                </div>
                <div class="col-md-4 mb-3">
                    <h6 class="text-muted mb-2">Anak ke-</h6>
                    <select name="anak_ke" class="form-select">
                        <option value="">Pilih</option>
                        @for($i=1; $i<=5; $i++)
                            <option value="{{ $i }}" {{ (string) old('anak_ke', (string) ($pendaftar->anak_ke ?? ($cat['anak_ke'] ?? ''))) === (string) $i ? 'selected' : '' }}>{{ $i }}</option>
                        @endfor
                    </select>
                </div>
                <div class="col-md-6 mb-3">
                    <h6 class="text-muted mb-2">Tempat / Tanggal Lahir</h6>
                    <div class="d-flex gap-2">
                        <input type="text" name="tempat_lahir" class="form-control" placeholder="Tempat" value="{{ old('tempat_lahir', $pendaftar->tempat_lahir ?? ($cat['tempat_lahir'] ?? '')) }}" />
                        <input type="date" name="tanggal_lahir" class="form-control" value="{{ old('tanggal_lahir', $pendaftar->tanggal_lahir ?? ($cat['tanggal_lahir'] ?? '')) }}" />
                    </div>
                </div>

                <div class="col-md-6 mb-3">
                    <h6 class="text-muted mb-2">No. Registrasi Akta Lahir</h6>
                    <input type="text" name="no_reg_akta" class="form-control" value="{{ old('no_reg_akta', $pendaftar->no_reg_akta ?? ($cat['no_reg_akta'] ?? '')) }}" />
                </div>
                <div class="col-md-12 mb-3">
                    <h6 class="text-muted mb-2">Jumlah Saudara (Kandung / Tiri / Angkat)</h6>
                    <div class="d-flex gap-2">
                        <input type="number" name="saudara_kandung" class="form-control" placeholder="Kandung" value="{{ old('saudara_kandung', $pendaftar->saudara_kandung ?? ($cat['saudara_kandung'] ?? '')) }}" />
                        <input type="number" name="saudara_tiri" class="form-control" placeholder="Tiri" value="{{ old('saudara_tiri', $pendaftar->saudara_tiri ?? ($cat['saudara_tiri'] ?? '')) }}" />
                        <input type="number" name="saudara_angkat" class="form-control" placeholder="Angkat" value="{{ old('saudara_angkat', $pendaftar->saudara_angkat ?? ($cat['saudara_angkat'] ?? '')) }}" />
                    </div>
                </div>

                <div class="col-md-6 mb-3">
                    <h6 class="text-muted mb-2">Keadaan Jasmani (Berat/Tinggi/Gol. Darah/Penyakit)</h6>
                    <div class="d-flex gap-2 align-items-center">
                        <input type="text" name="berat_badan" class="form-control flex-grow-0" style="flex:0 0 90px;" placeholder="Berat" value="{{ old('berat_badan', $pendaftar->berat_badan ?? ($cat['berat_badan'] ?? '')) }}" />
                        <input type="text" name="tinggi_badan" class="form-control flex-grow-0" style="flex:0 0 90px;" placeholder="Tinggi" value="{{ old('tinggi_badan', $pendaftar->tinggi_badan ?? ($cat['tinggi_badan'] ?? '')) }}" />
                        <select name="golongan_darah" class="form-select flex-grow-0" style="flex:0 0 140px; min-width:120px;">
                            @php $gd = old('golongan_darah', $pendaftar->golongan_darah ?? ($cat['golongan_darah'] ?? '')); @endphp
                            <option value="">Gol. Darah</option>
                            <option value="O" {{ $gd === 'O' ? 'selected' : '' }}>O</option>
                            <option value="A" {{ $gd === 'A' ? 'selected' : '' }}>A</option>
                            <option value="B" {{ $gd === 'B' ? 'selected' : '' }}>B</option>
                            <option value="AB" {{ $gd === 'AB' ? 'selected' : '' }}>AB</option>
                        </select>
                        <input type="text" name="penyakit" class="form-control flex-grow-1" style="min-width:360px; flex:1 1 360px;" placeholder="Penyakit" value="{{ old('penyakit', $pendaftar->penyakit ?? ($cat['penyakit'] ?? '')) }}" />
                    </div>
                </div>

                <div class="col-12 mb-3">
                    <h6 class="text-muted mb-2">Penerima KPS/PKH/KIP</h6>
                    <select name="penerima_kps" id="penerima_kps_select" class="form-select">
                        <option value="">Pilih</option>
                        <option value="1" {{ old('penerima_kps', $pendaftar->penerima_kps ?? ($cat['penerima_kps'] ?? '')) == 1 ? 'selected' : '' }}>Ya</option>
                        <option value="0" {{ old('penerima_kps', $pendaftar->penerima_kps ?? ($cat['penerima_kps'] ?? '')) === 0 ? 'selected' : '' }}>Tidak</option>
                    </select>
                </div>

                <div class="col-12 mb-3 {{ (old('penerima_kps', $pendaftar->penerima_kps ?? ($cat['penerima_kps'] ?? '')) == 1) ? '' : 'd-none' }}" id="no_reg_kps_wrapper">
                    <h6 class="text-muted mb-2">No. Registrasi KPS/PKH/KIP</h6>
                    <input type="text" name="no_reg_kps" class="form-control" value="{{ old('no_reg_kps', $pendaftar->no_reg_kps ?? ($cat['no_reg_kps'] ?? '')) }}" />
                </div>

                

                <div class="col-md-6 mb-3">
                    <h6 class="text-muted mb-2">Berkebutuhan Khusus</h6>
                    @php $khs = old('kebutuhan_khusus', $pendaftar->kebutuhan_khusus ?? ($cat['kebutuhan_khusus'] ?? '')); @endphp
                    <select name="kebutuhan_khusus" class="form-select">
                        <option value="">Pilih</option>
                        <option value="Ya" {{ $khs === 'Ya' ? 'selected' : '' }}>Ya</option>
                        <option value="Tidak" {{ $khs === 'Tidak' ? 'selected' : '' }}>Tidak</option>
                    </select>
                </div>

                <div class="col-md-6 mb-3">
                    <h6 class="text-muted mb-2">Bahasa Sehari-hari di Keluarga</h6>
                    @php $bah = old('bahasa', $pendaftar->bahasa ?? ($cat['bahasa'] ?? '')); @endphp
                    <select name="bahasa" class="form-select">
                        <option value="">Pilih</option>
                        <option value="Bahasa Indonesia" {{ $bah === 'Bahasa Indonesia' ? 'selected' : '' }}>Bahasa Indonesia</option>
                        <option value="Bahasa Daerah" {{ $bah === 'Bahasa Daerah' ? 'selected' : '' }}>Bahasa Daerah</option>
                    </select>
                </div>
                

                <div class="col-md-12 mb-3">
                    <h6 class="text-muted mb-2">Alamat dan No. Telepon</h6>
                    <input type="text" name="alamat" class="form-control" value="{{ old('alamat', $pendaftar->alamat ?? ($cat['alamat'] ?? '')) }}" />
                    <input type="text" name="no_hp" class="form-control mt-2" value="{{ old('no_hp', $pendaftar->no_hp ?? ($cat['no_hp'] ?? '')) }}" />
                </div>

                <div class="col-md-6 mb-3">
                    <h6 class="text-muted mb-2">Bertempat Tinggal di</h6>
                    <input type="text" name="tempat_tinggal" class="form-control" value="{{ old('tempat_tinggal', $pendaftar->tempat_tinggal ?? ($cat['tempat_tinggal'] ?? '')) }}" />
                </div>
                <div class="col-md-6 mb-3">
                    <h6 class="text-muted mb-2">Jarak ke Sekolah</h6>
                    <input type="text" name="jarak_ke_sekolah" class="form-control" value="{{ old('jarak_ke_sekolah', $pendaftar->jarak_ke_sekolah ?? ($cat['jarak_ke_sekolah'] ?? '')) }}" />
                </div>
            </div>
        </div>
    </div>

    <div class="card border-0 shadow-sm mt-4">
        <div class="card-header bg-secondary text-white border-bottom">
            <h5 class="card-title mb-0">Keterangan Orang Tua/Wali Siswa</h5>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-12 mb-3">
                    <div class="d-flex gap-2 align-items-start">
                        <div style="flex:1 1 45%;">
                            <h6 class="text-muted mb-2">Nama Ayah</h6>
                            <input type="text" name="nama_ayah" class="form-control" value="{{ old('nama_ayah', $pendaftar->nama_ayah ?? ($cat['nama_ayah'] ?? '')) }}" />
                        </div>
                        <div style="flex:1 1 35%;">
                            <h6 class="text-muted mb-2">NIK Ayah</h6>
                            <input type="text" name="nik_ayah" class="form-control" value="{{ old('nik_ayah', $pendaftar->nik_ayah ?? ($cat['nik_ayah'] ?? '')) }}" />
                        </div>
                        <div style="flex:1 1 20%;">
                            <h6 class="text-muted mb-2">Status Ayah</h6>
                            @php $sayah = old('status_ayah', $pendaftar->status_ayah ?? ($cat['status_ayah'] ?? '')); @endphp
                            <select name="status_ayah" class="form-select">
                                <option value="">Pilih</option>
                                <option value="Ayah Kandung" {{ $sayah === 'Ayah Kandung' ? 'selected' : '' }}>Ayah Kandung</option>
                                <option value="Ayah Angkat" {{ $sayah === 'Ayah Angkat' ? 'selected' : '' }}>Ayah Angkat</option>
                                <option value="Wali" {{ $sayah === 'Wali' ? 'selected' : '' }}>Wali</option>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="col-12 mb-3">
                    <div class="d-flex gap-2 align-items-start">
                        <div style="flex:1 1 45%;">
                            <h6 class="text-muted mb-2">Nama Ibu</h6>
                            <input type="text" name="nama_ibu" class="form-control" value="{{ old('nama_ibu', $pendaftar->nama_ibu ?? ($cat['nama_ibu'] ?? '')) }}" />
                        </div>
                        <div style="flex:1 1 35%;">
                            <h6 class="text-muted mb-2">NIK Ibu</h6>
                            <input type="text" name="nik_ibu" class="form-control" value="{{ old('nik_ibu', $pendaftar->nik_ibu ?? ($cat['nik_ibu'] ?? '')) }}" />
                        </div>
                        <div style="flex:1 1 20%;">
                            <h6 class="text-muted mb-2">Status Ibu</h6>
                            @php $sibu = old('status_ibu', $pendaftar->status_ibu ?? ($cat['status_ibu'] ?? '')); @endphp
                            <select name="status_ibu" class="form-select">
                                <option value="">Pilih</option>
                                <option value="Ibu Kandung" {{ $sibu === 'Ibu Kandung' ? 'selected' : '' }}>Ibu Kandung</option>
                                <option value="Ibu Angkat" {{ $sibu === 'Ibu Angkat' ? 'selected' : '' }}>Ibu Angkat</option>
                                <option value="Wali" {{ $sibu === 'Wali' ? 'selected' : '' }}>Wali</option>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 mb-3">
                    <h6 class="text-muted mb-2">Pendidikan Tertinggi (Ayah)</h6>
                    <input type="text" name="pendidikan_ayah" class="form-control" value="{{ old('pendidikan_ayah', $pendaftar->pendidikan_ayah ?? ($cat['pendidikan_ayah'] ?? '')) }}" />
                </div>
                <div class="col-md-6 mb-3">
                    <h6 class="text-muted mb-2">Pendidikan Tertinggi (Ibu)</h6>
                    <input type="text" name="pendidikan_ibu" class="form-control" value="{{ old('pendidikan_ibu', $pendaftar->pendidikan_ibu ?? ($cat['pendidikan_ibu'] ?? '')) }}" />
                </div>

                <div class="col-md-6 mb-3">
                    <h6 class="text-muted mb-2">Pekerjaan (Ayah)</h6>
                    <select name="pekerjaan_ayah" class="form-select">
                        <option value="">Pilih</option>
                        <option value="PNS" {{ old('pekerjaan_ayah', $pendaftar->pekerjaan_ayah ?? ($cat['pekerjaan_ayah'] ?? '')) === 'PNS' ? 'selected' : '' }}>PNS</option>
                        <option value="TNI/Polri" {{ old('pekerjaan_ayah', $pendaftar->pekerjaan_ayah ?? ($cat['pekerjaan_ayah'] ?? '')) === 'TNI/Polri' ? 'selected' : '' }}>TNI/Polri</option>
                        <option value="Swasta" {{ old('pekerjaan_ayah', $pendaftar->pekerjaan_ayah ?? ($cat['pekerjaan_ayah'] ?? '')) === 'Swasta' ? 'selected' : '' }}>Swasta</option>
                        <option value="Wiraswasta" {{ old('pekerjaan_ayah', $pendaftar->pekerjaan_ayah ?? ($cat['pekerjaan_ayah'] ?? '')) === 'Wiraswasta' ? 'selected' : '' }}>Wiraswasta</option>
                        <option value="Ojek Online/Sopir" {{ old('pekerjaan_ayah', $pendaftar->pekerjaan_ayah ?? ($cat['pekerjaan_ayah'] ?? '')) === 'Ojek Online/Sopir' ? 'selected' : '' }}>Ojek Online/Sopir</option>
                        <option value="Kesehatan (Dokter/Perawat)" {{ old('pekerjaan_ayah', $pendaftar->pekerjaan_ayah ?? ($cat['pekerjaan_ayah'] ?? '')) === 'Kesehatan (Dokter/Perawat)' ? 'selected' : '' }}>Kesehatan (Dokter/Perawat)</option>
                        <option value="Lainnya" {{ old('pekerjaan_ayah', $pendaftar->pekerjaan_ayah ?? ($cat['pekerjaan_ayah'] ?? '')) === 'Lainnya' ? 'selected' : '' }}>Lainnya</option>
                    </select>
                </div>
                <div class="col-md-6 mb-3">
                    <h6 class="text-muted mb-2">Pekerjaan (Ibu)</h6>
                    <input type="text" name="pekerjaan_ibu" class="form-control" value="{{ old('pekerjaan_ibu', $pendaftar->pekerjaan_ibu ?? ($cat['pekerjaan_ibu'] ?? '')) }}" />
                </div>

                <div class="col-md-6 mb-3">
                    <h6 class="text-muted mb-2">Penghasilan (Ayah)</h6>
                    <input type="text" name="penghasilan_ayah" class="form-control" value="{{ old('penghasilan_ayah', $pendaftar->penghasilan_ayah ?? ($cat['penghasilan_ayah'] ?? '')) }}" />
                </div>
                <div class="col-md-6 mb-3">
                    <h6 class="text-muted mb-2">Penghasilan (Ibu)</h6>
                    <input type="text" name="penghasilan_ibu" class="form-control" value="{{ old('penghasilan_ibu', $pendaftar->penghasilan_ibu ?? ($cat['penghasilan_ibu'] ?? '')) }}" />
                </div>
                <div class="col-12 mt-3">
                    <button type="submit" class="btn btn-primary">Simpan Data</button>
                </div>
            </div>
        </div>
    </div>

</form>
<script>
document.addEventListener('DOMContentLoaded', function () {
    var sel = document.getElementById('penerima_kps_select');
    var wrap = document.getElementById('no_reg_kps_wrapper');
    if (!sel || !wrap) return;
    sel.addEventListener('change', function (e) {
        if (e.target.value === '1') {
            wrap.classList.remove('d-none');
        } else {
            wrap.classList.add('d-none');
        }
    });
});
</script>