{{-- Inisialisasi Data dari Tabel agar logika SAMA dengan Detail --}}
@php 
    $berkas = $siswa->user->pendaftaranBerkas; 
    $ortu = $siswa->user->dataOrtu;
    $sekolah = $siswa->user->dataSekolah;
@endphp

<form action="{{ route('admin.pendaftar.update', $siswa->id) }}" method="POST" id="formUpdatePendaftar" enctype="multipart/form-data">
    @csrf
    @method('PUT')

    <style>
        .portal-scroll-container {
            max-height: 65vh;
            overflow-y: auto !important; 
            overflow-x: hidden;
            padding: 10px 20px 25px 20px;
        }
        .portal-scroll-container::-webkit-scrollbar { width: 6px; }
        .portal-scroll-container::-webkit-scrollbar-track { background: #f1f5f9; }
        .portal-scroll-container::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
        
        .edit-form-group { margin-bottom: 1rem; }
        .edit-form-group label { 
            font-size: 0.75rem; font-weight: 700; color: #475569; 
            text-transform: uppercase; letter-spacing: 0.025em; margin-bottom: 0.4rem; display: block;
        }
        .form-control-edit {
            border-radius: 8px; border: 1px solid #e2e8f0; padding: 0.5rem 0.75rem; font-size: 0.9rem; transition: all 0.2s;
        }
        .nav-tabs-edit { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; border-bottom: 2px solid #f1f5f9; gap: 5px; }
        .nav-tabs-edit::-webkit-scrollbar { display: none; }
        .nav-tabs-edit .nav-link { border: none; color: #64748b; font-weight: 600; padding: 10px 20px; white-space: nowrap; border-radius: 8px 8px 0 0; }
        .nav-tabs-edit .nav-link.active { color: #3b82f6; background: transparent; border-bottom: 2px solid #3b82f6; }
        
        .section-header-edit {
            font-size: 0.875rem; font-weight: 800; letter-spacing: 0.05em; display: flex; align-items: center; margin-bottom: 15px;
        }
        .edit-portal-footer-fixed {
            padding: 15px 25px; border-top: 1px solid #f1f5f9; background-color: #ffffff;
            display: flex; justify-content: flex-end; align-items: center; gap: 12px;
            border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;
        }
        .file-status-badge { padding: 8px 12px; border-radius: 8px; font-size: 0.8rem; margin-top: 8px; }
    </style>

    <div class="portal-scroll-container">
        {{-- TAB NAVIGATION --}}
        <ul class="nav nav-pills mb-4 bg-light p-2 shadow-sm" id="editTab" role="tablist" style="border-radius: 12px;">
            <li class="nav-item">
                <a class="nav-link active py-2 px-4 shadow-sm" id="edit-siswa-tab" data-toggle="tab" href="#edit-tab-siswa" role="tab" style="border-radius: 10px;">
                    <i class="fas fa-user-graduate mr-2"></i> Siswa
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link py-2 px-4" id="edit-ortu-tab" data-toggle="tab" href="#edit-tab-ortu" role="tab" style="border-radius: 10px;">
                    <i class="fas fa-users mr-2"></i> Orang Tua
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link py-2 px-4" id="edit-sekolah-tab" data-toggle="tab" href="#edit-tab-sekolah" role="tab" style="border-radius: 10px;">
                    <i class="fas fa-school mr-2"></i> Sekolah
                </a>
            </li>
        </ul>

        <div class="tab-content border-0">
            {{-- TAB SISWA --}}
            <div class="tab-pane fade show active" id="edit-tab-siswa" role="tabpanel">
                <div class="card border shadow-sm mb-3" style="border-radius: 12px;">
                    <div class="card-header bg-white py-3">
                        <h6 class="section-header-edit text-primary mb-0"><i class="fas fa-id-card mr-2 text-warning"></i>IDENTITAS PESERTA</h6>
                    </div>
                    <div class="card-body p-4">
                        <div class="row">
                            <div class="col-md-6 edit-form-group">
                                <label>Nama Lengkap</label>
                                <input type="text" name="nama_lengkap" class="form-control form-control-edit" value="{{ $siswa->nama_lengkap }}" required>
                            </div>
                            <div class="col-md-6 edit-form-group">
                                <label>Nama Panggilan</label>
                                <input type="text" name="nama_panggilan" class="form-control form-control-edit" value="{{ $siswa->nama_panggilan }}">
                            </div>
                            <div class="col-md-6 edit-form-group">
                                <label>NISN</label>
                                <input type="text" name="nisn" class="form-control form-control-edit" value="{{ $siswa->nisn }}">
                            </div>
                            <div class="col-md-6 edit-form-group">
                                <label>NIK Siswa</label>
                                <input type="text" name="nik_siswa" class="form-control form-control-edit" value="{{ $siswa->nik_siswa }}">
                            </div>
                            <div class="col-md-6 edit-form-group">
                                <label>Tempat Lahir</label>
                                <input type="text" name="tempat_lahir" class="form-control form-control-edit" value="{{ $siswa->tempat_lahir }}">
                            </div>
                            <div class="col-md-6 edit-form-group">
                                <label>Tanggal Lahir</label>
                                <input type="date" name="tanggal_lahir" class="form-control form-control-edit" value="{{ $siswa->tanggal_lahir }}">
                            </div>
                            <div class="col-md-4 edit-form-group">
                                <label>Jenis Kelamin</label>
                                <select name="jenis_kelamin" class="form-control form-control-edit">
                                    <option value="" disabled selected>Pilih...</option>
                                    <option value="L" {{ $siswa->jenis_kelamin == 'L' ? 'selected' : '' }}>Laki-laki (L)</option>
                                    <option value="P" {{ $siswa->jenis_kelamin == 'P' ? 'selected' : '' }}>Perempuan (P)</option>
                                </select>
                            </div>
                            <div class="col-md-4 edit-form-group">
                                <label>Anak Ke</label>
                                <input type="number" name="anak_ke" class="form-control form-control-edit" value="{{ $siswa->anak_ke }}">
                            </div>
                            <div class="col-md-4 edit-form-group">
                                <label>Jumlah Saudara</label>
                                <input type="number" name="jumlah_saudara" class="form-control form-control-edit" value="{{ $siswa->jumlah_saudara }}">
                            </div>
                            <div class="col-md-6 edit-form-group">
                                <label>Status Yatim</label>
                                <input type="text" name="status_yatim" class="form-control form-control-edit" value="{{ $siswa->status_yatim }}" placeholder="Yatim / Piatu / Lengkap">
                            </div>
                            <div class="col-md-6 edit-form-group">
                                <label>Bahasa Harian</label>
                                <input type="text" name="bahasa_harian" class="form-control form-control-edit" value="{{ $siswa->bahasa_harian }}">
                            </div>

                            <div class="col-12"><hr></div>

                            <div class="col-md-12 edit-form-group">
                                <label>Alamat Lengkap</label>
                                <textarea name="alamat" class="form-control form-control-edit" rows="2">{{ $siswa->alamat }}</textarea>
                            </div>
                            <div class="col-md-3 edit-form-group">
                                <label>RT</label>
                                <input type="text" name="rt" class="form-control form-control-edit" value="{{ $siswa->rt }}">
                            </div>
                            <div class="col-md-3 edit-form-group">
                                <label>RW</label>
                                <input type="text" name="rw" class="form-control form-control-edit" value="{{ $siswa->rw }}">
                            </div>
                            <div class="col-md-6 edit-form-group">
                                <label>Kelurahan / Desa</label>
                                <input type="text" name="kelurahan" class="form-control form-control-edit" value="{{ $siswa->kelurahan }}">
                            </div>
                            <div class="col-md-6 edit-form-group">
                                <label>Kecamatan</label>
                                <input type="text" name="kecamatan" class="form-control form-control-edit" value="{{ $siswa->kecamatan }}">
                            </div>
                            <div class="col-md-6 edit-form-group">
                                <label>Kabupaten / Kota</label>
                                <input type="text" name="kota_kab" class="form-control form-control-edit" value="{{ $siswa->kota_kab }}">
                            </div>
                            <div class="col-md-6 edit-form-group">
                                <label>No. HP / WA</label>
                                <input type="text" name="no_hp" class="form-control form-control-edit" value="{{ $siswa->no_hp }}">
                            </div>
                            <div class="col-md-6 edit-form-group">
                                <label>Jarak ke Sekolah (Km)</label>
                                <input type="text" name="jarak" class="form-control form-control-edit" value="{{ $siswa->jarak }}">
                            </div>

                            <div class="col-12"><hr></div>

                            <div class="col-md-4 edit-form-group">
                                <label>Golongan Darah</label>
                                <select name="gol_darah" class="form-control form-control-edit">
                                    <option value="" selected>Pilih/Tidak Tahu</option>
                                    <option value="A" {{ $siswa->gol_darah == 'A' ? 'selected' : '' }}>A</option>
                                    <option value="B" {{ $siswa->gol_darah == 'B' ? 'selected' : '' }}>B</option>
                                    <option value="AB" {{ $siswa->gol_darah == 'AB' ? 'selected' : '' }}>AB</option>
                                    <option value="O" {{ $siswa->gol_darah == 'O' ? 'selected' : '' }}>O</option>
                                </select>
                            </div>
                            <div class="col-md-4 edit-form-group">
                                <label>Tinggi Badan (cm)</label>
                                <input type="number" name="tinggi" class="form-control form-control-edit" value="{{ $siswa->tinggi }}">
                            </div>
                            <div class="col-md-4 edit-form-group">
                                <label>Berat Badan (kg)</label>
                                <input type="number" name="berat" class="form-control form-control-edit" value="{{ $siswa->berat }}">
                            </div>
                            <div class="col-md-6 edit-form-group">
                                <label>Riwayat Penyakit</label>
                                <input type="text" name="penyakit" class="form-control form-control-edit" value="{{ $siswa->penyakit }}">
                            </div>
                            <div class="col-md-6 edit-form-group">
                                <label>Kelainan Fisik</label>
                                <input type="text" name="kelainan" class="form-control form-control-edit" value="{{ $siswa->kelainan }}">
                            </div>

                            <div class="col-12"><hr><h6 class="text-muted font-weight-bold mb-3">Hobi & Minat</h6></div>
                            <div class="col-md-6 edit-form-group">
                                <label>Hobi Bidang Seni</label>
                                <input type="text" name="hobi_seni" class="form-control form-control-edit" value="{{ $siswa->hobi_seni }}">
                            </div>
                            <div class="col-md-6 edit-form-group">
                                <label>Hobi Bidang Olahraga</label>
                                <input type="text" name="hobi_olahraga" class="form-control form-control-edit" value="{{ $siswa->hobi_olahraga }}">
                            </div>
                            <div class="col-md-6 edit-form-group">
                                <label>Hobi Bidang Organisasi</label>
                                <input type="text" name="hobi_organisasi" class="form-control form-control-edit" value="{{ $siswa->hobi_organisasi }}">
                            </div>
                            <div class="col-md-6 edit-form-group">
                                <label>Hobi Lainnya</label>
                                <input type="text" name="hobi_lain" class="form-control form-control-edit" value="{{ $siswa->hobi_lain }}">
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- TAB ORTU --}}
            <div class="tab-pane fade" id="edit-tab-ortu" role="tabpanel">
                <div class="row">
                    {{-- AYAH --}}
                    <div class="col-md-12 mb-3">
                        <div class="card border shadow-sm" style="border-radius: 12px;">
                            <div class="card-header bg-white py-3">
                                <h6 class="section-header-edit text-info mb-0"><i class="fas fa-male mr-2 text-secondary"></i>DATA AYAH</h6>
                            </div>
                            <div class="card-body p-4">
                                <div class="row">
                                    <div class="col-md-6 edit-form-group">
                                        <label>Nama Ayah</label>
                                        <input type="text" name="nama_ayah" class="form-control form-control-edit" value="{{ optional($ortu)->nama_ayah }}">
                                    </div>
                                    <div class="col-md-6 edit-form-group">
                                        <label>NIK Ayah</label>
                                        <input type="text" name="nik_ayah" class="form-control form-control-edit" value="{{ optional($ortu)->nik_ayah }}">
                                    </div>
                                    <div class="col-md-6 edit-form-group">
                                        <label>Tempat Lahir</label>
                                        <input type="text" name="tempat_lahir_ayah" class="form-control form-control-edit" value="{{ optional($ortu)->tempat_lahir_ayah }}">
                                    </div>
                                    <div class="col-md-6 edit-form-group">
                                        <label>Tanggal Lahir</label>
                                        <input type="date" name="tgl_lahir_ayah" class="form-control form-control-edit" value="{{ optional($ortu)->tgl_lahir_ayah }}">
                                    </div>
                                    <div class="col-md-4 edit-form-group">
                                        <label>Pendidikan</label>
                                        <input type="text" name="pendidikan_ayah" class="form-control form-control-edit" value="{{ optional($ortu)->pendidikan_ayah }}">
                                    </div>
                                    <div class="col-md-4 edit-form-group">
                                        <label>Pekerjaan</label>
                                        <input type="text" name="pekerjaan_ayah" class="form-control form-control-edit" value="{{ optional($ortu)->pekerjaan_ayah }}">
                                    </div>
                                    <div class="col-md-4 edit-form-group">
                                        <label>Gaji / Penghasilan (Rp)</label>
                                        <input type="number" name="gaji_ayah" class="form-control form-control-edit" value="{{ optional($ortu)->gaji_ayah }}">
                                    </div>
                                    <div class="col-md-6 edit-form-group">
                                        <label>No. HP / WA</label>
                                        <input type="text" name="hp_ayah" class="form-control form-control-edit" value="{{ optional($ortu)->hp_ayah }}">
                                    </div>
                                    <div class="col-md-12 edit-form-group">
                                        <label>Alamat Ayah</label>
                                        <textarea name="alamat_ayah" class="form-control form-control-edit" rows="2">{{ optional($ortu)->alamat_ayah }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    {{-- IBU --}}
                    <div class="col-md-12 mb-3">
                        <div class="card border shadow-sm" style="border-radius: 12px;">
                            <div class="card-header bg-white py-3">
                                <h6 class="section-header-edit text-danger mb-0"><i class="fas fa-female mr-2 text-secondary"></i>DATA IBU</h6>
                            </div>
                            <div class="card-body p-4">
                                <div class="row">
                                    <div class="col-md-6 edit-form-group">
                                        <label>Nama Ibu</label>
                                        <input type="text" name="nama_ibu" class="form-control form-control-edit" value="{{ optional($ortu)->nama_ibu }}">
                                    </div>
                                    <div class="col-md-6 edit-form-group">
                                        <label>NIK Ibu</label>
                                        <input type="text" name="nik_ibu" class="form-control form-control-edit" value="{{ optional($ortu)->nik_ibu }}">
                                    </div>
                                    <div class="col-md-6 edit-form-group">
                                        <label>Tempat Lahir</label>
                                        <input type="text" name="tempat_lahir_ibu" class="form-control form-control-edit" value="{{ optional($ortu)->tempat_lahir_ibu }}">
                                    </div>
                                    <div class="col-md-6 edit-form-group">
                                        <label>Tanggal Lahir</label>
                                        <input type="date" name="tgl_lahir_ibu" class="form-control form-control-edit" value="{{ optional($ortu)->tgl_lahir_ibu }}">
                                    </div>
                                    <div class="col-md-4 edit-form-group">
                                        <label>Pendidikan</label>
                                        <input type="text" name="pendidikan_ibu" class="form-control form-control-edit" value="{{ optional($ortu)->pendidikan_ibu }}">
                                    </div>
                                    <div class="col-md-4 edit-form-group">
                                        <label>Pekerjaan</label>
                                        <input type="text" name="pekerjaan_ibu" class="form-control form-control-edit" value="{{ optional($ortu)->pekerjaan_ibu }}">
                                    </div>
                                    <div class="col-md-4 edit-form-group">
                                        <label>Gaji / Penghasilan (Rp)</label>
                                        <input type="number" name="gaji_ibu" class="form-control form-control-edit" value="{{ optional($ortu)->gaji_ibu }}">
                                    </div>
                                    <div class="col-md-6 edit-form-group">
                                        <label>No. HP / WA</label>
                                        <input type="text" name="hp_ibu" class="form-control form-control-edit" value="{{ optional($ortu)->hp_ibu }}">
                                    </div>
                                    <div class="col-md-12 edit-form-group">
                                        <label>Alamat Ibu</label>
                                        <textarea name="alamat_ibu" class="form-control form-control-edit" rows="2">{{ optional($ortu)->alamat_ibu }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    {{-- WALI --}}
                    <div class="col-md-12 mb-3">
                        <div class="card border shadow-sm" style="border-radius: 12px;">
                            <div class="card-header bg-white py-3">
                                <h6 class="section-header-edit text-secondary mb-0"><i class="fas fa-user-shield mr-2"></i>DATA WALI (OPSIONAL)</h6>
                            </div>
                            <div class="card-body p-4">
                                <div class="row">
                                    <div class="col-md-6 edit-form-group">
                                        <label>Nama Wali</label>
                                        <input type="text" name="nama_wali" class="form-control form-control-edit" value="{{ optional($ortu)->nama_wali }}">
                                    </div>
                                    <div class="col-md-6 edit-form-group">
                                        <label>No. HP / WA Wali</label>
                                        <input type="text" name="hp_wali" class="form-control form-control-edit" value="{{ optional($ortu)->hp_wali }}">
                                    </div>
                                    <div class="col-md-6 edit-form-group">
                                        <label>Tempat Lahir</label>
                                        <input type="text" name="tempat_lahir_wali" class="form-control form-control-edit" value="{{ optional($ortu)->tempat_lahir_wali }}">
                                    </div>
                                    <div class="col-md-6 edit-form-group">
                                        <label>Tanggal Lahir</label>
                                        <input type="date" name="tgl_lahir_wali" class="form-control form-control-edit" value="{{ optional($ortu)->tgl_lahir_wali }}">
                                    </div>
                                    <div class="col-md-4 edit-form-group">
                                        <label>Pendidikan</label>
                                        <input type="text" name="pendidikan_wali" class="form-control form-control-edit" value="{{ optional($ortu)->pendidikan_wali }}">
                                    </div>
                                    <div class="col-md-4 edit-form-group">
                                        <label>Pekerjaan</label>
                                        <input type="text" name="pekerjaan_wali" class="form-control form-control-edit" value="{{ optional($ortu)->pekerjaan_wali }}">
                                    </div>
                                    <div class="col-md-4 edit-form-group">
                                        <label>Gaji / Penghasilan (Rp)</label>
                                        <input type="number" name="gaji_wali" class="form-control form-control-edit" value="{{ optional($ortu)->gaji_wali }}">
                                    </div>
                                    <div class="col-md-12 edit-form-group">
                                        <label>Alamat Wali</label>
                                        <textarea name="alamat_wali" class="form-control form-control-edit" rows="2">{{ optional($ortu)->alamat_wali }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- TAB SEKOLAH --}}
            <div class="tab-pane fade" id="edit-tab-sekolah" role="tabpanel">
                <div class="card border shadow-sm" style="border-radius: 12px;">
                    <div class="card-header bg-white py-3">
                        <h6 class="section-header-edit text-purple mb-0" style="color: #6366f1;"><i class="fas fa-university mr-2 text-warning"></i>ASAL SEKOLAH</h6>
                    </div>
                    <div class="card-body p-4">
                        <div class="row">
                            <div class="col-md-12 edit-form-group">
                                <label>Nama Asal Sekolah</label>
                                <input type="text" name="asal_sekolah" class="form-control form-control-edit" value="{{ optional($sekolah)->asal_sekolah }}">
                            </div>
                            <div class="col-md-4 edit-form-group">
                                <label>Nomor Ijazah</label>
                                <input type="text" name="nomor_ijazah" class="form-control form-control-edit" value="{{ optional($sekolah)->nomor_ijazah }}">
                            </div>
                            <div class="col-md-4 edit-form-group">
                                <label>Tanggal Ijazah</label>
                                <input type="date" name="tanggal_ijazah" class="form-control form-control-edit" value="{{ optional($sekolah)->tanggal_ijazah }}">
                            </div>
                            <div class="col-md-4 edit-form-group">
                                <label>Lama Belajar (Tahun)</label>
                                <input type="number" name="lama_belajar" class="form-control form-control-edit" value="{{ optional($sekolah)->lama_belajar }}">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- UPLOAD BERKAS --}}
        <div class="d-flex align-items-center mt-4 mb-3">
            <h6 class="section-header-edit text-dark mb-0 font-weight-bold"><i class="fas fa-file-pdf mr-2 text-danger"></i>UBAH DOKUMEN & BERKAS</h6>
            <div class="flex-grow-1 ml-3 border-bottom"></div>
        </div>

        <div class="row">
            @php
                $docs = [
                    'file_kk'         => 'Kartu Keluarga (KK)',
                    'file_akte'       => 'Akta Kelahiran',
                    'file_foto'       => 'Pas Foto 3x4',
                    'file_rapor_1'    => 'Rapor Smt 1 (Kelas 4)',
                    'file_rapor_2'    => 'Rapor Smt 2 (Kelas 4)',
                    'file_rapor_3'    => 'Rapor Smt 3 (Kelas 5)',
                    'file_rapor_4'    => 'Rapor Smt 4 (Kelas 5)',
                    'file_rapor_5'    => 'Rapor Smt 5 (Kelas 6)',
                    'file_ket_kelas6' => 'Surat Keterangan Kelas 6',
                    'file_ket_ujian'  => 'Surat Ket. Peserta Ujian',
                    'file_prestasi'   => 'Sertifikat Prestasi',
                ];
            @endphp

            @foreach($docs as $field => $label)
                <div class="col-md-4 mb-4">
                    <div class="card p-3 shadow-sm border h-100" style="border-radius: 12px;">
                        <div class="edit-form-group mb-2">
                            <label class="text-muted">{{ $label }}</label>
                            <input type="file" name="{{ $field }}" class="form-control-file small">
                        </div>
                        
                        @if($berkas && !empty($berkas->$field))
                            <div class="file-status-badge bg-light text-success border">
                                <i class="fas fa-check-circle mr-1"></i> 
                                <a href="javascript:void(0)" onclick="previewFile('{{ asset('storage/' . $berkas->$field) }}', '{{ $label }}')" class="text-success font-weight-bold">
                                    Lihat File Tersimpan
                                </a>
                            </div>
                        @else
                            <div class="file-status-badge bg-light text-muted border">
                                <i class="fas fa-times-circle mr-1"></i> Belum ada file
                            </div>
                        @endif
                    </div>
                </div>
            @endforeach
        </div>
    </div>

    <div class="edit-portal-footer-fixed bg-white">
        <button type="button" class="btn btn-light px-4 font-weight-bold" data-dismiss="modal" style="border-radius: 10px; color: #64748b;">
            Batal
        </button>
        <button type="submit" id="btnSimpanUpdate" class="btn btn-primary shadow-sm font-weight-bold px-5" style="border-radius: 10px; padding: 0.6rem 2rem;">
            <i class="fas fa-save mr-2"></i> Simpan Pembaruan
        </button>
    </div>
</form>

<script>
    $(document).ready(function() {
        // Matikan event submit standar browser agar tidak pindah halaman
        $('#formUpdatePendaftar').off('submit').on('submit', function(e) {
            e.preventDefault(); 

            let form = $(this);
            let btn = $('#btnSimpanUpdate');
            let formData = new FormData(this);

            btn.prop('disabled', true).html('<i class="fas fa-spinner fa-spin mr-2"></i>Menyimpan...');

            $.ajax({
                url: form.attr('action'),
                type: "POST",
                data: formData,
                processData: false,
                contentType: false,
                success: function(res) {
                    Swal.fire({
                        icon: 'success',
                        title: 'Berhasil!',
                        text: res.message || 'Data pendaftar berhasil diperbarui.',
                        showConfirmButton: false,
                        timer: 2000,
                        timerProgressBar: true
                    }).then(() => {
                        window.location.reload(); 
                    });
                },
                error: function(xhr) {
                    btn.prop('disabled', false).html('<i class="fas fa-save mr-2"></i> Simpan Pembaruan');
                    let msg = xhr.responseJSON ? xhr.responseJSON.message : "Terjadi kesalahan sistem saat memperbarui data.";
                    Swal.fire('Gagal!', msg, 'error');
                }
            });
        });
    });
</script>