@php($sk = $sk ?? new \App\Models\Sk())

<div class="row">
    <div class="col-md-6">
        <div class="card card-primary">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-user mr-1"></i> Data Pejabat</h3></div>
            <div class="card-body">
                <div class="form-group">
                    <label>Jenis Jabatan Fungsional <span class="text-danger">*</span></label>
                    <select name="jenis" id="jenis" class="form-control @error('jenis') is-invalid @enderror" required>
                        <option value="">-- Pilih Jenis --</option>
                        <option value="asisten_ahli" @selected(old('jenis', $sk->jenis) === 'asisten_ahli')>Asisten Ahli (Pengangkatan)</option>
                        <option value="lektor" @selected(old('jenis', $sk->jenis) === 'lektor')>Lektor (Kenaikan Jabatan)</option>
                    </select>
                    @error('jenis')<span class="invalid-feedback">{{ $message }}</span>@enderror
                </div>
                <div class="form-group field-lektor">
                    <label>Kelas Jabatan Lektor <span class="badge badge-success">Lektor</span></label>
                    <select name="kelas" id="kelas" class="form-control @error('kelas') is-invalid @enderror">
                        <option value="">-- Pilih Kelas --</option>
                        <option value="200" @selected(old('kelas', $sk->kelas) === '200')>Lektor 200</option>
                        <option value="300" @selected(old('kelas', $sk->kelas) === '300')>Lektor 300</option>
                    </select>
                    @error('kelas')<span class="invalid-feedback">{{ $message }}</span>@enderror
                </div>
                <div class="form-group">
                    <label>Nomor SK <small class="text-muted">(diisi manual)</small></label>
                    <input type="text" name="nomor_sk" class="form-control @error('nomor_sk') is-invalid @enderror" value="{{ old('nomor_sk', $sk->nomor_sk) }}" placeholder="Contoh: 859/B/IX/2026">
                    @error('nomor_sk')<span class="invalid-feedback">{{ $message }}</span>@enderror
                </div>
                <div class="form-group">
                    <label>Nama Lengkap &amp; Gelar <span class="text-danger">*</span></label>
                    <input type="text" name="nama_gelar" class="form-control @error('nama_gelar') is-invalid @enderror" value="{{ old('nama_gelar', $sk->nama_gelar) }}" placeholder="Contoh: IGN PRICHER A. N. SAMANE, S.E., M.M." required>
                    @error('nama_gelar')<span class="invalid-feedback">{{ $message }}</span>@enderror
                </div>
                <div class="form-group">
                    <label>NUPTK</label>
                    <input type="text" name="nuptk" class="form-control @error('nuptk') is-invalid @enderror" value="{{ old('nuptk', $sk->nuptk) }}" placeholder="Contoh: 7250759660130163">
                    @error('nuptk')<span class="invalid-feedback">{{ $message }}</span>@enderror
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Tempat Lahir</label>
                            <input type="text" name="tempat_lahir" class="form-control @error('tempat_lahir') is-invalid @enderror" value="{{ old('tempat_lahir', $sk->tempat_lahir) }}" placeholder="Contoh: Yogyakarta">
                            @error('tempat_lahir')<span class="invalid-feedback">{{ $message }}</span>@enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Tanggal Lahir</label>
                            @include('sk._date-selects', ['field' => 'tanggal_lahir', 'date' => $sk->tanggal_lahir, 'startYear' => 1945, 'endYear' => (int) date('Y') - 15])
                            @error('tanggal_lahir')<span class="invalid-feedback">{{ $message }}</span>@enderror
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Pendidikan Terakhir</label>
                            <input type="text" name="pendidikan_terakhir" class="form-control @error('pendidikan_terakhir') is-invalid @enderror" value="{{ old('pendidikan_terakhir', $sk->pendidikan_terakhir ?? 'S2') }}">
                            @error('pendidikan_terakhir')<span class="invalid-feedback">{{ $message }}</span>@enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Angka Kredit</label>
                            <input type="number" step="0.01" min="0" name="angka_kredit" class="form-control @error('angka_kredit') is-invalid @enderror" value="{{ old('angka_kredit', $sk->angka_kredit) }}" placeholder="Contoh: 162.50">
                            @error('angka_kredit')<span class="invalid-feedback">{{ $message }}</span>@enderror
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label>Bidang Ilmu</label>
                    <input type="text" name="bidang_ilmu" class="form-control @error('bidang_ilmu') is-invalid @enderror" value="{{ old('bidang_ilmu', $sk->bidang_ilmu) }}" placeholder="Contoh: UI/UX and Digital Commerce">
                    @error('bidang_ilmu')<span class="invalid-feedback">{{ $message }}</span>@enderror
                </div>
            </div>
        </div>

        <div class="card card-info">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-university mr-1"></i> Data Institusi</h3></div>
            <div class="card-body">
                <div class="form-group">
                    <label>Nama Kampus / Unit Kerja <span class="text-danger">*</span></label>
                    <input type="text" name="unit_kerja" class="form-control @error('unit_kerja') is-invalid @enderror" value="{{ old('unit_kerja', $sk->unit_kerja) }}" placeholder="Contoh: Universitas Katolik Widya Mandira Kupang" required>
                    @error('unit_kerja')<span class="invalid-feedback">{{ $message }}</span>@enderror
                </div>
                <div class="form-group">
                    <label>Nama Yayasan / Penyelenggara PTS</label>
                    <input type="text" name="penyelenggara_pts" class="form-control @error('penyelenggara_pts') is-invalid @enderror" value="{{ old('penyelenggara_pts', $sk->penyelenggara_pts) }}" placeholder="Contoh: Badan Pembina Harian">
                    @error('penyelenggara_pts')<span class="invalid-feedback">{{ $message }}</span>@enderror
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-6">
        <div class="card card-success">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-calendar-check mr-1"></i> Data Penetapan</h3></div>
            <div class="card-body">
                <div class="form-group">
                    <label>TMT (Terhitung Mulai Tanggal) <span class="text-danger">*</span></label>
                    @include('sk._date-selects', ['field' => 'tmt', 'date' => $sk->tmt, 'required' => true])
                    @error('tmt')<span class="invalid-feedback">{{ $message }}</span>@enderror
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Tanggal Ditetapkan <small class="text-muted">(teks bebas)</small></label>
                            <input type="text" name="tanggal_ditetapkan" class="form-control @error('tanggal_ditetapkan') is-invalid @enderror" value="{{ old('tanggal_ditetapkan', $sk->tanggal_ditetapkan) }}" placeholder="Contoh: 14 Oktober 2026">
                            @error('tanggal_ditetapkan')<span class="invalid-feedback">{{ $message }}</span>@enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Tempat Ditetapkan</label>
                            <input type="text" name="tempat_ditetapkan" class="form-control @error('tempat_ditetapkan') is-invalid @enderror" value="{{ old('tempat_ditetapkan', $sk->tempat_ditetapkan ?? 'Kupang') }}">
                            @error('tempat_ditetapkan')<span class="invalid-feedback">{{ $message }}</span>@enderror
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card card-warning">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-file-alt mr-1"></i> Data Pendukung SK</h3></div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-7">
                        <div class="form-group">
                            <label>Nomor PAK (Penetapan Angka Kredit)</label>
                            <input type="text" name="nomor_pak" class="form-control @error('nomor_pak') is-invalid @enderror" value="{{ old('nomor_pak', $sk->nomor_pak) }}" placeholder="Contoh: 690/B/IX/2026">
                            @error('nomor_pak')<span class="invalid-feedback">{{ $message }}</span>@enderror
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="form-group">
                            <label>Tanggal PAK</label>
                            @include('sk._date-selects', ['field' => 'tanggal_pak', 'date' => $sk->tanggal_pak])
                            @error('tanggal_pak')<span class="invalid-feedback">{{ $message }}</span>@enderror
                        </div>
                    </div>
                </div>
                <div class="form-group field-lektor">
                    <label>Nomor Sertifikat Uji Kompetensi <span class="badge badge-success">Lektor</span></label>
                    <input type="text" name="nomor_sertifikat" class="form-control @error('nomor_sertifikat') is-invalid @enderror" value="{{ old('nomor_sertifikat', $sk->nomor_sertifikat) }}" placeholder="Contoh: Manual.2030/LL15/IX/2026 Tanggal 28 September 2026">
                    @error('nomor_sertifikat')<span class="invalid-feedback">{{ $message }}</span>@enderror
                </div>
                <div class="row">
                    <div class="col-md-7">
                        <div class="form-group">
                            <label>Nomor Surat Usulan (Rektor/Ketua)</label>
                            <input type="text" name="nomor_surat_usulan" class="form-control @error('nomor_surat_usulan') is-invalid @enderror" value="{{ old('nomor_surat_usulan', $sk->nomor_surat_usulan) }}" placeholder="Contoh: 50/WM.H/C/VIII/2026">
                            @error('nomor_surat_usulan')<span class="invalid-feedback">{{ $message }}</span>@enderror
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="form-group">
                            <label>Tanggal Surat Usulan</label>
                            @include('sk._date-selects', ['field' => 'tanggal_surat_usulan', 'date' => $sk->tanggal_surat_usulan])
                            @error('tanggal_surat_usulan')<span class="invalid-feedback">{{ $message }}</span>@enderror
                        </div>
                    </div>
                </div>
                <div class="form-group field-lektor">
                    <label>Nomor SK Lama (yang dibatalkan) <span class="badge badge-success">Lektor</span></label>
                    <input type="text" name="nomor_sk_lama" class="form-control @error('nomor_sk_lama') is-invalid @enderror" value="{{ old('nomor_sk_lama', $sk->nomor_sk_lama) }}" placeholder="Contoh: 816/B/IX/2026">
                    @error('nomor_sk_lama')<span class="invalid-feedback">{{ $message }}</span>@enderror
                </div>
                <div class="form-group mb-0">
                    <label>Tembusan <small class="text-muted">(diisi manual, satu baris per tujuan)</small></label>
                    <textarea name="tembusan" rows="3" class="form-control @error('tembusan') is-invalid @enderror" placeholder="Contoh:&#10;1. Rektor Universitas Katolik Widya Mandira Kupang;&#10;2. Arsip.">{{ old('tembusan', $sk->tembusan) }}</textarea>
                    @error('tembusan')<span class="invalid-feedback">{{ $message }}</span>@enderror
                </div>
            </div>
        </div>

        <div class="card card-secondary">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-pen-fancy mr-1"></i> Penandatangan <small>(diisi manual)</small></h3></div>
            <div class="card-body">
                <div class="form-group">
                    <label>Jabatan Penandatangan</label>
                    <input type="text" name="penandatangan_jabatan" class="form-control @error('penandatangan_jabatan') is-invalid @enderror" value="{{ old('penandatangan_jabatan', $sk->penandatangan_jabatan ?? 'Kepala,') }}" placeholder="Contoh: Kepala, / Pejabat Penilai Kinerja,">
                    @error('penandatangan_jabatan')<span class="invalid-feedback">{{ $message }}</span>@enderror
                </div>
                <div class="form-group">
                    <label>Nama Penandatangan</label>
                    <input type="text" name="penandatangan_nama" class="form-control @error('penandatangan_nama') is-invalid @enderror" value="{{ old('penandatangan_nama', $sk->penandatangan_nama ?? 'Adrianus Amheka') }}">
                    @error('penandatangan_nama')<span class="invalid-feedback">{{ $message }}</span>@enderror
                </div>
                <div class="form-group mb-0">
                    <label>NIP Penandatangan</label>
                    <input type="text" name="penandatangan_nip" class="form-control @error('penandatangan_nip') is-invalid @enderror" value="{{ old('penandatangan_nip', $sk->penandatangan_nip ?? '198004152005011001') }}">
                    @error('penandatangan_nip')<span class="invalid-feedback">{{ $message }}</span>@enderror
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        var jenis = document.getElementById('jenis');
        var kelas = document.getElementById('kelas');

        function toggleLektor() {
            var isLektor = jenis.value === 'lektor';
            document.querySelectorAll('.field-lektor').forEach(function (el) {
                el.style.display = isLektor ? '' : 'none';
            });
            if (!isLektor && kelas) kelas.value = '';
        }

        jenis.addEventListener('change', toggleLektor);
        toggleLektor();
    });
</script>