@extends('layouts.app')

@section('title', 'Tambah Pegawai')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2><i class="bi bi-person-plus"></i> Tambah Pegawai</h2>
    <a href="{{ route('pegawai.index') }}" class="btn btn-secondary">
        <i class="bi bi-arrow-left"></i> Kembali
    </a>
</div>

<div class="card">
    <div class="card-body">
        <form method="POST" action="{{ route('pegawai.store') }}" enctype="multipart/form-data">
            @csrf
            
            <!-- Tabs Navigation -->
            <ul class="nav nav-tabs mb-4" id="pegawaiTabs" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="identitas-tab" data-bs-toggle="tab" data-bs-target="#identitas" type="button" role="tab">
                        <i class="bi bi-person"></i> Data Identitas
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="alamat-tab" data-bs-toggle="tab" data-bs-target="#alamat" type="button" role="tab">
                        <i class="bi bi-geo-alt"></i> Data Alamat
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="kepegawaian-tab" data-bs-toggle="tab" data-bs-target="#kepegawaian" type="button" role="tab">
                        <i class="bi bi-briefcase"></i> Data Kepegawaian
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="pendidikan-tab" data-bs-toggle="tab" data-bs-target="#pendidikan" type="button" role="tab">
                        <i class="bi bi-mortarboard"></i> Data Pendidikan
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="legalitas-tab" data-bs-toggle="tab" data-bs-target="#legalitas" type="button" role="tab">
                        <i class="bi bi-file-earmark-medical"></i> Legalitas Tenaga Kesehatan
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="penugasan-tab" data-bs-toggle="tab" data-bs-target="#penugasan" type="button" role="tab">
                        <i class="bi bi-calendar-check"></i> Penjadwalan & Penugasan
                    </button>
                </li>
            </ul>

            <!-- Tabs Content -->
            <div class="tab-content" id="pegawaiTabsContent">
                <!-- Tab 1: Data Identitas -->
                <div class="tab-pane fade show active" id="identitas" role="tabpanel">
                    <h5 class="mb-3 text-primary">Data Identitas Diri</h5>
            
            <div class="row">
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="nip" class="form-label">NIP <span class="text-danger">*</span></label>
                        <input type="text" class="form-control @error('nip') is-invalid @enderror" 
                               id="nip" name="nip" value="{{ old('nip') }}" required>
                        @error('nip')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="nama_lengkap" class="form-label">Nama Lengkap <span class="text-danger">*</span></label>
                        <input type="text" class="form-control @error('nama_lengkap') is-invalid @enderror" 
                               id="nama_lengkap" name="nama_lengkap" value="{{ old('nama_lengkap') }}" required>
                        @error('nama_lengkap')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>

            <div class="row">
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="gelar_depan" class="form-label">Gelar Depan</label>
                                <input type="text" class="form-control @error('gelar_depan') is-invalid @enderror" 
                                       id="gelar_depan" name="gelar_depan" value="{{ old('gelar_depan') }}" 
                                       placeholder="Contoh: Dr., Prof., dll">
                                @error('gelar_depan')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="gelar_belakang" class="form-label">Gelar Belakang</label>
                                <input type="text" class="form-control @error('gelar_belakang') is-invalid @enderror" 
                                       id="gelar_belakang" name="gelar_belakang" value="{{ old('gelar_belakang') }}" 
                                       placeholder="Contoh: S.Ked, S.KM, dll">
                                @error('gelar_belakang')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="foto_profil" class="form-label">Foto Profil</label>
                                <input type="file" class="form-control @error('foto_profil') is-invalid @enderror" 
                                       id="foto_profil" name="foto_profil" accept="image/jpeg,image/png,image/jpg">
                                <small class="form-text text-muted">Format: JPG/PNG, Maksimal 2MB</small>
                                @error('foto_profil')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="tempat_lahir" class="form-label">Tempat Lahir</label>
                                <input type="text" class="form-control @error('tempat_lahir') is-invalid @enderror" 
                                       id="tempat_lahir" name="tempat_lahir" value="{{ old('tempat_lahir') }}">
                                @error('tempat_lahir')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                <div class="col-md-6">
                            <div class="mb-3">
                                <label for="tanggal_lahir" class="form-label">Tanggal Lahir</label>
                                <input type="date" class="form-control @error('tanggal_lahir') is-invalid @enderror" 
                                       id="tanggal_lahir" name="tanggal_lahir" value="{{ old('tanggal_lahir') }}">
                                @error('tanggal_lahir')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-4">
                    <div class="mb-3">
                        <label for="jenis_kelamin" class="form-label">Jenis Kelamin <span class="text-danger">*</span></label>
                        <select class="form-select @error('jenis_kelamin') is-invalid @enderror" 
                                id="jenis_kelamin" name="jenis_kelamin" required>
                            <option value="">Pilih</option>
                            <option value="L" {{ old('jenis_kelamin') == 'L' ? 'selected' : '' }}>Laki-laki</option>
                            <option value="P" {{ old('jenis_kelamin') == 'P' ? 'selected' : '' }}>Perempuan</option>
                        </select>
                        @error('jenis_kelamin')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="agama" class="form-label">Agama</label>
                                <input type="text" class="form-control @error('agama') is-invalid @enderror" 
                                       id="agama" name="agama" value="{{ old('agama') }}" 
                                       placeholder="Contoh: Islam, Kristen, Katolik, dll">
                                @error('agama')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                    <div class="mb-3">
                                <label for="status_perkawinan" class="form-label">Status Perkawinan</label>
                                <select class="form-select @error('status_perkawinan') is-invalid @enderror" 
                                        id="status_perkawinan" name="status_perkawinan">
                                    <option value="">Pilih</option>
                                    <option value="Belum Menikah" {{ old('status_perkawinan') == 'Belum Menikah' ? 'selected' : '' }}>Belum Menikah</option>
                                    <option value="Menikah" {{ old('status_perkawinan') == 'Menikah' ? 'selected' : '' }}>Menikah</option>
                                    <option value="Cerai Hidup" {{ old('status_perkawinan') == 'Cerai Hidup' ? 'selected' : '' }}>Cerai Hidup</option>
                                    <option value="Cerai Mati" {{ old('status_perkawinan') == 'Cerai Mati' ? 'selected' : '' }}>Cerai Mati</option>
                                </select>
                                @error('status_perkawinan')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <div class="mb-3">
                                <label for="no_telepon" class="form-label">No. Telepon</label>
                                <input type="text" class="form-control @error('no_telepon') is-invalid @enderror" 
                                       id="no_telepon" name="no_telepon" value="{{ old('no_telepon') }}" 
                                       placeholder="Contoh: 081234567890">
                                @error('no_telepon')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="email" class="form-label">Email</label>
                                <input type="email" class="form-control @error('email') is-invalid @enderror" 
                                       id="email" name="email" value="{{ old('email') }}" 
                                       placeholder="contoh@email.com">
                                @error('email')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Tab 2: Data Alamat -->
                <div class="tab-pane fade" id="alamat" role="tabpanel">
                    <h5 class="mb-3 text-primary">Data Alamat</h5>
                    
                    <div class="mb-3">
                        <label for="alamat" class="form-label">Alamat Lengkap</label>
                        <textarea class="form-control @error('alamat') is-invalid @enderror" 
                                  id="alamat" name="alamat" rows="3" 
                                  placeholder="Jalan, Nomor Rumah, dll">{{ old('alamat') }}</textarea>
                        @error('alamat')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="row">
                        <div class="col-md-3">
                            <div class="mb-3">
                                <label for="rt" class="form-label">RT</label>
                                <input type="text" class="form-control @error('rt') is-invalid @enderror" 
                                       id="rt" name="rt" value="{{ old('rt') }}" maxlength="5">
                                @error('rt')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="mb-3">
                                <label for="rw" class="form-label">RW</label>
                                <input type="text" class="form-control @error('rw') is-invalid @enderror" 
                                       id="rw" name="rw" value="{{ old('rw') }}" maxlength="5">
                                @error('rw')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="kode_pos" class="form-label">Kode Pos</label>
                                <input type="text" class="form-control @error('kode_pos') is-invalid @enderror" 
                                       id="kode_pos" name="kode_pos" value="{{ old('kode_pos') }}" maxlength="10">
                                @error('kode_pos')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="kelurahan" class="form-label">Kelurahan</label>
                                <input type="text" class="form-control @error('kelurahan') is-invalid @enderror" 
                                       id="kelurahan" name="kelurahan" value="{{ old('kelurahan') }}">
                                @error('kelurahan')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="kecamatan" class="form-label">Kecamatan</label>
                                <input type="text" class="form-control @error('kecamatan') is-invalid @enderror" 
                                       id="kecamatan" name="kecamatan" value="{{ old('kecamatan') }}">
                                @error('kecamatan')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="kota" class="form-label">Kota/Kabupaten</label>
                                <input type="text" class="form-control @error('kota') is-invalid @enderror" 
                                       id="kota" name="kota" value="{{ old('kota') }}">
                                @error('kota')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="provinsi" class="form-label">Provinsi</label>
                                <input type="text" class="form-control @error('provinsi') is-invalid @enderror" 
                                       id="provinsi" name="provinsi" value="{{ old('provinsi') }}">
                                @error('provinsi')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Tab 3: Data Kepegawaian -->
                <div class="tab-pane fade" id="kepegawaian" role="tabpanel">
                    <h5 class="mb-3 text-primary">Data Kepegawaian</h5>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="status_pegawai" class="form-label">Status Kepegawaian <span class="text-danger">*</span></label>
                        <select class="form-select @error('status_pegawai') is-invalid @enderror" 
                                id="status_pegawai" name="status_pegawai" required>
                            <option value="">Pilih</option>
                            <option value="PNS" {{ old('status_pegawai') == 'PNS' ? 'selected' : '' }}>PNS</option>
                            <option value="CPNS" {{ old('status_pegawai') == 'CPNS' ? 'selected' : '' }}>CPNS</option>
                                    <option value="PPPK" {{ old('status_pegawai') == 'PPPK' ? 'selected' : '' }}>PPPK</option>
                            <option value="Honorer" {{ old('status_pegawai') == 'Honorer' ? 'selected' : '' }}>Honorer</option>
                            <option value="Kontrak" {{ old('status_pegawai') == 'Kontrak' ? 'selected' : '' }}>Kontrak</option>
                        </select>
                        @error('status_pegawai')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="status_aktif" class="form-label">Status Aktif</label>
                                <select class="form-select @error('status_aktif') is-invalid @enderror" 
                                        id="status_aktif" name="status_aktif">
                                    <option value="Aktif" {{ old('status_aktif', 'Aktif') == 'Aktif' ? 'selected' : '' }}>Aktif</option>
                                    <option value="Non Aktif" {{ old('status_aktif') == 'Non Aktif' ? 'selected' : '' }}>Non Aktif</option>
                                    <option value="Cuti" {{ old('status_aktif') == 'Cuti' ? 'selected' : '' }}>Cuti</option>
                                    <option value="Pensiun" {{ old('status_aktif') == 'Pensiun' ? 'selected' : '' }}>Pensiun</option>
                                    <option value="Mutasi" {{ old('status_aktif') == 'Mutasi' ? 'selected' : '' }}>Mutasi</option>
                                </select>
                                @error('status_aktif')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="nomor_sk_pengangkatan" class="form-label">Nomor SK Pengangkatan</label>
                                <input type="text" class="form-control @error('nomor_sk_pengangkatan') is-invalid @enderror" 
                                       id="nomor_sk_pengangkatan" name="nomor_sk_pengangkatan" value="{{ old('nomor_sk_pengangkatan') }}">
                                @error('nomor_sk_pengangkatan')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="tanggal_sk" class="form-label">Tanggal SK</label>
                                <input type="date" class="form-control @error('tanggal_sk') is-invalid @enderror" 
                                       id="tanggal_sk" name="tanggal_sk" value="{{ old('tanggal_sk') }}">
                                @error('tanggal_sk')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row">
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="tmt_pegawai" class="form-label">TMT Pegawai <span class="text-danger">*</span></label>
                        <input type="date" class="form-control @error('tmt_pegawai') is-invalid @enderror" 
                               id="tmt_pegawai" name="tmt_pegawai" value="{{ old('tmt_pegawai') }}" required>
                        @error('tmt_pegawai')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="jenis_kontrak" class="form-label">Jenis Kontrak</label>
                                <select class="form-select @error('jenis_kontrak') is-invalid @enderror" 
                                        id="jenis_kontrak" name="jenis_kontrak">
                                    <option value="">Pilih</option>
                                    <option value="Tetap" {{ old('jenis_kontrak') == 'Tetap' ? 'selected' : '' }}>Tetap</option>
                                    <option value="Tidak Tetap" {{ old('jenis_kontrak') == 'Tidak Tetap' ? 'selected' : '' }}>Tidak Tetap</option>
                                    <option value="Periode Tertentu" {{ old('jenis_kontrak') == 'Periode Tertentu' ? 'selected' : '' }}>Periode Tertentu</option>
                                </select>
                                @error('jenis_kontrak')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row" id="masaKontrakRow" style="display: none;">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="masa_berlaku_kontrak_awal" class="form-label">Masa Berlaku Kontrak Awal</label>
                                <input type="date" class="form-control @error('masa_berlaku_kontrak_awal') is-invalid @enderror" 
                                       id="masa_berlaku_kontrak_awal" name="masa_berlaku_kontrak_awal" value="{{ old('masa_berlaku_kontrak_awal') }}">
                                @error('masa_berlaku_kontrak_awal')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="masa_berlaku_kontrak_akhir" class="form-label">Masa Berlaku Kontrak Akhir</label>
                                <input type="date" class="form-control @error('masa_berlaku_kontrak_akhir') is-invalid @enderror" 
                                       id="masa_berlaku_kontrak_akhir" name="masa_berlaku_kontrak_akhir" value="{{ old('masa_berlaku_kontrak_akhir') }}">
                                @error('masa_berlaku_kontrak_akhir')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <hr class="my-4">

                    <h6 class="mb-3 text-secondary">Data Jabatan & Organisasi</h6>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="jabatan" class="form-label">Jabatan <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('jabatan') is-invalid @enderror" 
                                       id="jabatan" name="jabatan" value="{{ old('jabatan') }}" required>
                                @error('jabatan')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="tipe_jabatan" class="form-label">Tipe Jabatan</label>
                                <select class="form-select @error('tipe_jabatan') is-invalid @enderror" 
                                        id="tipe_jabatan" name="tipe_jabatan">
                                    <option value="">Pilih</option>
                                    <option value="Struktural" {{ old('tipe_jabatan') == 'Struktural' ? 'selected' : '' }}>Struktural</option>
                                    <option value="Fungsional" {{ old('tipe_jabatan') == 'Fungsional' ? 'selected' : '' }}>Fungsional</option>
                                    <option value="Pelaksana" {{ old('tipe_jabatan') == 'Pelaksana' ? 'selected' : '' }}>Pelaksana</option>
                                </select>
                                @error('tipe_jabatan')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="golongan" class="form-label">Golongan</label>
                                <input type="text" class="form-control @error('golongan') is-invalid @enderror" 
                                       id="golongan" name="golongan" value="{{ old('golongan') }}" 
                                       placeholder="Contoh: III/a, IV/b">
                                @error('golongan')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="pangkat" class="form-label">Pangkat</label>
                                <input type="text" class="form-control @error('pangkat') is-invalid @enderror" 
                                       id="pangkat" name="pangkat" value="{{ old('pangkat') }}">
                                @error('pangkat')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="unit_kerja" class="form-label">Unit Kerja</label>
                                <input type="text" class="form-control @error('unit_kerja') is-invalid @enderror" 
                                       id="unit_kerja" name="unit_kerja" value="{{ old('unit_kerja') }}">
                                @error('unit_kerja')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="poli_ruangan" class="form-label">Poli/Ruangan</label>
                                <input type="text" class="form-control @error('poli_ruangan') is-invalid @enderror" 
                                       id="poli_ruangan" name="poli_ruangan" value="{{ old('poli_ruangan') }}">
                                @error('poli_ruangan')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="jenis_tenaga" class="form-label">Jenis Tenaga</label>
                                <select class="form-select @error('jenis_tenaga') is-invalid @enderror" 
                                        id="jenis_tenaga" name="jenis_tenaga">
                                    <option value="">Pilih</option>
                                    <option value="Medis" {{ old('jenis_tenaga') == 'Medis' ? 'selected' : '' }}>Medis</option>
                                    <option value="Paramedis" {{ old('jenis_tenaga') == 'Paramedis' ? 'selected' : '' }}>Paramedis</option>
                                    <option value="Non Medis" {{ old('jenis_tenaga') == 'Non Medis' ? 'selected' : '' }}>Non Medis</option>
                                    <option value="Administrasi" {{ old('jenis_tenaga') == 'Administrasi' ? 'selected' : '' }}>Administrasi</option>
                                </select>
                                @error('jenis_tenaga')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="atasan_langsung_id" class="form-label">Atasan Langsung</label>
                        <select class="form-select @error('atasan_langsung_id') is-invalid @enderror" 
                                id="atasan_langsung_id" name="atasan_langsung_id">
                            <option value="">Pilih Atasan Langsung</option>
                            @if(isset($atasanList))
                                @foreach($atasanList as $atasan)
                                    <option value="{{ $atasan->id }}" {{ old('atasan_langsung_id') == $atasan->id ? 'selected' : '' }}>
                                        {{ $atasan->nama_lengkap }} - {{ $atasan->jabatan }}
                                    </option>
                                @endforeach
                            @endif
                        </select>
                        @error('atasan_langsung_id')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <!-- Tab 4: Data Pendidikan -->
                <div class="tab-pane fade" id="pendidikan" role="tabpanel">
                    <h5 class="mb-3 text-primary">Data Pendidikan & Kompetensi</h5>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="pendidikan_terakhir" class="form-label">Pendidikan Terakhir</label>
                                <input type="text" class="form-control @error('pendidikan_terakhir') is-invalid @enderror" 
                                       id="pendidikan_terakhir" name="pendidikan_terakhir" value="{{ old('pendidikan_terakhir') }}" 
                                       placeholder="Contoh: S1, S2, D3, SMA">
                                @error('pendidikan_terakhir')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="jurusan" class="form-label">Jurusan</label>
                                <input type="text" class="form-control @error('jurusan') is-invalid @enderror" 
                                       id="jurusan" name="jurusan" value="{{ old('jurusan') }}" 
                                       placeholder="Contoh: Kedokteran, Kesehatan Masyarakat">
                                @error('jurusan')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <div class="mb-3">
                                <label for="nama_sekolah" class="form-label">Nama Sekolah/Universitas</label>
                                <input type="text" class="form-control @error('nama_sekolah') is-invalid @enderror" 
                                       id="nama_sekolah" name="nama_sekolah" value="{{ old('nama_sekolah') }}">
                                @error('nama_sekolah')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="tahun_lulus" class="form-label">Tahun Lulus</label>
                                <input type="number" class="form-control @error('tahun_lulus') is-invalid @enderror" 
                                       id="tahun_lulus" name="tahun_lulus" value="{{ old('tahun_lulus') }}" 
                                       min="1950" max="{{ date('Y') }}" placeholder="Contoh: 2020">
                                @error('tahun_lulus')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="profesi_kesehatan" class="form-label">Profesi Kesehatan</label>
                        <input type="text" class="form-control @error('profesi_kesehatan') is-invalid @enderror" 
                               id="profesi_kesehatan" name="profesi_kesehatan" value="{{ old('profesi_kesehatan') }}" 
                               placeholder="Contoh: Dokter Umum, Perawat, Bidan, dll">
                        @error('profesi_kesehatan')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <!-- Tab 5: Legalitas Tenaga Kesehatan -->
                <div class="tab-pane fade" id="legalitas" role="tabpanel">
                    <h5 class="mb-3 text-primary">Legalitas Tenaga Kesehatan</h5>
                    
                    <h6 class="mb-3 text-secondary">Surat Tanda Registrasi (STR)</h6>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="nomor_str" class="form-label">Nomor STR</label>
                                <input type="text" class="form-control @error('nomor_str') is-invalid @enderror" 
                                       id="nomor_str" name="nomor_str" value="{{ old('nomor_str') }}">
                                @error('nomor_str')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="tanggal_str" class="form-label">Tanggal STR</label>
                                <input type="date" class="form-control @error('tanggal_str') is-invalid @enderror" 
                                       id="tanggal_str" name="tanggal_str" value="{{ old('tanggal_str') }}">
                                @error('tanggal_str')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="masa_berlaku_str" class="form-label">Masa Berlaku STR</label>
                                <input type="date" class="form-control @error('masa_berlaku_str') is-invalid @enderror" 
                                       id="masa_berlaku_str" name="masa_berlaku_str" value="{{ old('masa_berlaku_str') }}">
                                @error('masa_berlaku_str')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <hr class="my-4">

                    <h6 class="mb-3 text-secondary">Surat Izin Praktik (SIP)</h6>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="nomor_sip" class="form-label">Nomor SIP</label>
                                <input type="text" class="form-control @error('nomor_sip') is-invalid @enderror" 
                                       id="nomor_sip" name="nomor_sip" value="{{ old('nomor_sip') }}">
                                @error('nomor_sip')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="tanggal_sip" class="form-label">Tanggal SIP</label>
                                <input type="date" class="form-control @error('tanggal_sip') is-invalid @enderror" 
                                       id="tanggal_sip" name="tanggal_sip" value="{{ old('tanggal_sip') }}">
                                @error('tanggal_sip')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="masa_berlaku_sip" class="form-label">Masa Berlaku SIP</label>
                                <input type="date" class="form-control @error('masa_berlaku_sip') is-invalid @enderror" 
                                       id="masa_berlaku_sip" name="masa_berlaku_sip" value="{{ old('masa_berlaku_sip') }}">
                                @error('masa_berlaku_sip')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="status_legalitas" class="form-label">Status Legalitas</label>
                        <select class="form-select @error('status_legalitas') is-invalid @enderror" 
                                id="status_legalitas" name="status_legalitas">
                            <option value="">Pilih</option>
                            <option value="Aktif" {{ old('status_legalitas') == 'Aktif' ? 'selected' : '' }}>Aktif</option>
                            <option value="Tidak Aktif" {{ old('status_legalitas') == 'Tidak Aktif' ? 'selected' : '' }}>Tidak Aktif</option>
                            <option value="Kadaluarsa" {{ old('status_legalitas') == 'Kadaluarsa' ? 'selected' : '' }}>Kadaluarsa</option>
                            <option value="Belum Ada" {{ old('status_legalitas') == 'Belum Ada' ? 'selected' : '' }}>Belum Ada</option>
                        </select>
                        @error('status_legalitas')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <!-- Tab 6: Penjadwalan & Penugasan -->
                <div class="tab-pane fade" id="penugasan" role="tabpanel">
                    <h5 class="mb-3 text-primary">Penjadwalan & Penugasan</h5>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="jadwal_kerja" class="form-label">Jadwal Kerja</label>
                                <select class="form-select @error('jadwal_kerja') is-invalid @enderror" 
                                        id="jadwal_kerja" name="jadwal_kerja">
                                    <option value="">Pilih</option>
                                    <option value="Pagi" {{ old('jadwal_kerja') == 'Pagi' ? 'selected' : '' }}>Pagi</option>
                                    <option value="Siang" {{ old('jadwal_kerja') == 'Siang' ? 'selected' : '' }}>Siang</option>
                                    <option value="Malam" {{ old('jadwal_kerja') == 'Malam' ? 'selected' : '' }}>Malam</option>
                                    <option value="Shift" {{ old('jadwal_kerja') == 'Shift' ? 'selected' : '' }}>Shift</option>
                                    <option value="Fleksibel" {{ old('jadwal_kerja') == 'Fleksibel' ? 'selected' : '' }}>Fleksibel</option>
                                </select>
                                @error('jadwal_kerja')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="mb-3">
                                <label for="hari_kerja" class="form-label">Hari Kerja</label>
                                <input type="text" class="form-control @error('hari_kerja') is-invalid @enderror" 
                                       id="hari_kerja" name="hari_kerja" value="{{ old('hari_kerja') }}" 
                                       placeholder="Contoh: Senin-Jumat, Senin-Sabtu">
                                @error('hari_kerja')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="poli_wilayah_tugas" class="form-label">Poli/Wilayah Tugas</label>
                        <textarea class="form-control @error('poli_wilayah_tugas') is-invalid @enderror" 
                                  id="poli_wilayah_tugas" name="poli_wilayah_tugas" rows="3" 
                                  placeholder="Deskripsi poli atau wilayah tugas">{{ old('poli_wilayah_tugas') }}</textarea>
                        @error('poli_wilayah_tugas')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label for="status_penugasan" class="form-label">Status Penugasan</label>
                        <select class="form-select @error('status_penugasan') is-invalid @enderror" 
                                id="status_penugasan" name="status_penugasan">
                            <option value="">Pilih</option>
                            <option value="Aktif" {{ old('status_penugasan') == 'Aktif' ? 'selected' : '' }}>Aktif</option>
                            <option value="Non Aktif" {{ old('status_penugasan') == 'Non Aktif' ? 'selected' : '' }}>Non Aktif</option>
                            <option value="Cuti" {{ old('status_penugasan') == 'Cuti' ? 'selected' : '' }}>Cuti</option>
                            <option value="Penugasan Khusus" {{ old('status_penugasan') == 'Penugasan Khusus' ? 'selected' : '' }}>Penugasan Khusus</option>
                        </select>
                        @error('status_penugasan')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label for="tmt_pensiun" class="form-label">TMT Pensiun</label>
                        <input type="date" class="form-control @error('tmt_pensiun') is-invalid @enderror" 
                               id="tmt_pensiun" name="tmt_pensiun" value="{{ old('tmt_pensiun') }}">
                        @error('tmt_pensiun')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>

            <!-- Form Actions -->
            <div class="d-grid gap-2 d-md-flex justify-content-md-end mt-4 pt-3 border-top">
                <a href="{{ route('pegawai.index') }}" class="btn btn-secondary">
                    <i class="bi bi-x-circle"></i> Batal
                </a>
                <button type="submit" class="btn btn-primary">
                    <i class="bi bi-save"></i> Simpan Data Pegawai
                </button>
            </div>
        </form>
    </div>
</div>

@push('scripts')
<script>
    // Show/hide masa kontrak fields based on jenis kontrak
    document.getElementById('jenis_kontrak').addEventListener('change', function() {
        const masaKontrakRow = document.getElementById('masaKontrakRow');
        if (this.value === 'Periode Tertentu') {
            masaKontrakRow.style.display = 'flex';
        } else {
            masaKontrakRow.style.display = 'none';
        }
    });

    // Trigger on page load if value exists
    if (document.getElementById('jenis_kontrak').value === 'Periode Tertentu') {
        document.getElementById('masaKontrakRow').style.display = 'flex';
    }
</script>
@endpush
@endsection