{"id":12842,"date":"2025-07-12T16:41:34","date_gmt":"2025-07-12T09:41:34","guid":{"rendered":"https:\/\/biologi.unpad.ac.id\/?page_id=12842"},"modified":"2025-07-29T18:09:38","modified_gmt":"2025-07-29T11:09:38","slug":"pendaftaran-sidang","status":"publish","type":"page","link":"https:\/\/biologi.unpad.ac.id\/en\/pendaftaran-sidang\/","title":{"rendered":"Comprehensive Examination Registration"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12842\" class=\"elementor elementor-12842\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-455f8ff elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"455f8ff\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e73a64e\" data-id=\"e73a64e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-547b0bf elementor-widget elementor-widget-heading\" data-id=\"547b0bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">PENDAFTARAN SIDANG<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-66d73af elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"66d73af\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-acc54b5\" data-id=\"acc54b5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9474be9 elementor-widget elementor-widget-html\" data-id=\"9474be9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\n  KODE HTML LENGKAP UNTUK FORMULIR: PENDAFTARAN SIDANG\r\n  PENINGKATAN: Animasi loading \"DNA\" yang berhubungan dengan biologi.\r\n-->\r\n\r\n<!-- Bagian 1: CSS untuk Styling Formulir, Notifikasi, dan Animasi Loading BARU -->\r\n<style>\r\n  .form-container-gs { font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; background: #ffffff; padding: 25px 35px; border-radius: 12px; border: 1px solid #e0e0e0; max-width: 800px; margin: 20px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }\r\n  .form-container-gs h3 { color: #2c3e50; text-align: center; font-weight: 600; }\r\n  .form-container-gs .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 25px; }\r\n  .form-container-gs .form-group { margin-bottom: 0; }\r\n  .form-container-gs .full-width { grid-column: 1 \/ -1; }\r\n  .form-container-gs .form-section-title { grid-column: 1 \/ -1; font-size: 16px; font-weight: bold; color: #3498db; border-bottom: 2px solid #3498db; padding-bottom: 5px; margin-top: 20px; margin-bottom: 10px; }\r\n  .form-container-gs label { display: block; margin-bottom: 8px; font-weight: 500; color: #34495e; font-size: 14px; }\r\n  .form-container-gs label .required-asterisk { color: #e74c3c; margin-left: 3px; font-weight: bold; }\r\n  .form-container-gs input[type=\"text\"], .form-container-gs input[type=\"email\"], .form-container-gs input[type=\"tel\"], .form-container-gs input[type=\"date\"], .form-container-gs select, .form-container-gs textarea, .form-container-gs input[type=\"file\"] { width: 100%; padding: 12px; box-sizing: border-box; border: 1px solid #bdc3c7; border-radius: 6px; font-size: 14px; }\r\n  .form-container-gs .radio-group label, .form-container-gs .checkbox-group label { display: inline-block; margin-right: 15px; font-weight: normal; }\r\n  .form-container-gs .radio-group input, .form-container-gs .checkbox-group input { margin-right: 5px; }\r\n  .form-container-gs button { background-color: #27ae60; color: white; padding: 14px 20px; border: none; border-radius: 6px; cursor: pointer; width: 100%; font-size: 16px; font-weight: bold; }\r\n  .form-container-gs button:disabled { background-color: #95a5a6; cursor: not-allowed; }\r\n  \r\n  \/* --- CSS untuk Modal Notifikasi --- *\/\r\n  .custom-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; z-index: 9999; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; }\r\n  .custom-modal-overlay.show { opacity: 1; visibility: visible; }\r\n  .custom-modal-box { background: #fff; padding: 30px; border-radius: 12px; width: 90%; max-width: 400px; text-align: center; box-shadow: 0 5px 20px rgba(0,0,0,0.2); transform: scale(0.9); transition: transform 0.3s ease; }\r\n  .custom-modal-overlay.show .custom-modal-box { transform: scale(1); }\r\n  .custom-modal-box h4 { margin-top: 0; font-size: 22px; }\r\n  .custom-modal-box p { margin-bottom: 25px; color: #555; font-size: 16px; }\r\n  .custom-modal-box .modal-button { border: none; padding: 12px 30px; border-radius: 6px; cursor: pointer; font-size: 16px; font-weight: bold; color: white; }\r\n  .modal-icon { width: 80px; height: 80px; margin: 0 auto 15px auto; display: block; }\r\n  .custom-modal-box.warning h4 { color: #c0392b; }\r\n  .custom-modal-box.warning .modal-button { background-color: #3498db; }\r\n  .custom-modal-box.success h4 { color: #27ae60; }\r\n  .custom-modal-box.success .modal-button { background-color: #27ae60; }\r\n  .modal-icon.success .checkmark { stroke-dasharray: 48; stroke-dashoffset: 48; animation: stroke 0.8s cubic-bezier(0.65, 0, 0.45, 1) 0.2s forwards; }\r\n  @keyframes stroke { 100% { stroke-dashoffset: 0; } }\r\n\r\n  \/* --- [BARU] CSS untuk Animasi Loading DNA --- *\/\r\n  .loading-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(255, 255, 255, 0.95);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 10000;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: opacity 0.3s ease, visibility 0.3s ease;\r\n  }\r\n  .loading-overlay.show {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n  .spinner-box {\r\n    width: 300px;\r\n    height: 150px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    background-color: transparent;\r\n  }\r\n  .bio-spinner {\r\n    margin: 0 auto;\r\n    width: 50px;\r\n    height: 60px;\r\n    text-align: center;\r\n    font-size: 10px;\r\n  }\r\n  .bio-spinner > div {\r\n    background-color: #27ae60; \/* Warna hijau biologi *\/\r\n    height: 100%;\r\n    width: 6px;\r\n    display: inline-block;\r\n    animation: bio-stretchdelay 1.2s infinite ease-in-out;\r\n  }\r\n  .bio-spinner .rect2 {\r\n    animation-delay: -1.1s;\r\n    background-color: #3498db; \/* Warna biru biologi *\/\r\n  }\r\n  .bio-spinner .rect3 {\r\n    animation-delay: -1.0s;\r\n  }\r\n  .bio-spinner .rect4 {\r\n    animation-delay: -0.9s;\r\n    background-color: #3498db; \/* Warna biru biologi *\/\r\n  }\r\n  .bio-spinner .rect5 {\r\n    animation-delay: -0.8s;\r\n  }\r\n  @keyframes bio-stretchdelay {\r\n    0%, 40%, 100% { \r\n      transform: scaleY(0.4);\r\n    }  20% { \r\n      transform: scaleY(1.0);\r\n    }\r\n  }\r\n  .loading-text {\r\n    margin-top: 0;\r\n    font-size: 18px;\r\n    color: #2c3e50;\r\n    font-weight: 500;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  @media (max-width: 768px) { .form-container-gs .form-grid { grid-template-columns: 1fr; } }\r\n<\/style>\r\n\r\n<!-- Bagian 2: Struktur HTML Formulir -->\r\n<div class=\"form-container-gs\">\r\n  <h3>Formulir Pendaftaran Sidang<\/h3>\r\n  <hr style=\"margin-bottom: 25px;\">\r\n  <form id=\"form-sidang\" novalidate>\r\n    <!-- ... (Semua input formulir Anda tetap sama di sini) ... -->\r\n    <div class=\"form-grid\">\r\n      <div class=\"form-section-title\">Data Diri Mahasiswa<\/div>\r\n      <div class=\"form-group\"><label for=\"nama-sidang\">Nama<span class=\"required-asterisk\">*<\/span><\/label><input type=\"text\" id=\"nama-sidang\" required><\/div>\r\n      <div class=\"form-group\"><label for=\"npm-sidang\">NPM<span class=\"required-asterisk\">*<\/span><\/label><input type=\"text\" id=\"npm-sidang\" required><\/div>\r\n      <div class=\"form-group\"><label for=\"email-sidang\">Email address<span class=\"required-asterisk\">*<\/span><\/label><input type=\"email\" id=\"email-sidang\" required><\/div>\r\n      <div class=\"form-group\"><label for=\"jenisKelamin-sidang\">Jenis Kelamin<span class=\"required-asterisk\">*<\/span><\/label>\r\n        <select id=\"jenisKelamin-sidang\" required>\r\n          <option value=\"\">Please select<\/option>\r\n          <option value=\"Laki-laki\">Laki-laki<\/option>\r\n          <option value=\"Perempuan\">Perempuan<\/option>\r\n        <\/select>\r\n      <\/div>\r\n      <div class=\"form-group\"><label for=\"nomorHp-sidang\">Nomor HP<span class=\"required-asterisk\">*<\/span><\/label><input type=\"tel\" id=\"nomorHp-sidang\" required><\/div>\r\n      <div class=\"form-group\"><label for=\"tanggalLahir-sidang\">Tanggal Lahir (YYYY-MM-DD)<span class=\"required-asterisk\">*<\/span><\/label><input type=\"date\" id=\"tanggalLahir-sidang\" required><\/div>\r\n      <div class=\"form-group\"><label for=\"nomorHpOrangTua-sidang\">Nomor Tlp \/ Hp Orang Tua<span class=\"required-asterisk\">*<\/span><\/label><input type=\"tel\" id=\"nomorHpOrangTua-sidang\" required><\/div>\r\n      <div class=\"form-group\"><label for=\"tempatLahir-sidang\">Tempat Lahir<span class=\"required-asterisk\">*<\/span><\/label><input type=\"text\" id=\"tempatLahir-sidang\" required><\/div>\r\n      <div class=\"form-group full-width\"><label for=\"alamatKost-sidang\">Alamat Kost<\/label><input type=\"text\" id=\"alamatKost-sidang\"><\/div>\r\n      <div class=\"form-group full-width\"><label for=\"alamatOrangTua-sidang\">Alamat Orang Tua<span class=\"required-asterisk\">*<\/span><\/label><textarea id=\"alamatOrangTua-sidang\" rows=\"2\" required><\/textarea><\/div>\r\n      <div class=\"form-group full-width checkbox-group\"><label>Media Sosial<\/label>\r\n        <label><input type=\"checkbox\" name=\"mediaSosial\" value=\"Facebook\"> Facebook<\/label>\r\n        <label><input type=\"checkbox\" name=\"mediaSosial\" value=\"Twitter\"> Twitter<\/label>\r\n        <label><input type=\"checkbox\" name=\"mediaSosial\" value=\"Instagram\"> Instagram<\/label>\r\n        <label><input type=\"checkbox\" name=\"mediaSosial\" value=\"Line\"> Line<\/label>\r\n        <label><input type=\"checkbox\" name=\"mediaSosial\" value=\"WhatsApp\"> WhatsApp<\/label>\r\n      <\/div>\r\n\r\n      <div class=\"form-section-title\">Data Akademik<\/div>\r\n      <div class=\"form-group\"><label for=\"tahunMasuk-sidang\">Tahun Masuk Biologi<\/label><input type=\"date\" id=\"tahunMasuk-sidang\"><\/div>\r\n      <div class=\"form-group\"><label for=\"tahunKeluar-sidang\">Tahun Keluar<\/label><input type=\"date\" id=\"tahunKeluar-sidang\"><\/div>\r\n      <div class=\"form-group\"><label for=\"angkatanMasuk-sidang\">Angkatan Masuk<span class=\"required-asterisk\">*<\/span><\/label><input type=\"text\" id=\"angkatanMasuk-sidang\" required><\/div>\r\n      <div class=\"form-group\"><label for=\"ipk-sidang\">IPK (terakhir)<span class=\"required-asterisk\">*<\/span><\/label><input type=\"text\" id=\"ipk-sidang\" required><\/div>\r\n      <div class=\"form-group full-width\"><label for=\"judulKKL-sidang\">Judul KKL: unggah laporan KKL yang di ttd pembimbing (full laporan) (1MB)<span class=\"required-asterisk\">*<\/span><\/label><input type=\"file\" id=\"judulKKL-sidang\" required><\/div>\r\n      <div class=\"form-group full-width\"><label for=\"judulKP-sidang\">Judul KP: unggah laporan KP yang di ttd Pembimbing (full laporan) (1MB)<span class=\"required-asterisk\">*<\/span><\/label><input type=\"file\" id=\"judulKP-sidang\" required><\/div>\r\n      <div class=\"form-group full-width\"><label for=\"judulTugasAkhir-sidang\">Judul Tugas Akhir<span class=\"required-asterisk\">*<\/span><\/label><textarea id=\"judulTugasAkhir-sidang\" rows=\"3\" required><\/textarea><\/div>\r\n      <div class=\"form-group\"><label for=\"pembimbing1-sidang\">Nama Pembimbing Skripsi 1<span class=\"required-asterisk\">*<\/span><\/label><input type=\"text\" id=\"pembimbing1-sidang\" required><\/div>\r\n      <div class=\"form-group\"><label for=\"pembimbing2-sidang\">Nama Pembimbing Skripsi 2<span class=\"required-asterisk\">*<\/span><\/label><input type=\"text\" id=\"pembimbing2-sidang\" required><\/div>\r\n      <div class=\"form-group\"><label for=\"pembimbing3-sidang\">Nama Pembimbing Skripsi 3 (Jika Ada)<\/label><input type=\"text\" id=\"pembimbing3-sidang\"><\/div>\r\n\r\n      <div class=\"form-section-title\">Informasi Tambahan<\/div>\r\n      <div class=\"form-group full-width radio-group\"><label>Lama Pengerjaan Skripsi<span class=\"required-asterisk\">*<\/span><\/label>\r\n        <label><input type=\"radio\" name=\"lamaPengerjaan\" value=\"2-3 bulan\" required> 2-3 bulan<\/label>\r\n        <label><input type=\"radio\" name=\"lamaPengerjaan\" value=\"4-6 bulan\"> 4-6 bulan<\/label>\r\n        <label><input type=\"radio\" name=\"lamaPengerjaan\" value=\"7-12 bulan\"> 7-12 bulan<\/label>\r\n        <label><input type=\"radio\" name=\"lamaPengerjaan\" value=\"> 1 tahun\"> > 1 tahun<\/label>\r\n      <\/div>\r\n      <div class=\"form-group full-width\"><label for=\"kendalaSkripsi-sidang\">Kendala dalam pengerjaan skripsi<span class=\"required-asterisk\">*<\/span><\/label><textarea id=\"kendalaSkripsi-sidang\" rows=\"2\" required><\/textarea><\/div>\r\n      \r\n      <div class=\"form-section-title\">Unggah Berkas Persyaratan Sidang<\/div>\r\n      <div class=\"form-group\"><label for=\"filePasFoto-sidang\">Pas Foto Hitam Putih 3x4<span class=\"required-asterisk\">*<\/span><\/label><input type=\"file\" id=\"filePasFoto-sidang\" accept=\".jpg,.jpeg\" required><\/div>\r\n      <div class=\"form-group\"><label for=\"fileKPA-sidang\">Kartu Prestasi Akademik (KPA)<span class=\"required-asterisk\">*<\/span><\/label><input type=\"file\" id=\"fileKPA-sidang\" accept=\".pdf\" required><\/div>\r\n      <div class=\"form-group\"><label for=\"fileSkripsiLengkap-sidang\">File skripsi & pengesahan<span class=\"required-asterisk\">*<\/span><\/label><input type=\"file\" id=\"fileSkripsiLengkap-sidang\" accept=\".pdf\" required><\/div>\r\n      <div class=\"form-group\"><label for=\"fileDrafArtikel-sidang\">Draf Artikel Penelitian<span class=\"required-asterisk\">*<\/span><\/label><input type=\"file\" id=\"fileDrafArtikel-sidang\" accept=\".pdf\" required><\/div>\r\n      <div class=\"form-group\"><label for=\"fileBebasPerpusFmipa-sidang\">SK Bebas Pinjaman Perpus FMIPA<span class=\"required-asterisk\">*<\/span><\/label><input type=\"file\" id=\"fileBebasPerpusFmipa-sidang\" accept=\".pdf\" required><\/div>\r\n      <div class=\"form-group\"><label for=\"fileBebasPerpusUniv-sidang\">SK Bebas Pinjaman Perpus Univ<span class=\"required-asterisk\">*<\/span><\/label><input type=\"file\" id=\"fileBebasPerpusUniv-sidang\" accept=\".pdf\" required><\/div>\r\n      <div class=\"form-group\"><label for=\"fileBebasAlat-sidang\">SK Bebas Pinjaman Alat<span class=\"required-asterisk\">*<\/span><\/label><input type=\"file\" id=\"fileBebasAlat-sidang\" accept=\".pdf\" required><\/div>\r\n      <div class=\"form-group\"><label for=\"filePermohonanSidang-sidang\">Surat Permohonan Sidang<span class=\"required-asterisk\">*<\/span><\/label><input type=\"file\" id=\"filePermohonanSidang-sidang\" accept=\".pdf\" required><\/div>\r\n      <div class=\"form-group\"><label for=\"fileHerregistrasi-sidang\">Bukti herregistrasi terakhir<span class=\"required-asterisk\">*<\/span><\/label><input type=\"file\" id=\"fileHerregistrasi-sidang\" accept=\".pdf\" required><\/div>\r\n      <div class=\"form-group\"><label for=\"fileKuesioner-sidang\">Hasil pengisian Kuesioner<span class=\"required-asterisk\">*<\/span><\/label><input type=\"file\" id=\"fileKuesioner-sidang\" accept=\".pdf\" required><\/div>\r\n      <div class=\"form-group\"><label for=\"fileBuktiKegiatan-sidang\">Fotokopi bukti kegiatan<span class=\"required-asterisk\">*<\/span><\/label><input type=\"file\" id=\"fileBuktiKegiatan-sidang\" accept=\".pdf\" required><\/div>\r\n      <div class=\"form-group\"><label for=\"fileKartuMahasiswa-sidang\">Fotokopi kartu mahasiswa<span class=\"required-asterisk\">*<\/span><\/label><input type=\"file\" id=\"fileKartuMahasiswa-sidang\" accept=\".pdf,.jpg,.jpeg\" required><\/div>\r\n      <div class=\"form-group\"><label for=\"fileKTP-sidang\">KTP<span class=\"required-asterisk\">*<\/span><\/label><input type=\"file\" id=\"fileKTP-sidang\" accept=\".pdf\" required><\/div>\r\n      <div class=\"form-group\"><label for=\"fileAkte-sidang\">Akte kelahiran<span class=\"required-asterisk\">*<\/span><\/label><input type=\"file\" id=\"fileAkte-sidang\" accept=\".pdf\" required><\/div>\r\n      <div class=\"form-group\"><label for=\"fileIjazahSMU-sidang\">Ijazah SMU<span class=\"required-asterisk\">*<\/span><\/label><input type=\"file\" id=\"fileIjazahSMU-sidang\" accept=\".pdf\" required><\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"form-group full-width\" style=\"margin-top: 25px;\"><button type=\"submit\" id=\"submit-button-sidang\">Daftar Sidang<\/button><\/div>\r\n  <\/form>\r\n<\/div>\r\n\r\n<!-- Bagian 3: HTML untuk Notifikasi Modal -->\r\n<div class=\"custom-modal-overlay\" id=\"custom-alert-sidang\">\r\n  <div class=\"custom-modal-box warning\">\r\n    <h4>Peringatan<\/h4>\r\n    <p id=\"custom-alert-message-sidang\"><\/p>\r\n    <button class=\"modal-button\" id=\"custom-alert-close-sidang\">OK<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"custom-modal-overlay\" id=\"custom-success-modal-sidang\">\r\n  <div class=\"custom-modal-box success\">\r\n    <svg class=\"modal-icon success\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 52 52\">\r\n      <circle cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" stroke=\"#27ae60\" stroke-width=\"2\"\/>\r\n      <path class=\"checkmark\" fill=\"none\" stroke=\"#27ae60\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14 27l5.917 5.917L38.083 20\"\/>\r\n    <\/svg>\r\n    <h4>Berhasil!<\/h4>\r\n    <p id=\"custom-success-message-sidang\"><\/p>\r\n    <button class=\"modal-button\" id=\"custom-success-close-sidang\">Tutup<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- [BARU] Bagian 4: HTML untuk Animasi Loading DNA -->\r\n<div class=\"loading-overlay\" id=\"loading-animation\">\r\n  <div class=\"spinner-box\">\r\n    <div class=\"bio-spinner\">\r\n      <div class=\"rect1\"><\/div>\r\n      <div class=\"rect2\"><\/div>\r\n      <div class=\"rect3\"><\/div>\r\n      <div class=\"rect4\"><\/div>\r\n      <div class=\"rect5\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <p class=\"loading-text\">Memproses Data Biologist...<\/p>\r\n<\/div>\r\n\r\n\r\n<!-- Bagian 5: JavaScript untuk Fungsionalitas Formulir (DIPERBARUI) -->\r\n<script>\r\n  (function() {\r\n    const form = document.getElementById('form-sidang');\r\n    const submitButton = document.getElementById('submit-button-sidang');\r\n    \r\n    \/\/ !!! PENTING: Ganti dengan URL Web App BARU Anda !!!\r\n    const WEB_APP_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbzk7ewS4TwSr0W-6qpHj2YEG7fFkPbmmZbUGkzByRvh3wP5EDUTvrVivMbv1YSn2lIK\/exec';\r\n\r\n    const customAlert = document.getElementById('custom-alert-sidang');\r\n    const customAlertClose = document.getElementById('custom-alert-close-sidang');\r\n    const customSuccessModal = document.getElementById('custom-success-modal-sidang');\r\n    const customSuccessClose = document.getElementById('custom-success-close-sidang');\r\n    const loadingOverlay = document.getElementById('loading-animation'); \/\/ [BARU]\r\n    \r\n    \/\/ --- [BARU] Fungsi untuk mengontrol loader ---\r\n    function showLoader() { loadingOverlay.classList.add('show'); }\r\n    function hideLoader() { loadingOverlay.classList.remove('show'); }\r\n\r\n    function showAlert(message) {\r\n      document.getElementById('custom-alert-message-sidang').textContent = message;\r\n      customAlert.classList.add('show');\r\n    }\r\n    function hideAlert() { customAlert.classList.remove('show'); }\r\n    customAlertClose.addEventListener('click', hideAlert);\r\n    customAlert.addEventListener('click', (e) => { if (e.target === customAlert) hideAlert(); });\r\n    \r\n    function showSuccessModal(message) {\r\n      document.getElementById('custom-success-message-sidang').textContent = message;\r\n      customSuccessModal.classList.add('show');\r\n    }\r\n    function hideSuccessModal() { customSuccessModal.classList.remove('show'); }\r\n    customSuccessClose.addEventListener('click', hideSuccessModal);\r\n    customSuccessModal.addEventListener('click', (e) => { if (e.target === customSuccessModal) hideSuccessModal(); });\r\n\r\n    form.addEventListener('submit', function(e) {\r\n      e.preventDefault();\r\n      if (!form.checkValidity()) {\r\n        showAlert(\"Harap isi semua kolom yang ditandai dengan *\");\r\n        return;\r\n      }\r\n      \r\n      submitButton.disabled = true;\r\n      showLoader(); \/\/ [BARU] Tampilkan animasi loading\r\n\r\n      const mediaSosialNodes = form.querySelectorAll('input[name=\"mediaSosial\"]:checked');\r\n      const mediaSosialValues = Array.from(mediaSosialNodes).map(cb => cb.value);\r\n      const lamaPengerjaanNode = form.querySelector('input[name=\"lamaPengerjaan\"]:checked');\r\n      \r\n      const submissionData = {\r\n        nama: form.querySelector('#nama-sidang').value,\r\n        npm: form.querySelector('#npm-sidang').value,\r\n        email: form.querySelector('#email-sidang').value,\r\n        jenisKelamin: form.querySelector('#jenisKelamin-sidang').value,\r\n        nomorHp: form.querySelector('#nomorHp-sidang').value,\r\n        tanggalLahir: form.querySelector('#tanggalLahir-sidang').value,\r\n        nomorHpOrangTua: form.querySelector('#nomorHpOrangTua-sidang').value,\r\n        tempatLahir: form.querySelector('#tempatLahir-sidang').value,\r\n        alamatKost: form.querySelector('#alamatKost-sidang').value,\r\n        alamatOrangTua: form.querySelector('#alamatOrangTua-sidang').value,\r\n        mediaSosial: mediaSosialValues.join(', '),\r\n        tahunMasuk: form.querySelector('#tahunMasuk-sidang').value,\r\n        tahunKeluar: form.querySelector('#tahunKeluar-sidang').value,\r\n        angkatanMasuk: form.querySelector('#angkatanMasuk-sidang').value,\r\n        ipk: form.querySelector('#ipk-sidang').value,\r\n        judulTugasAkhir: form.querySelector('#judulTugasAkhir-sidang').value,\r\n        pembimbing1: form.querySelector('#pembimbing1-sidang').value,\r\n        pembimbing2: form.querySelector('#pembimbing2-sidang').value,\r\n        pembimbing3: form.querySelector('#pembimbing3-sidang').value,\r\n        lamaPengerjaan: lamaPengerjaanNode ? lamaPengerjaanNode.value : \"\",\r\n        kendalaSkripsi: form.querySelector('#kendalaSkripsi-sidang').value,\r\n      };\r\n\r\n      const fileInputs = [\r\n        { key: 'fileKKL', el: form.querySelector('#judulKKL-sidang') }, { key: 'fileKP', el: form.querySelector('#judulKP-sidang') },\r\n        { key: 'filePasFoto', el: form.querySelector('#filePasFoto-sidang') }, { key: 'fileKPA', el: form.querySelector('#fileKPA-sidang') },\r\n        { key: 'fileSkripsiLengkap', el: form.querySelector('#fileSkripsiLengkap-sidang') }, { key: 'fileDrafArtikel', el: form.querySelector('#fileDrafArtikel-sidang') },\r\n        { key: 'fileBebasPerpusFmipa', el: form.querySelector('#fileBebasPerpusFmipa-sidang') }, { key: 'fileBebasPerpusUniv', el: form.querySelector('#fileBebasPerpusUniv-sidang') },\r\n        { key: 'fileBebasAlat', el: form.querySelector('#fileBebasAlat-sidang') }, { key: 'filePermohonanSidang', el: form.querySelector('#filePermohonanSidang-sidang') },\r\n        { key: 'fileHerregistrasi', el: form.querySelector('#fileHerregistrasi-sidang') }, { key: 'fileKuesioner', el: form.querySelector('#fileKuesioner-sidang') },\r\n        { key: 'fileBuktiKegiatan', el: form.querySelector('#fileBuktiKegiatan-sidang') }, { key: 'fileKartuMahasiswa', el: form.querySelector('#fileKartuMahasiswa-sidang') },\r\n        { key: 'fileKTP', el: form.querySelector('#fileKTP-sidang') }, { key: 'fileAkte', el: form.querySelector('#fileAkte-sidang') },\r\n        { key: 'fileIjazahSMU', el: form.querySelector('#fileIjazahSMU-sidang') }\r\n      ];\r\n\r\n      Promise.all(fileInputs.map(input => readFileAsBase64(input.el.files[0])))\r\n      .then(files => {\r\n        files.forEach((file, index) => { submissionData[fileInputs[index].key] = file; });\r\n        sendData(submissionData);\r\n      }).catch(error => handleError(\"Gagal membaca file: \" + error.toString()));\r\n    });\r\n\r\n    function readFileAsBase64(file) {\r\n        return new Promise((resolve, reject) => {\r\n            if (!file) { resolve(null); return; }\r\n            const reader = new FileReader();\r\n            reader.onload = () => resolve({ fileName: file.name, mimeType: file.type, fileData: reader.result.split(',')[1] });\r\n            reader.onerror = error => reject(error);\r\n            reader.readAsDataURL(file);\r\n        });\r\n    }\r\n    function sendData(data) {\r\n        fetch(WEB_APP_URL, { method: 'POST', mode: 'no-cors', cache: 'no-cache', headers: { 'Content-Type': 'application\/json' }, redirect: 'follow', body: JSON.stringify(data) })\r\n        .then(res => handleSuccess(\"Data Anda telah berhasil dikirim. Silakan hubungi TU (Bu Rini) untuk konfirmasi\"))\r\n        .catch(error => handleError(\"\u274c Terjadi kesalahan saat mengirim: \" + error.toString()));\r\n    }\r\n    function handleSuccess(message) {\r\n        hideLoader(); \/\/ [BARU] Sembunyikan loader\r\n        showSuccessModal(message);\r\n        form.reset();\r\n        submitButton.disabled = false;\r\n        submitButton.textContent = 'Daftar Sidang';\r\n    }\r\n    function handleError(message) {\r\n        hideLoader(); \/\/ [BARU] Sembunyikan loader\r\n        showAlert(message);\r\n        submitButton.disabled = false;\r\n        submitButton.textContent = 'Daftar Sidang';\r\n    }\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PENDAFTARAN SIDANG Formulir Pendaftaran Sidang Data Diri Mahasiswa Nama* NPM* Email address* Jenis Kelamin* Please selectLaki-lakiPerempuan Nomor HP* Tanggal Lahir (YYYY-MM-DD)* Nomor Tlp \/ Hp Orang Tua* Tempat Lahir* Alamat [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-12842","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/biologi.unpad.ac.id\/en\/wp-json\/wp\/v2\/pages\/12842","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/biologi.unpad.ac.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/biologi.unpad.ac.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/biologi.unpad.ac.id\/en\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/biologi.unpad.ac.id\/en\/wp-json\/wp\/v2\/comments?post=12842"}],"version-history":[{"count":0,"href":"https:\/\/biologi.unpad.ac.id\/en\/wp-json\/wp\/v2\/pages\/12842\/revisions"}],"wp:attachment":[{"href":"https:\/\/biologi.unpad.ac.id\/en\/wp-json\/wp\/v2\/media?parent=12842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}