{{-- resources/views/admin/data-guru/edit_keluarga.blade.php --}}
<div class="tab-pane fade" id="keluarga" role="tabpanel">
    <div class="row px-md-3">
        <h6 class="fw-bold mb-3 text-primary border-bottom pb-2">Kependudukan Administratif</h6>
        
        <div class="row mb-4">
            <div class="col-md-4">
                <label class="form-label fw-medium">NIK (KTP)</label>
                <input type="text" inputmode="numeric" name="nik" class="form-control" value="{{ old('nik', $guru->nik) }}" placeholder="16 Digit Angka NIK">
            </div>
            <div class="col-md-4 mt-3 mt-md-0">
                <label class="form-label fw-medium">Nomor Kartu Keluarga (KK)</label>
                <input type="text" inputmode="numeric" name="no_kk" class="form-control" value="{{ old('no_kk', $guru->no_kk) }}" placeholder="16 Digit Angka No. KK">
            </div>
            <div class="col-md-4 mt-3 mt-md-0">
                <label class="form-label fw-medium">Kewarganegaraan</label>
                <input type="text" name="kewarganegaraan" class="form-control" value="{{ old('kewarganegaraan', $guru->kewarganegaraan) }}" placeholder="Contoh: Indonesia">
            </div>
        </div>

        <h6 class="fw-bold mb-3 text-primary border-bottom pb-2 mt-2">Profil Keluarga (Opsional)</h6>
        
        <div class="row mb-3">
            <div class="col-md-6">
                <label class="form-label fw-medium">Nama Ibu Kandung</label>
                <input type="text" name="nama_ibu_kandung" class="form-control" value="{{ old('nama_ibu_kandung', $guru->nama_ibu_kandung) }}" placeholder="Nama asli ibu kandung">
            </div>
            <div class="col-md-6 mt-3 mt-md-0">
                <label class="form-label fw-medium">Status Perkawinan</label>
                <select name="status_perkawinan" class="form-select">
                    <option value="">-- Pilih Status --</option>
                    <option value="Belum Kawin" {{ old('status_perkawinan', $guru->status_perkawinan) == 'Belum Kawin' ? 'selected' : '' }}>Belum Kawin</option>
                    <option value="Kawin" {{ old('status_perkawinan', $guru->status_perkawinan) == 'Kawin' ? 'selected' : '' }}>Kawin</option>
                    <option value="Janda/Duda" {{ old('status_perkawinan', $guru->status_perkawinan) == 'Janda/Duda' ? 'selected' : '' }}>Janda/Duda</option>
                </select>
            </div>
        </div>

        <div class="p-3 bg-light rounded border border-secondary" style="--bs-border-opacity: .2;">
            <h6 class="fw-bold mb-3 text-secondary border-bottom pb-2 d-inline-block">Data Pasangan (Suami/Istri)</h6>
            <div class="row">
                <div class="col-md-4">
                    <label class="form-label fw-medium">Nama Lengkap Pasangan</label>
                    <input type="text" name="nama_suami_istri" class="form-control" value="{{ old('nama_suami_istri', $guru->nama_suami_istri) }}">
                </div>
                <div class="col-md-4 mt-3 mt-md-0">
                    <label class="form-label fw-medium">NIP Pasangan</label>
                    <input type="text" name="nip_suami_istri" class="form-control" value="{{ old('nip_suami_istri', $guru->nip_suami_istri) }}" placeholder="Jika PNS/PPPK">
                </div>
                <div class="col-md-4 mt-3 mt-md-0">
                    <label class="form-label fw-medium">Pekerjaan Pasangan</label>
                    <input type="text" name="pekerjaan_suami_istri" class="form-control" value="{{ old('pekerjaan_suami_istri', $guru->pekerjaan_suami_istri) }}">
                </div>
            </div>
            <div class="form-text mt-3 mb-0" style="font-size: 12px;"><i class="bi bi-info-circle me-1"></i> Data pasangan hanya diisi jika status perkawinan adalah 'Kawin'.</div>
        </div>
        
    </div>
</div>