{{-- resources/views/admin/siswa/edit-identitas.blade.php --}}

@php
    $waliKelasNama = '';
    
    if ($siswa->kelas_id) {
        $taAktifTbl = \App\Models\TahunAjaran::where('status_akademik', 'aktif')->first();
        $semesterAktifTbl = \App\Models\Semester::where('is_active', true)->first();

        if ($taAktifTbl && $semesterAktifTbl) {
            $detailId = null; 

            if($siswa->kelas && $siswa->kelas->details->isNotEmpty()) {
                foreach($siswa->kelas->details as $dtl) {
                    if($dtl->gender) {
                        $valDB = 'L';
                        $lower = strtolower($dtl->gender->nama_gender);
                        if (str_contains($lower, 'perempuan') || str_contains($lower, 'wanita') || str_contains($lower, 'putri') || str_contains($lower, 'banat') || $lower === 'p') {
                            $valDB = 'P';
                        }
                        
                        if($valDB == $siswa->jenis_kelamin) {
                            $detailId = $dtl->id;
                            break;
                        }
                    }
                }
            }

            $waliKelasRecord = \App\Models\WaliKelas::with('guru')
                ->where('kelas_id', $siswa->kelas_id)
                ->where('kelas_detail_id', $detailId)
                ->where('tahun_ajaran_id', $taAktifTbl->id)
                ->where('semester_id', $semesterAktifTbl->id)
                ->first();

            if ($waliKelasRecord && $waliKelasRecord->guru) {
                $waliKelasNama = $waliKelasRecord->guru->nama_lengkap;
            } else {
                $waliKelasNama = 'Belum diatur';
            }
        }
    }
@endphp

<div class="tab-pane fade show active" id="identitas">
    <div class="row mb-2">
        <div class="col-12 mb-4">
            <div class="p-4 bg-light rounded border mb-4">
                <h6 class="fw-bold mb-3 text-success border-bottom border-success pb-2 d-inline-block">Penempatan Ruang Kelas</h6>
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label class="form-label fw-medium">1. Jenjang Pendidikan <span class="text-danger">*</span></label>
                        <select id="jenjang_select" class="form-select" required>
                            <option value="">-- Pilih Jenjang --</option>
                        </select>
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label fw-medium">2. Tingkat Kelas <span class="text-danger">*</span></label>
                        <select id="tingkat_select" class="form-select" required disabled>
                            <option value="">-- Pilih Tingkat --</option>
                        </select>
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label fw-medium">3. Ruang Kelas <span class="text-danger">*</span></label>
                        <select id="kelas_select" name="kelas_id" class="form-select" required disabled>
                            <option value="">-- Pilih Ruang Kelas --</option>
                        </select>
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label fw-medium">4. Gender Kelas</label>
                        <select id="gender_kelas_select" class="form-select border-success" disabled>
                            <option value="">-- Otomatis --</option>
                        </select>
                        <div class="form-text" style="font-size: 12px;">Kategori ruang / slot kelas.</div>
                    </div>
                    
                    <div class="col-md-12 mt-1">
                        <label class="form-label fw-medium">5. Wali Kelas</label>
                        <div class="input-group shadow-sm">
                            <span class="input-group-text bg-success bg-opacity-10 text-success border-success">
                                <i class="bi bi-person-check-fill"></i>
                            </span>
                            <input type="text" id="wali_kelas_input" class="form-control bg-light fw-bold text-dark border-success" readonly placeholder="Otomatis menyesuaikan dengan kelas dan gender yang dipilih..." value="{{ $waliKelasNama }}">
                        </div>
                        <div class="form-text" style="font-size: 12px;">Wali kelas ditarik secara otomatis berdasarkan data Manajemen Wali Kelas.</div>
                    </div>
                </div>
            </div>

            <div class="p-4 bg-light rounded border border-primary" style="--bs-border-opacity: .2;">
                <h6 class="fw-bold mb-3 text-primary border-bottom border-primary pb-2 d-inline-block">Periode Masa Registrasi Masuk Madrasah</h6>
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label class="form-label fw-medium">1. Tahun PPDB / Terdaftar <span class="text-danger">*</span></label>
                        <select id="tahun_ppdb_select" class="form-select" required>
                            <option value="">-- Pilih Tahun Registrasi --</option>
                        </select>
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label fw-medium">2. Tahun Ajaran Aktif <span class="text-danger">*</span></label>
                        <select id="tahun_ajaran_select" name="tahun_ajaran_id" class="form-select" required disabled>
                            <option value="">-- Pilih Tahun Ajaran --</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-12 px-md-3">
            <h6 class="fw-bold mb-3 text-primary border-bottom pb-2">Identitas Dasar & Akademik</h6>
            <div class="row mb-3">
                <div class="col-12">
                    <label class="form-label fw-medium text-primary fw-bold">NIS Lokal (Nomor Induk Siswa) <span class="text-danger">*</span></label>
                    <input type="text" id="nis_input" name="nis" class="form-control fw-bold text-primary bg-white border-primary" readonly value="{{ old('nis', $siswa->nis) }}" placeholder="Otomatis Terisi (Contoh: 4744801001)">
                    <div class="form-text text-muted" style="font-size: 12px;">Dihasilkan otomatis sistem berdasarkan kombinasi pilihan Tahun PPDB dan Jenjang Pendidikan.</div>
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-12">
                    <label class="form-label fw-medium">Nama Lengkap <span class="text-danger">*</span></label>
                    <input type="text" name="nama_lengkap" class="form-control" required value="{{ old('nama_lengkap', $siswa->nama_lengkap) }}" placeholder="Sesuai Akta Kelahiran / Ijazah">
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-md-6">
                    <label class="form-label fw-medium">Tempat Lahir</label>
                    <input type="text" name="tempat_lahir" class="form-control" value="{{ old('tempat_lahir', $siswa->tempat_lahir) }}" placeholder="Contoh: Cirebon">
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-medium">Tanggal Lahir</label>
                    <input type="date" name="tanggal_lahir" class="form-control" value="{{ old('tanggal_lahir', $siswa->tanggal_lahir) }}">
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-md-6">
                    <label class="form-label fw-medium">Gender <span class="text-danger">*</span></label>
                    <select id="biodata_gender_select" name="jenis_kelamin" class="form-select" required>
                        <option value="">-- Pilih Gender --</option>
                        @foreach($genders as $gender)
                            @php
                                $valDB = 'L';
                                $lowerGender = strtolower($gender->nama_gender);
                                if (str_contains($lowerGender, 'perempuan') || str_contains($lowerGender, 'wanita') || str_contains($lowerGender, 'putri') || str_contains($lowerGender, 'banat') || $lowerGender === 'p') {
                                    $valDB = 'P';
                                }
                            @endphp
                            <option value="{{ $valDB }}" {{ old('jenis_kelamin', $siswa->jenis_kelamin) == $valDB ? 'selected' : '' }}>
                                {{ $gender->nama_gender }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-medium">Agama</label>
                    <input type="text" name="agama" class="form-control bg-light" value="{{ old('agama', $siswa->agama ?? 'Islam') }}" readonly>
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-md-6">
                    <label class="form-label fw-medium">Jenis Pendaftaran</label>
                    <select name="jenis_pendaftaran" class="form-select">
                        <option value="Baru" {{ old('jenis_pendaftaran', $siswa->jenis_pendaftaran) == 'Baru' ? 'selected' : '' }}>Siswa Baru</option>
                        <option value="Pindahan" {{ old('jenis_pendaftaran', $siswa->jenis_pendaftaran) == 'Pindahan' ? 'selected' : '' }}>Pindahan</option>
                    </select>
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-medium">NISN</label>
                    <input type="text" inputmode="numeric" name="nisn" class="form-control" value="{{ old('nisn', $siswa->nisn) }}" placeholder="10 Digit Nomor Induk Nasional">
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-md-6">
                    <label class="form-label fw-medium">Asal Sekolah</label>
                    <input type="text" name="asal_sekolah" class="form-control" value="{{ old('asal_sekolah', $siswa->asal_sekolah) }}" placeholder="Contoh: SMPN 1 Kuningan">
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-medium">No. Seri Ijazah (Asal Sekolah)</label>
                    <input type="text" name="no_seri_ijazah" class="form-control" value="{{ old('no_seri_ijazah', $siswa->no_seri_ijazah) }}" placeholder="Nomor Seri Ijazah">
                </div>
            </div>

            <h6 class="fw-bold mb-3 mt-5 text-warning border-bottom pb-2 border-warning"><i class="bi bi-shield-lock-fill me-2"></i>Kredensial Login Akun Siswa (Opsional)</h6>
            <div class="row mb-4 bg-warning bg-opacity-10 p-3 rounded-3 border border-warning border-opacity-25">
                <div class="col-md-6 mb-3 mb-md-0">
                    <label class="form-label fw-medium">Perbarui Password Baru</label>
                    <div class="input-group">
                        <input type="password" name="password" id="input_password_baru" class="form-control" placeholder="Minimal 8 karakter...">
                        <button class="btn btn-outline-secondary btn-toggle-password" type="button" data-target="#input_password_baru">
                            <i class="bi bi-eye"></i>
                        </button>
                    </div>
                    <div class="form-text" style="font-size: 11px;">Abaikan kolom ini jika tidak ingin mereset/mengganti password saat ini.</div>
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-medium">Ketik Ulang Password Baru</label>
                    <div class="input-group">
                        <input type="password" name="password_confirmation" id="input_password_konfirmasi" class="form-control" placeholder="Ketik ulang password baru...">
                        <button class="btn btn-outline-secondary btn-toggle-password" type="button" data-target="#input_password_konfirmasi">
                            <i class="bi bi-eye"></i>
                        </button>
                    </div>
                </div>
            </div>

            <hr class="my-4">
            
            <h6 class="fw-bold mb-3 text-primary border-bottom pb-2">Kependudukan & Pribadi</h6>
            <div class="row mb-3">
                <div class="col-md-6">
                    <label class="form-label fw-medium">NIK Siswa</label>
                    <input type="text" inputmode="numeric" name="nik" class="form-control" value="{{ old('nik', $siswa->nik) }}" placeholder="16 Digit Angka pada KK">
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-medium">No. Registrasi Akta Lahir</label>
                    <input type="text" name="no_reg_akta_lahir" class="form-control" value="{{ old('no_reg_akta_lahir', $siswa->no_reg_akta_lahir) }}" placeholder="Contoh: REG.5021/DISDUK/2018">
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-md-4">
                    <label class="form-label fw-medium">Status Anak</label>
                    <select name="status_keluarga" class="form-select">
                        <option value="">-- Pilih --</option>
                        <option value="Anak Kandung" {{ old('status_keluarga', $siswa->status_keluarga) == 'Anak Kandung' ? 'selected' : '' }}>Anak Kandung</option>
                        <option value="Anak Tiri" {{ old('status_keluarga', $siswa->status_keluarga) == 'Anak Tiri' ? 'selected' : '' }}>Anak Tiri</option>
                        <option value="Anak Angkat" {{ old('status_keluarga', $siswa->status_keluarga) == 'Anak Angkat' ? 'selected' : '' }}>Anak Angkat</option>
                    </select>
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-medium">Anak Ke-</label>
                    <input type="number" name="anak_ke" class="form-control" value="{{ old('anak_ke', $siswa->anak_ke) }}" min="1">
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-medium">Jml. Saudara Kandung</label>
                    <input type="number" name="jumlah_saudara_kandung" class="form-control" value="{{ old('jumlah_saudara_kandung', $siswa->jumlah_saudara_kandung) }}" min="0">
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-md-4">
                    <label class="form-label fw-medium">Hobi</label>
                    <input type="text" name="hobi" class="form-control" value="{{ old('hobi', $siswa->hobi) }}" placeholder="Contoh: Membaca, Olahraga">
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-medium">Cita-Cita</label>
                    <input type="text" name="cita_cita" class="form-control" value="{{ old('cita_cita', $siswa->cita_cita) }}" placeholder="Contoh: Dokter, Guru">
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-medium">No. HP / WA Siswa</label>
                    <input type="text" name="no_hp" class="form-control" value="{{ old('no_hp', $siswa->no_hp) }}" placeholder="Nomor aktif siswa">
                </div>
            </div>

        </div>
    </div>
</div>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        const togglePasswordBtns = document.querySelectorAll('.btn-toggle-password');
        
        togglePasswordBtns.forEach(btn => {
            btn.addEventListener('click', function() {
                const targetSelector = this.getAttribute('data-target');
                const passwordInput = document.querySelector(targetSelector);
                const icon = this.querySelector('i');
                
                if (passwordInput.type === 'password') {
                    passwordInput.type = 'text';
                    icon.classList.remove('bi-eye');
                    icon.classList.add('bi-eye-slash');
                } else {
                    passwordInput.type = 'password';
                    icon.classList.remove('bi-eye-slash');
                    icon.classList.add('bi-eye');
                }
            });
        });
    });
</script>