<?= $this->extend('layouts/main') ?>

<?= $this->section('title') ?>
Tambah Pegawai (Detail)
<?= $this->endSection() ?>

<?= $this->section('page_title') ?>
Input Biodata Pegawai Lengkap
<?= $this->endSection() ?>

<?= $this->section('content') ?>
<div class="row">
    <div class="col-lg-11 mx-auto">
        <form action="<?= base_url('admin/pegawai/processAdd') ?>" method="POST">

            <div class="glass-card mb-4">
                <h5 class="mb-4 text-primary"><i class="bi bi-person-badge me-2"></i> Identitas Utama & Akun</h5>
                <div class="row">
                    <div class="col-md-4 mb-3">
                        <label class="form-label small fw-bold">NIP BARU</label>
                        <input type="text" class="form-control px-4" name="nip_baru" required
                            placeholder="Masukkan NIP Baru">
                    </div>
                    <div class="col-md-4 mb-3">
                        <label class="form-label small fw-bold">NIP LAMA</label>
                        <input type="text" class="form-control px-4" name="nip_lama"
                            placeholder="Masukkan NIP Lama">
                    </div>
                    <div class="col-md-4 mb-3">
                        <label class="form-label small fw-bold">NIK</label>
                        <input type="text" class="form-control px-4" name="nik" placeholder="Sesuai KTP">
                    </div>
                    <div class="col-md-4 mb-3">
                        <label class="form-label small fw-bold">NAMA LENGKAP</label>
                        <input type="text" class="form-control px-4" name="nama" required
                            placeholder="Nama Lengkap">
                    </div>
                    <div class="col-md-4 mb-3">
                        <label class="form-label small fw-bold">GELAR DEPAN</label>
                        <input type="text" class="form-control px-4" name="gelar_depan"
                            placeholder="H. / Dr.">
                    </div>
                    <div class="col-md-4 mb-3">
                        <label class="form-label small fw-bold">GELAR BELAKANG</label>
                        <input type="text" class="form-control px-4" name="gelar_belakang"
                            placeholder="S.Kom / M.Si">
                    </div>
                </div>
            </div>

            <div class="glass-card mb-4">
                <h5 class="mb-4 text-primary"><i class="bi bi-person-vcard me-2"></i> Data Pribadi & Kontak</h5>
                <div class="row">
                    <div class="col-md-4 mb-3">
                        <label class="form-label small fw-bold">TEMPAT LAHIR</label>
                        <input type="text" class="form-control px-4" name="tempat_lahir">
                    </div>
                    <div class="col-md-4 mb-3">
                        <label class="form-label small fw-bold">TANGGAL LAHIR</label>
                        <input type="date" class="form-control px-4" name="tanggal_lahir">
                    </div>
                    <div class="col-md-4 mb-3">
                        <label class="form-label small fw-bold">JENIS KELAMIN</label>
                        <select class="form-select px-4" name="jenis_kelamin">
                            <option value="">Pilih...</option>
                            <option value="LAKI-LAKI">LAKI-LAKI</option>
                            <option value="PEREMPUAN">PEREMPUAN</option>
                        </select>
                    </div>
                    <div class="col-md-4 mb-3">
                        <label class="form-label small fw-bold">AGAMA</label>
                        <input type="text" class="form-control px-4" name="agama"
                            placeholder="ISLAM / KRISTEN / ...">
                    </div>
                    <div class="col-md-4 mb-3">
                        <label class="form-label small fw-bold">STATUS KAWIN</label>
                        <input type="text" class="form-control px-4" name="status_kawin">
                    </div>
                    <div class="col-md-4 mb-3">
                        <label class="form-label small fw-bold">NO HP/WA</label>
                        <input type="text" class="form-control px-4" name="no_hp">
                    </div>
                    <div class="col-md-4 mb-3">
                        <label class="form-label small fw-bold">EMAIL</label>
                        <input type="email" class="form-control px-4" name="email">
                    </div>
                </div>
            </div>

            <div class="glass-card mb-4">
                <h5 class="mb-4 text-primary"><i class="bi bi-briefcase me-2"></i> Status Kepegawaian</h5>
                <div class="row">
                    <div class="col-md-3 mb-3">
                        <label class="form-label small fw-bold">STATUS CPNS/PNS</label>
                        <input type="text" class="form-control px-4" name="status_cpns_pns">
                    </div>
                    <div class="col-md-3 mb-3">
                        <label class="form-label small fw-bold">KARTU ASN VIRTUAL</label>
                        <input type="text" class="form-control px-4" name="kartu_asn_virtual">
                    </div>
                    <div class="col-md-3 mb-3">
                        <label class="form-label small fw-bold">SK CPNS</label>
                        <input type="text" class="form-control px-4" name="nomor_sk_cpns">
                    </div>
                    <div class="col-md-3 mb-3">
                        <label class="form-label small fw-bold">TMT CPNS</label>
                        <input type="date" class="form-control px-4" name="tmt_cpns">
                    </div>
                    <div class="col-md-3 mb-3">
                        <label class="form-label small fw-bold">SK PNS</label>
                        <input type="text" class="form-control px-4" name="nomor_sk_pns">
                    </div>
                    <div class="col-md-3 mb-3">
                        <label class="form-label small fw-bold">TMT PNS</label>
                        <input type="date" class="form-control px-4" name="tmt_pns">
                    </div>
                    <div class="col-md-3 mb-3">
                        <label class="form-label small fw-bold">GOL AWAL</label>
                        <input type="text" class="form-control px-4" name="gol_awal">
                    </div>
                    <div class="col-md-3 mb-3">
                        <label class="form-label small fw-bold">GOL AKHIR</label>
                        <input type="text" class="form-control px-4" name="gol_akhir">
                    </div>
                    <div class="col-md-3 mb-3">
                        <label class="form-label small fw-bold">TMT GOLONGAN</label>
                        <input type="date" class="form-control px-4" name="tmt_golongan">
                    </div>
                </div>
            </div>

            <div class="glass-card mb-4">
                <h5 class="mb-4 text-primary"><i class="bi bi-mortarboard me-2"></i> Pendidikan & Jabatan</h5>
                <div class="row">
                    <!-- Top Row -->
                    <div class="col-md-4 mb-3">
                        <label class="form-label small fw-bold">JENIS JABATAN</label>
                        <select class="form-select px-4" name="jenis_jabatan">
                            <option value="">Pilih...</option>
                            <option value="Jabatan Struktural">Jabatan Struktural</option>
                            <option value="Jabatan Fungsional">Jabatan Fungsional</option>
                            <option value="Jabatan Fungsional Umum/Pelaksana">Jabatan Fungsional Umum/Pelaksana</option>
                        </select>
                    </div>
                    <div class="col-md-4 mb-3">
                        <label class="form-label small fw-bold">JABATAN SEKARANG</label>
                        <input type="text" class="form-control px-4" name="jabatan"
                            placeholder="Kepala Sub Bagian...">
                    </div>
                    <div class="col-md-4 mb-3">
                        <label class="form-label small fw-bold">PENDIDIKAN</label>
                        <input type="text" class="form-control px-4" name="pendidikan"
                            placeholder="S-1 MANAJEMEN">
                    </div>

                    <!-- Row 2: Info Jabatan & Pendidikan -->
                    <div class="col-md-4 mb-3">
                        <label class="form-label small fw-bold">TMT JABATAN</label>
                        <input type="date" class="form-control px-4" name="tmt_jabatan">
                    </div>
                    <div class="col-md-4 mb-3">
                        <label class="form-label small fw-bold">TINGKAT PENDIDIKAN</label>
                        <input type="text" class="form-control px-4" name="tingkat_pendidikan">
                    </div>
                    <div class="col-md-4 mb-3">
                        <label class="form-label small fw-bold">TAHUN LULUS</label>
                        <input type="number" class="form-control px-4" name="tahun_lulus">
                    </div>

                    <!-- Row 3: Instansi & Unit Kerja (Bottom) -->
                    <div class="col-md-6 mb-3">
                        <label class="form-label small fw-bold">INSTANSI / UNOR</label>
                        <input type="text" class="form-control px-4" name="unor"
                            placeholder="SUB BAGIAN UMUM...">
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label small fw-bold">UNIT KERJA INDUK</label>
                        <input type="text" class="form-control px-4" name="unit_kerja_induk"
                            placeholder="Unit Kerja Induk">
                    </div>
                </div>
            </div>

            <div class="text-end mb-5">
                <button type="submit" class="btn btn-primary rounded-pill px-5 shadow py-3 fw-bold">SIMPAN DATA PEGAWAI
                    LENGKAP</button>
            </div>
        </form>
    </div>
</div>
<?= $this->endSection() ?>