Pendaftaran Bintang Maharani 2026<\/title>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n:root {\n --primary: #8B0000;\n --primary-hover: #a50000;\n --gold: #D4AF37;\n --gold-light: #fff9e6;\n --dark: #1a1a1a;\n --gray-bg: #f8f9fa;\n --border-color: #e2e8f0;\n --radius: 12px;\n}\n\n*{\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Plus Jakarta Sans', sans-serif;\n}\n\nbody {\n background: linear-gradient(135deg, #4A0404 0%, #8B0000 50%, #2A0202 100%);\n min-height: 100vh;\n padding: 40px 15px;\n color: var(--dark);\n}\n\n.container {\n max-width: 720px;\n margin: auto;\n background: #ffffff;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\n animation: fadeIn 0.5s ease-out;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.header {\n background: linear-gradient(135deg, #8B0000 0%, #600000 100%);\n color: #ffffff;\n text-align: center;\n padding: 40px 25px 30px;\n position: relative;\n border-bottom: 4px solid var(--gold);\n}\n\n.header-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.2);\n color: var(--gold);\n border: 1px solid var(--gold);\n padding: 6px 16px;\n border-radius: 50px;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n margin-bottom: 12px;\n}\n\n.header h1 {\n font-size: 32px;\n font-weight: 800;\n letter-spacing: -0.5px;\n margin-bottom: 8px;\n text-shadow: 0 2px 4px rgba(0,0,0,0.3);\n}\n\n.header p {\n font-size: 16px;\n opacity: 0.9;\n font-weight: 500;\n}\n\n.url-warning-banner {\n background: #fff5f5;\n border-left: 4px solid #e53e3e;\n padding: 12px 16px;\n margin: 20px 35px 0;\n border-radius: 8px;\n font-size: 13.5px;\n color: #c53030;\n display: none;\n}\n\nform {\n padding: 35px;\n}\n\n.form-group {\n margin-bottom: 20px;\n}\n\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n}\n\nlabel {\n display: block;\n font-weight: 600;\n margin-bottom: 8px;\n color: #2d3748;\n font-size: 14px;\n}\n\nlabel span.req {\n color: #e53e3e;\n}\n\ninput[type=text],\ninput[type=tel],\ninput[type=number],\nselect {\n width: 100%;\n padding: 13px 16px;\n border: 1.5px solid var(--border-color);\n border-radius: var(--radius);\n font-size: 15px;\n color: #2d3748;\n background-color: #fcfcfc;\n transition: all 0.25s ease;\n}\n\ninput[type=text]:focus,\ninput[type=tel]:focus,\ninput[type=number]:focus,\nselect:focus {\n outline: none;\n border-color: var(--primary);\n background-color: #ffffff;\n box-shadow: 0 0 0 4px rgba(139, 0, 0, 0.1);\n}\n\n.radio-group-container {\n background: #fafafa;\n border: 1.5px solid var(--border-color);\n border-radius: var(--radius);\n padding: 22px;\n margin-bottom: 25px;\n}\n\n.radio-group-container h3 {\n font-size: 16px;\n color: var(--primary);\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.saringan-options {\n display: grid;\n gap: 10px;\n}\n\n.saringan-card {\n display: flex;\n align-items: center;\n padding: 14px 18px;\n border: 1.5px solid var(--border-color);\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n transition: all 0.2s ease;\n}\n\n.saringan-card:hover {\n border-color: var(--gold);\n background: var(--gold-light);\n}\n\n.saringan-card input[type=radio] {\n accent-color: var(--primary);\n width: 18px;\n height: 18px;\n margin-right: 12px;\n cursor: pointer;\n}\n\n.saringan-card span {\n font-size: 14px;\n font-weight: 600;\n color: #333;\n}\n\n.payment-card {\n background: var(--gold-light);\n border: 2px dashed var(--gold);\n border-radius: var(--radius);\n padding: 25px;\n margin-top: 25px;\n}\n\n.payment-card h3 {\n color: var(--primary);\n font-size: 18px;\n margin-bottom: 12px;\n}\n\n.fee-badge {\n display: inline-block;\n background: var(--primary);\n color: #ffffff;\n font-size: 22px;\n font-weight: 800;\n padding: 6px 18px;\n border-radius: 8px;\n margin-bottom: 15px;\n}\n\n.bank-info {\n background: #ffffff;\n border: 1px solid rgba(212, 175, 55, 0.4);\n border-radius: 10px;\n padding: 16px;\n margin-bottom: 15px;\n}\n\n.bank-info p {\n font-size: 14px;\n margin-bottom: 6px;\n color: #4a5568;\n}\n\n.bank-info p:last-child {\n margin-bottom: 0;\n}\n\n.account-num-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n background: #f7fafc;\n padding: 8px 12px;\n border-radius: 6px;\n margin-top: 4px;\n font-weight: 700;\n font-size: 16px;\n color: #1a202c;\n}\n\n.copy-btn {\n background: var(--gold);\n color: #ffffff;\n border: none;\n padding: 4px 10px;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 600;\n cursor: pointer;\n transition: background 0.2s;\n}\n\n.copy-btn:hover {\n background: #b89628;\n}\n\n.file-upload-box {\n margin-top: 15px;\n}\n\n.file-input-wrapper {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 20px;\n border: 2px dashed #cbd5e0;\n border-radius: 10px;\n background: #ffffff;\n text-align: center;\n cursor: pointer;\n transition: border-color 0.2s;\n}\n\n.file-input-wrapper:hover {\n border-color: var(--primary);\n}\n\n.file-input-wrapper input[type=file] {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n}\n\n.file-icon {\n font-size: 28px;\n margin-bottom: 8px;\n}\n\n.file-preview-name {\n font-size: 13px;\n color: var(--primary);\n font-weight: 600;\n margin-top: 8px;\n word-break: break-all;\n}\n\n.note {\n font-size: 13px;\n color: #c0392b;\n font-weight: 500;\n line-height: 1.5;\n margin-top: 12px;\n}\n\n.submit-btn {\n width: 100%;\n padding: 16px;\n background: linear-gradient(135deg, #8B0000 0%, #600000 100%);\n color: #ffffff;\n border: none;\n border-radius: var(--radius);\n font-size: 18px;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.3s ease;\n box-shadow: 0 4px 12px rgba(139, 0, 0, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n}\n\n.submit-btn:hover {\n background: linear-gradient(135deg, #a50000 0%, #780000 100%);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(139, 0, 0, 0.4);\n}\n\n.submit-btn:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n transform: none;\n}\n\n.spinner {\n width: 20px;\n height: 20px;\n border: 3px solid rgba(255, 255, 255, 0.3);\n border-radius: 50%;\n border-top-color: #fff;\n animation: spin 0.8s linear infinite;\n display: none;\n}\n\n@keyframes spin {\n to { transform: rotate(360deg); }\n}\n\n.footer {\n text-align: center;\n padding: 20px;\n color: #718096;\n font-size: 13.5px;\n border-top: 1px solid var(--border-color);\n background: #fafafa;\n}\n\n\/* Modal Popup Status *\/\n.modal-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(4px);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1000;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.3s ease;\n}\n\n.modal-overlay.active {\n opacity: 1;\n pointer-events: auto;\n}\n\n.modal-card {\n background: #ffffff;\n padding: 30px;\n border-radius: 16px;\n max-width: 440px;\n width: 90%;\n text-align: center;\n box-shadow: 0 20px 30px rgba(0,0,0,0.3);\n transform: scale(0.9);\n transition: transform 0.3s ease;\n}\n\n.modal-overlay.active .modal-card {\n transform: scale(1);\n}\n\n.modal-icon {\n width: 60px;\n height: 60px;\n background: #def7ec;\n color: #0e9f6e;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 30px;\n margin: 0 auto 15px;\n}\n\n.modal-title {\n font-size: 20px;\n font-weight: 700;\n color: #1a202c;\n margin-bottom: 10px;\n}\n\n.modal-desc {\n font-size: 14px;\n color: #4a5568;\n line-height: 1.5;\n margin-bottom: 20px;\n}\n\n.modal-actions {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\n.wa-btn {\n background: #25D366;\n color: #ffffff;\n padding: 12px 20px;\n border-radius: 8px;\n text-decoration: none;\n font-weight: 700;\n font-size: 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n transition: background 0.2s;\n}\n\n.wa-btn:hover {\n background: #1ebc57;\n}\n\n.wa-btn-secondary {\n background: #075E54;\n}\n\n.wa-btn-secondary:hover {\n background: #04433c;\n}\n\n.close-modal-btn {\n background: #edf2f7;\n color: #4a5568;\n border: none;\n padding: 10px;\n border-radius: 8px;\n font-weight: 600;\n cursor: pointer;\n}\n\n@media (max-width: 600px) {\n body { padding: 20px 10px; }\n .form-row { grid-template-columns: 1fr; }\n form { padding: 20px; }\n .header h1 { font-size: 24px; }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"container\">\n\n <div class=\"header\">\n <div class=\"header-badge\">PERTANDINGAN KARAOKE 2026<\/div>\n <h1>BINTANG MAHARANI 2026<\/h1>\n <p>Borang Pendaftaran Resmi Peserta<\/p>\n <\/div>\n\n <div id=\"urlWarningBanner\" class=\"url-warning-banner\">\n \u26a0\ufe0f <strong>Perhatian:<\/strong> <code>GOOGLE_SCRIPT_URL<\/code> belum diisi! Data tidak dapat disimpan ke Google Sheet sehingga anda memasukkan Web App URL dari Apps Script.\n <\/div>\n\n <form id=\"registrationForm\">\n\n <div class=\"form-group\">\n <label for=\"nama\">Nama Penuh <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"nama\" name=\"nama\" placeholder=\"Masukkan nama penuh seperti dalam IC\" required>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"no_tel\">No. Telefon <span class=\"req\">*<\/span><\/label>\n <input type=\"tel\" id=\"no_tel\" name=\"no_tel\" placeholder=\"Contoh: 0123456789\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"umur\">Umur <span class=\"req\">*<\/span><\/label>\n <input type=\"number\" id=\"umur\" name=\"umur\" min=\"1\" max=\"100\" placeholder=\"Contoh: 25\" required>\n <\/div>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"no_ic\">No. Kad Pengenalan <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"no_ic\" name=\"no_ic\" placeholder=\"Contoh: 900101-10-1234\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"jantina\">Jantina <span class=\"req\">*<\/span><\/label>\n <select id=\"jantina\" name=\"jantina\" required>\n <option value=\"\">-- Sila Pilih --<\/option>\n <option value=\"Lelaki\">Lelaki<\/option>\n <option value=\"Perempuan\">Perempuan<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"tajuk_lagu\">Tajuk Lagu <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"tajuk_lagu\" name=\"tajuk_lagu\" placeholder=\"Tajuk lagu penyertaan\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"penyanyi\">Penyanyi Asal <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"penyanyi\" name=\"penyanyi\" placeholder=\"Nama penyanyi asal\" required>\n <\/div>\n <\/div>\n\n <div class=\"radio-group-container\">\n <h3>\ud83d\udcc5 Sila Pilih Tarikh Saringan <span class=\"req\">*<\/span><\/h3>\n <div class=\"saringan-options\">\n <label class=\"saringan-card\">\n <input type=\"radio\" name=\"saringan\" value=\"Saringan 1 - 16 Ogos 2026 (Ahad)\" required>\n <span>Saringan 1 - 16 Ogos 2026 (Ahad)<\/span>\n <\/label>\n\n <label class=\"saringan-card\">\n <input type=\"radio\" name=\"saringan\" value=\"Saringan 2 - 23 Ogos 2026 (Ahad)\">\n <span>Saringan 2 - 23 Ogos 2026 (Ahad)<\/span>\n <\/label>\n\n <label class=\"saringan-card\">\n <input type=\"radio\" name=\"saringan\" value=\"Saringan 3 - 30 Ogos 2026 (Ahad)\">\n <span>Saringan 3 - 30 Ogos 2026 (Ahad)<\/span>\n <\/label>\n\n <label class=\"saringan-card\">\n <input type=\"radio\" name=\"saringan\" value=\"Saringan 4 - 6 September 2026 (Ahad)\">\n <span>Saringan 4 - 6 September 2026 (Ahad)<\/span>\n <\/label>\n <\/div>\n <\/div>\n\n <div class=\"payment-card\">\n <h3>Yuran Pendaftaran<\/h3>\n <div class=\"fee-badge\">RM 50.00<\/div>\n\n <h3>Maklumat Pembayaran<\/h3>\n <div class=\"bank-info\">\n <p><strong>Bank:<\/strong> RHB Bank<\/p>\n <p><strong>Nama Akaun:<\/strong> MAHARAJA ENTERTAINMENT SDN BHD<\/p>\n <p><strong>No. Akaun:<\/strong><\/p>\n <div class=\"account-num-row\">\n <span id=\"accNum\">21603900007768<\/span>\n <button type=\"button\" class=\"copy-btn\" onclick=\"copyAccNum()\">Salin<\/button>\n <\/div>\n <\/div>\n\n <div class=\"file-upload-box\">\n <label for=\"buktiPembayaran\">Muat Naik Bukti Pembayaran (Resit\/Slip) <span class=\"req\">*<\/span><\/label>\n <div class=\"file-input-wrapper\">\n <div class=\"file-icon\">\ud83d\udcc4<\/div>\n <div id=\"fileUploadText\"><strong>Klik untuk pilih fail resit<\/strong> (Gambar atau PDF)<\/div>\n <div id=\"filePreviewName\" class=\"file-preview-name\"><\/div>\n <input type=\"file\" id=\"buktiPembayaran\" name=\"buktiPembayaran\" accept=\"image\/*,.pdf\" required onchange=\"handleFileSelect(this)\">\n <\/div>\n <\/div>\n\n <p class=\"note\">\n * Sila hantar atau muat naik bukti pembayaran selepas pembayaran dibuat bagi tujuan pengesahan pendaftaran.\n <\/p>\n <\/div>\n\n <br>\n\n <button type=\"submit\" class=\"submit-btn\" id=\"submitBtn\">\n <span class=\"spinner\" id=\"btnSpinner\"><\/span>\n <span id=\"btnText\">HANTAR PENDAFTARAN<\/span>\n <\/button>\n\n <\/form>\n\n <div class=\"footer\">\n \u00a9 2026 Bintang Maharani \u2022 Maharaja Entertainment Sdn Bhd\n <\/div>\n\n<\/div>\n\n\n<div class=\"modal-overlay\" id=\"successModal\">\n <div class=\"modal-card\">\n <div class=\"modal-icon\">\u2713<\/div>\n <h3 class=\"modal-title\">Pendaftaran Berjaya!<\/h3>\n <p class=\"modal-desc\">\n Borang anda telah diproses dan disimpan ke Google Sheet. Sila klik butang di bawah untuk menghantar pengesahan pendaftaran ke WhatsApp Urusetia.\n <\/p>\n <div class=\"modal-actions\">\n <button type=\"button\" class=\"wa-btn\" onclick=\"sendToBothWhatsApp()\">\n \ud83d\udcac Hantar ke WhatsApp Urusetia (+601129005923)\n <\/button>\n <button type=\"button\" class=\"close-modal-btn\" onclick=\"closeModal()\">Tutup<\/button>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n\/\/ =========================================================================\n\/\/ ISIKAN URL GOOGLE APPS SCRIPT ANDA DI SINI SELEPAS PROSES DEPLOYMENT:\n\/\/ =========================================================================\nconst GOOGLE_SCRIPT_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbwT9ToC2eCZ1qHZcSitYG8OTZR2xZb9KfjcWYa2sepNVWdlYIwQlWIGMHj8o-F97zzXOQ\/exec\"; \n\n\n\/\/ Target WhatsApp numbers\nconst TARGET_WHATSAPP_1 = \"60123656038\";\nconst TARGET_WHATSAPP_2 = \"601129005923\";\nlet currentWaText = \"\";\n\nfunction sendToBothWhatsApp() {\n if (!currentWaText) return;\n const waUrl1 = `https:\/\/wa.me\/${TARGET_WHATSAPP_1}?text=${encodeURIComponent(currentWaText)}`;\n const waUrl2 = `https:\/\/wa.me\/${TARGET_WHATSAPP_2}?text=${encodeURIComponent(currentWaText)}`;\n\n \/\/ Open Urusetia 1 (+60123656038) and Urusetia 2 (+601129005923) simultaneously\n window.open(waUrl1, '_blank');\n setTimeout(() => {\n window.open(waUrl2, '_blank');\n }, 400);\n}\n\n\/\/ Check if GOOGLE_SCRIPT_URL is configured on page load\nwindow.addEventListener('DOMContentLoaded', () => {\n if (!GOOGLE_SCRIPT_URL || GOOGLE_SCRIPT_URL.trim() === \"\") {\n document.getElementById('urlWarningBanner').style.display = 'block';\n }\n});\n\nfunction copyAccNum() {\n const acc = document.getElementById('accNum').innerText;\n navigator.clipboard.writeText(acc).then(() => {\n alert('Nombor akaun berjaya disalin: ' + acc);\n }).catch(err => {\n console.error('Gagal menyalin:', err);\n });\n}\n\nfunction handleFileSelect(input) {\n const preview = document.getElementById('filePreviewName');\n const textWrapper = document.getElementById('fileUploadText');\n if (input.files && input.files[0]) {\n const file = input.files[0];\n preview.innerText = `Fail dipilih: ${file.name} (${(file.size \/ 1024).toFixed(1)} KB)`;\n textWrapper.style.display = 'none';\n } else {\n preview.innerText = '';\n textWrapper.style.display = 'block';\n }\n}\n\ndocument.getElementById('registrationForm').addEventListener('submit', async function(e) {\n e.preventDefault();\n\n const submitBtn = document.getElementById('submitBtn');\n const btnSpinner = document.getElementById('btnSpinner');\n const btnText = document.getElementById('btnText');\n\n \/\/ UI Loading state\n submitBtn.disabled = true;\n btnSpinner.style.display = 'inline-block';\n btnText.innerText = 'Sedang Menghantar Data...';\n\n \/\/ Collect field values\n const nama = document.getElementById('nama').value.trim();\n const no_tel = document.getElementById('no_tel').value.trim();\n const umur = document.getElementById('umur').value.trim();\n const no_ic = document.getElementById('no_ic').value.trim();\n const jantina = document.getElementById('jantina').value;\n const tajuk_lagu = document.getElementById('tajuk_lagu').value.trim();\n const penyanyi = document.getElementById('penyanyi').value.trim();\n const saringanRadio = document.querySelector('input[name=\"saringan\"]:checked');\n const saringan = saringanRadio ? saringanRadio.value : '';\n\n const fileInput = document.getElementById('buktiPembayaran');\n let fileName = '';\n let fileData = '';\n let fileMime = '';\n\n if (fileInput.files.length > 0) {\n const file = fileInput.files[0];\n fileName = file.name;\n fileMime = file.type;\n try {\n fileData = await convertFileToBase64(file);\n } catch (err) {\n console.error('Ralat membaca fail:', err);\n }\n }\n\n const payload = {\n nama,\n no_tel,\n umur,\n no_ic,\n jantina,\n tajuk_lagu,\n penyanyi,\n saringan,\n fileName,\n fileData,\n fileMime\n };\n\n \/\/ Send to Google Sheets Apps Script Web App (if URL is set)\n if (GOOGLE_SCRIPT_URL && GOOGLE_SCRIPT_URL.trim() !== \"\") {\n try {\n await fetch(GOOGLE_SCRIPT_URL, {\n method: 'POST',\n mode: 'no-cors',\n headers: {\n 'Content-Type': 'text\/plain;charset=utf-8',\n },\n body: JSON.stringify(payload)\n });\n console.log('Data berjaya dihantar ke Google Apps Script Web App.');\n } catch (err) {\n console.error('Ralat penghantaran ke Google Sheet:', err);\n }\n } else {\n alert('PERHATIAN: GOOGLE_SCRIPT_URL belum diisi dalam fail HTML! Sila pastikan anda membuat deployment Google Apps Script dan memasukkan Web App URL terlebih dahulu.');\n }\n\n \/\/ Build formatted WhatsApp message\n const waText = `*PENDAFTARAN BINTANG MAHARANI 2026*\\n\\n` +\n `\ud83d\udccc *Maklumat Peserta:*\\n` +\n `\u2022 *Nama:* ${nama}\\n` +\n `\u2022 *No. Telefon:* ${no_tel}\\n` +\n `\u2022 *Umur:* ${umur} tahun\\n` +\n `\u2022 *No. IC:* ${no_ic}\\n` +\n `\u2022 *Jantina:* ${jantina}\\n` +\n `\u2022 *Tajuk Lagu:* ${tajuk_lagu}\\n` +\n `\u2022 *Penyanyi Asal:* ${penyanyi}\\n` +\n `\u2022 *Tarikh Saringan:* ${saringan}\\n` +\n `\u2022 *Bukti Pembayaran:* ${fileName || 'Lampiran Resit'}\\n\\n` +\n `Salam urusetia, saya telah mendaftar dan memuat naik bukti pembayaran. Mohon semakan. Terima kasih!`;\n\n currentWaText = waText;\n\n \/\/ Reset button UI\n submitBtn.disabled = false;\n btnSpinner.style.display = 'none';\n btnText.innerText = 'HANTAR PENDAFTARAN';\n\n \/\/ Show modal popup\n document.getElementById('successModal').classList.add('active');\n\n \/\/ Auto send to both Urusetia 1 & Urusetia 2 simultaneously\n sendToBothWhatsApp();\n});\n\nfunction convertFileToBase64(file) {\n return new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.readAsDataURL(file);\n reader.onload = () => resolve(reader.result);\n reader.onerror = error => reject(error);\n });\n}\n\nfunction closeModal() {\n document.getElementById('successModal').classList.remove('active');\n}\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Pendaftaran Bintang Maharani 2026 PERTANDINGAN KARAOKE 2026 BINTANG MAHARANI 2026 Borang Pendaftaran Resmi Peserta \u26a0\ufe0f Perhatian: GOOGLE_SCRIPT_URL belum diisi! Data […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","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":"","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":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","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-1104","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sevenseaskaraoke.com\/index.php\/wp-json\/wp\/v2\/pages\/1104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sevenseaskaraoke.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sevenseaskaraoke.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sevenseaskaraoke.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sevenseaskaraoke.com\/index.php\/wp-json\/wp\/v2\/comments?post=1104"}],"version-history":[{"count":22,"href":"https:\/\/sevenseaskaraoke.com\/index.php\/wp-json\/wp\/v2\/pages\/1104\/revisions"}],"predecessor-version":[{"id":1133,"href":"https:\/\/sevenseaskaraoke.com\/index.php\/wp-json\/wp\/v2\/pages\/1104\/revisions\/1133"}],"wp:attachment":[{"href":"https:\/\/sevenseaskaraoke.com\/index.php\/wp-json\/wp\/v2\/media?parent=1104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t $\"\"$ \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nPendaftaran Bintang Maharani 2026<\/title>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n:root {\n --primary: #8B0000;\n --primary-hover: #a50000;\n --gold: #D4AF37;\n --gold-light: #fff9e6;\n --dark: #1a1a1a;\n --gray-bg: #f8f9fa;\n --border-color: #e2e8f0;\n --radius: 12px;\n}\n\n*{\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Plus Jakarta Sans', sans-serif;\n}\n\nbody {\n background: linear-gradient(135deg, #4A0404 0%, #8B0000 50%, #2A0202 100%);\n min-height: 100vh;\n padding: 40px 15px;\n color: var(--dark);\n}\n\n.container {\n max-width: 720px;\n margin: auto;\n background: #ffffff;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\n animation: fadeIn 0.5s ease-out;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.header {\n background: linear-gradient(135deg, #8B0000 0%, #600000 100%);\n color: #ffffff;\n text-align: center;\n padding: 40px 25px 30px;\n position: relative;\n border-bottom: 4px solid var(--gold);\n}\n\n.header-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.2);\n color: var(--gold);\n border: 1px solid var(--gold);\n padding: 6px 16px;\n border-radius: 50px;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n margin-bottom: 12px;\n}\n\n.header h1 {\n font-size: 32px;\n font-weight: 800;\n letter-spacing: -0.5px;\n margin-bottom: 8px;\n text-shadow: 0 2px 4px rgba(0,0,0,0.3);\n}\n\n.header p {\n font-size: 16px;\n opacity: 0.9;\n font-weight: 500;\n}\n\n.url-warning-banner {\n background: #fff5f5;\n border-left: 4px solid #e53e3e;\n padding: 12px 16px;\n margin: 20px 35px 0;\n border-radius: 8px;\n font-size: 13.5px;\n color: #c53030;\n display: none;\n}\n\nform {\n padding: 35px;\n}\n\n.form-group {\n margin-bottom: 20px;\n}\n\n.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n}\n\nlabel {\n display: block;\n font-weight: 600;\n margin-bottom: 8px;\n color: #2d3748;\n font-size: 14px;\n}\n\nlabel span.req {\n color: #e53e3e;\n}\n\ninput[type=text],\ninput[type=tel],\ninput[type=number],\nselect {\n width: 100%;\n padding: 13px 16px;\n border: 1.5px solid var(--border-color);\n border-radius: var(--radius);\n font-size: 15px;\n color: #2d3748;\n background-color: #fcfcfc;\n transition: all 0.25s ease;\n}\n\ninput[type=text]:focus,\ninput[type=tel]:focus,\ninput[type=number]:focus,\nselect:focus {\n outline: none;\n border-color: var(--primary);\n background-color: #ffffff;\n box-shadow: 0 0 0 4px rgba(139, 0, 0, 0.1);\n}\n\n.radio-group-container {\n background: #fafafa;\n border: 1.5px solid var(--border-color);\n border-radius: var(--radius);\n padding: 22px;\n margin-bottom: 25px;\n}\n\n.radio-group-container h3 {\n font-size: 16px;\n color: var(--primary);\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.saringan-options {\n display: grid;\n gap: 10px;\n}\n\n.saringan-card {\n display: flex;\n align-items: center;\n padding: 14px 18px;\n border: 1.5px solid var(--border-color);\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n transition: all 0.2s ease;\n}\n\n.saringan-card:hover {\n border-color: var(--gold);\n background: var(--gold-light);\n}\n\n.saringan-card input[type=radio] {\n accent-color: var(--primary);\n width: 18px;\n height: 18px;\n margin-right: 12px;\n cursor: pointer;\n}\n\n.saringan-card span {\n font-size: 14px;\n font-weight: 600;\n color: #333;\n}\n\n.payment-card {\n background: var(--gold-light);\n border: 2px dashed var(--gold);\n border-radius: var(--radius);\n padding: 25px;\n margin-top: 25px;\n}\n\n.payment-card h3 {\n color: var(--primary);\n font-size: 18px;\n margin-bottom: 12px;\n}\n\n.fee-badge {\n display: inline-block;\n background: var(--primary);\n color: #ffffff;\n font-size: 22px;\n font-weight: 800;\n padding: 6px 18px;\n border-radius: 8px;\n margin-bottom: 15px;\n}\n\n.bank-info {\n background: #ffffff;\n border: 1px solid rgba(212, 175, 55, 0.4);\n border-radius: 10px;\n padding: 16px;\n margin-bottom: 15px;\n}\n\n.bank-info p {\n font-size: 14px;\n margin-bottom: 6px;\n color: #4a5568;\n}\n\n.bank-info p:last-child {\n margin-bottom: 0;\n}\n\n.account-num-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n background: #f7fafc;\n padding: 8px 12px;\n border-radius: 6px;\n margin-top: 4px;\n font-weight: 700;\n font-size: 16px;\n color: #1a202c;\n}\n\n.copy-btn {\n background: var(--gold);\n color: #ffffff;\n border: none;\n padding: 4px 10px;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 600;\n cursor: pointer;\n transition: background 0.2s;\n}\n\n.copy-btn:hover {\n background: #b89628;\n}\n\n.file-upload-box {\n margin-top: 15px;\n}\n\n.file-input-wrapper {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 20px;\n border: 2px dashed #cbd5e0;\n border-radius: 10px;\n background: #ffffff;\n text-align: center;\n cursor: pointer;\n transition: border-color 0.2s;\n}\n\n.file-input-wrapper:hover {\n border-color: var(--primary);\n}\n\n.file-input-wrapper input[type=file] {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n}\n\n.file-icon {\n font-size: 28px;\n margin-bottom: 8px;\n}\n\n.file-preview-name {\n font-size: 13px;\n color: var(--primary);\n font-weight: 600;\n margin-top: 8px;\n word-break: break-all;\n}\n\n.note {\n font-size: 13px;\n color: #c0392b;\n font-weight: 500;\n line-height: 1.5;\n margin-top: 12px;\n}\n\n.submit-btn {\n width: 100%;\n padding: 16px;\n background: linear-gradient(135deg, #8B0000 0%, #600000 100%);\n color: #ffffff;\n border: none;\n border-radius: var(--radius);\n font-size: 18px;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.3s ease;\n box-shadow: 0 4px 12px rgba(139, 0, 0, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n}\n\n.submit-btn:hover {\n background: linear-gradient(135deg, #a50000 0%, #780000 100%);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(139, 0, 0, 0.4);\n}\n\n.submit-btn:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n transform: none;\n}\n\n.spinner {\n width: 20px;\n height: 20px;\n border: 3px solid rgba(255, 255, 255, 0.3);\n border-radius: 50%;\n border-top-color: #fff;\n animation: spin 0.8s linear infinite;\n display: none;\n}\n\n@keyframes spin {\n to { transform: rotate(360deg); }\n}\n\n.footer {\n text-align: center;\n padding: 20px;\n color: #718096;\n font-size: 13.5px;\n border-top: 1px solid var(--border-color);\n background: #fafafa;\n}\n\n\/* Modal Popup Status *\/\n.modal-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(4px);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1000;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.3s ease;\n}\n\n.modal-overlay.active {\n opacity: 1;\n pointer-events: auto;\n}\n\n.modal-card {\n background: #ffffff;\n padding: 30px;\n border-radius: 16px;\n max-width: 440px;\n width: 90%;\n text-align: center;\n box-shadow: 0 20px 30px rgba(0,0,0,0.3);\n transform: scale(0.9);\n transition: transform 0.3s ease;\n}\n\n.modal-overlay.active .modal-card {\n transform: scale(1);\n}\n\n.modal-icon {\n width: 60px;\n height: 60px;\n background: #def7ec;\n color: #0e9f6e;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 30px;\n margin: 0 auto 15px;\n}\n\n.modal-title {\n font-size: 20px;\n font-weight: 700;\n color: #1a202c;\n margin-bottom: 10px;\n}\n\n.modal-desc {\n font-size: 14px;\n color: #4a5568;\n line-height: 1.5;\n margin-bottom: 20px;\n}\n\n.modal-actions {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\n.wa-btn {\n background: #25D366;\n color: #ffffff;\n padding: 12px 20px;\n border-radius: 8px;\n text-decoration: none;\n font-weight: 700;\n font-size: 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n transition: background 0.2s;\n}\n\n.wa-btn:hover {\n background: #1ebc57;\n}\n\n.wa-btn-secondary {\n background: #075E54;\n}\n\n.wa-btn-secondary:hover {\n background: #04433c;\n}\n\n.close-modal-btn {\n background: #edf2f7;\n color: #4a5568;\n border: none;\n padding: 10px;\n border-radius: 8px;\n font-weight: 600;\n cursor: pointer;\n}\n\n@media (max-width: 600px) {\n body { padding: 20px 10px; }\n .form-row { grid-template-columns: 1fr; }\n form { padding: 20px; }\n .header h1 { font-size: 24px; }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"container\">\n\n <div class=\"header\">\n <div class=\"header-badge\">PERTANDINGAN KARAOKE 2026<\/div>\n <h1>BINTANG MAHARANI 2026<\/h1>\n <p>Borang Pendaftaran Resmi Peserta<\/p>\n <\/div>\n\n <div id=\"urlWarningBanner\" class=\"url-warning-banner\">\n \u26a0\ufe0f <strong>Perhatian:<\/strong> <code>GOOGLE_SCRIPT_URL<\/code> belum diisi! Data tidak dapat disimpan ke Google Sheet sehingga anda memasukkan Web App URL dari Apps Script.\n <\/div>\n\n <form id=\"registrationForm\">\n\n <div class=\"form-group\">\n <label for=\"nama\">Nama Penuh <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"nama\" name=\"nama\" placeholder=\"Masukkan nama penuh seperti dalam IC\" required>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"no_tel\">No. Telefon <span class=\"req\">*<\/span><\/label>\n <input type=\"tel\" id=\"no_tel\" name=\"no_tel\" placeholder=\"Contoh: 0123456789\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"umur\">Umur <span class=\"req\">*<\/span><\/label>\n <input type=\"number\" id=\"umur\" name=\"umur\" min=\"1\" max=\"100\" placeholder=\"Contoh: 25\" required>\n <\/div>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"no_ic\">No. Kad Pengenalan <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"no_ic\" name=\"no_ic\" placeholder=\"Contoh: 900101-10-1234\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"jantina\">Jantina <span class=\"req\">*<\/span><\/label>\n <select id=\"jantina\" name=\"jantina\" required>\n <option value=\"\">-- Sila Pilih --<\/option>\n <option value=\"Lelaki\">Lelaki<\/option>\n <option value=\"Perempuan\">Perempuan<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"tajuk_lagu\">Tajuk Lagu <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"tajuk_lagu\" name=\"tajuk_lagu\" placeholder=\"Tajuk lagu penyertaan\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"penyanyi\">Penyanyi Asal <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"penyanyi\" name=\"penyanyi\" placeholder=\"Nama penyanyi asal\" required>\n <\/div>\n <\/div>\n\n <div class=\"radio-group-container\">\n <h3>\ud83d\udcc5 Sila Pilih Tarikh Saringan <span class=\"req\">*<\/span><\/h3>\n <div class=\"saringan-options\">\n <label class=\"saringan-card\">\n <input type=\"radio\" name=\"saringan\" value=\"Saringan 1 - 16 Ogos 2026 (Ahad)\" required>\n <span>Saringan 1 - 16 Ogos 2026 (Ahad)<\/span>\n <\/label>\n\n <label class=\"saringan-card\">\n <input type=\"radio\" name=\"saringan\" value=\"Saringan 2 - 23 Ogos 2026 (Ahad)\">\n <span>Saringan 2 - 23 Ogos 2026 (Ahad)<\/span>\n <\/label>\n\n <label class=\"saringan-card\">\n <input type=\"radio\" name=\"saringan\" value=\"Saringan 3 - 30 Ogos 2026 (Ahad)\">\n <span>Saringan 3 - 30 Ogos 2026 (Ahad)<\/span>\n <\/label>\n\n <label class=\"saringan-card\">\n <input type=\"radio\" name=\"saringan\" value=\"Saringan 4 - 6 September 2026 (Ahad)\">\n <span>Saringan 4 - 6 September 2026 (Ahad)<\/span>\n <\/label>\n <\/div>\n <\/div>\n\n <div class=\"payment-card\">\n <h3>Yuran Pendaftaran<\/h3>\n <div class=\"fee-badge\">RM 50.00<\/div>\n\n <h3>Maklumat Pembayaran<\/h3>\n <div class=\"bank-info\">\n <p><strong>Bank:<\/strong> RHB Bank<\/p>\n <p><strong>Nama Akaun:<\/strong> MAHARAJA ENTERTAINMENT SDN BHD<\/p>\n <p><strong>No. Akaun:<\/strong><\/p>\n <div class=\"account-num-row\">\n <span id=\"accNum\">21603900007768<\/span>\n <button type=\"button\" class=\"copy-btn\" onclick=\"copyAccNum()\">Salin<\/button>\n <\/div>\n <\/div>\n\n <div class=\"file-upload-box\">\n <label for=\"buktiPembayaran\">Muat Naik Bukti Pembayaran (Resit\/Slip) <span class=\"req\">*<\/span><\/label>\n <div class=\"file-input-wrapper\">\n <div class=\"file-icon\">\ud83d\udcc4<\/div>\n <div id=\"fileUploadText\"><strong>Klik untuk pilih fail resit<\/strong> (Gambar atau PDF)<\/div>\n <div id=\"filePreviewName\" class=\"file-preview-name\"><\/div>\n <input type=\"file\" id=\"buktiPembayaran\" name=\"buktiPembayaran\" accept=\"image\/*,.pdf\" required onchange=\"handleFileSelect(this)\">\n <\/div>\n <\/div>\n\n <p class=\"note\">\n * Sila hantar atau muat naik bukti pembayaran selepas pembayaran dibuat bagi tujuan pengesahan pendaftaran.\n <\/p>\n <\/div>\n\n <br>\n\n <button type=\"submit\" class=\"submit-btn\" id=\"submitBtn\">\n <span class=\"spinner\" id=\"btnSpinner\"><\/span>\n <span id=\"btnText\">HANTAR PENDAFTARAN<\/span>\n <\/button>\n\n <\/form>\n\n <div class=\"footer\">\n \u00a9 2026 Bintang Maharani \u2022 Maharaja Entertainment Sdn Bhd\n <\/div>\n\n<\/div>\n\n\n<div class=\"modal-overlay\" id=\"successModal\">\n <div class=\"modal-card\">\n <div class=\"modal-icon\">\u2713<\/div>\n <h3 class=\"modal-title\">Pendaftaran Berjaya!<\/h3>\n <p class=\"modal-desc\">\n Borang anda telah diproses dan disimpan ke Google Sheet. Sila klik butang di bawah untuk menghantar pengesahan pendaftaran ke WhatsApp Urusetia.\n <\/p>\n <div class=\"modal-actions\">\n <button type=\"button\" class=\"wa-btn\" onclick=\"sendToBothWhatsApp()\">\n \ud83d\udcac Hantar ke WhatsApp Urusetia (+601129005923)\n <\/button>\n <button type=\"button\" class=\"close-modal-btn\" onclick=\"closeModal()\">Tutup<\/button>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n\/\/ =========================================================================\n\/\/ ISIKAN URL GOOGLE APPS SCRIPT ANDA DI SINI SELEPAS PROSES DEPLOYMENT:\n\/\/ =========================================================================\nconst GOOGLE_SCRIPT_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbwT9ToC2eCZ1qHZcSitYG8OTZR2xZb9KfjcWYa2sepNVWdlYIwQlWIGMHj8o-F97zzXOQ\/exec\"; \n\n\n\/\/ Target WhatsApp numbers\nconst TARGET_WHATSAPP_1 = \"60123656038\";\nconst TARGET_WHATSAPP_2 = \"601129005923\";\nlet currentWaText = \"\";\n\nfunction sendToBothWhatsApp() {\n if (!currentWaText) return;\n const waUrl1 = `https:\/\/wa.me\/${TARGET_WHATSAPP_1}?text=${encodeURIComponent(currentWaText)}`;\n const waUrl2 = `https:\/\/wa.me\/${TARGET_WHATSAPP_2}?text=${encodeURIComponent(currentWaText)}`;\n\n \/\/ Open Urusetia 1 (+60123656038) and Urusetia 2 (+601129005923) simultaneously\n window.open(waUrl1, '_blank');\n setTimeout(() => {\n window.open(waUrl2, '_blank');\n }, 400);\n}\n\n\/\/ Check if GOOGLE_SCRIPT_URL is configured on page load\nwindow.addEventListener('DOMContentLoaded', () => {\n if (!GOOGLE_SCRIPT_URL || GOOGLE_SCRIPT_URL.trim() === \"\") {\n document.getElementById('urlWarningBanner').style.display = 'block';\n }\n});\n\nfunction copyAccNum() {\n const acc = document.getElementById('accNum').innerText;\n navigator.clipboard.writeText(acc).then(() => {\n alert('Nombor akaun berjaya disalin: ' + acc);\n }).catch(err => {\n console.error('Gagal menyalin:', err);\n });\n}\n\nfunction handleFileSelect(input) {\n const preview = document.getElementById('filePreviewName');\n const textWrapper = document.getElementById('fileUploadText');\n if (input.files && input.files[0]) {\n const file = input.files[0];\n preview.innerText = `Fail dipilih: ${file.name} (${(file.size \/ 1024).toFixed(1)} KB)`;\n textWrapper.style.display = 'none';\n } else {\n preview.innerText = '';\n textWrapper.style.display = 'block';\n }\n}\n\ndocument.getElementById('registrationForm').addEventListener('submit', async function(e) {\n e.preventDefault();\n\n const submitBtn = document.getElementById('submitBtn');\n const btnSpinner = document.getElementById('btnSpinner');\n const btnText = document.getElementById('btnText');\n\n \/\/ UI Loading state\n submitBtn.disabled = true;\n btnSpinner.style.display = 'inline-block';\n btnText.innerText = 'Sedang Menghantar Data...';\n\n \/\/ Collect field values\n const nama = document.getElementById('nama').value.trim();\n const no_tel = document.getElementById('no_tel').value.trim();\n const umur = document.getElementById('umur').value.trim();\n const no_ic = document.getElementById('no_ic').value.trim();\n const jantina = document.getElementById('jantina').value;\n const tajuk_lagu = document.getElementById('tajuk_lagu').value.trim();\n const penyanyi = document.getElementById('penyanyi').value.trim();\n const saringanRadio = document.querySelector('input[name=\"saringan\"]:checked');\n const saringan = saringanRadio ? saringanRadio.value : '';\n\n const fileInput = document.getElementById('buktiPembayaran');\n let fileName = '';\n let fileData = '';\n let fileMime = '';\n\n if (fileInput.files.length > 0) {\n const file = fileInput.files[0];\n fileName = file.name;\n fileMime = file.type;\n try {\n fileData = await convertFileToBase64(file);\n } catch (err) {\n console.error('Ralat membaca fail:', err);\n }\n }\n\n const payload = {\n nama,\n no_tel,\n umur,\n no_ic,\n jantina,\n tajuk_lagu,\n penyanyi,\n saringan,\n fileName,\n fileData,\n fileMime\n };\n\n \/\/ Send to Google Sheets Apps Script Web App (if URL is set)\n if (GOOGLE_SCRIPT_URL && GOOGLE_SCRIPT_URL.trim() !== \"\") {\n try {\n await fetch(GOOGLE_SCRIPT_URL, {\n method: 'POST',\n mode: 'no-cors',\n headers: {\n 'Content-Type': 'text\/plain;charset=utf-8',\n },\n body: JSON.stringify(payload)\n });\n console.log('Data berjaya dihantar ke Google Apps Script Web App.');\n } catch (err) {\n console.error('Ralat penghantaran ke Google Sheet:', err);\n }\n } else {\n alert('PERHATIAN: GOOGLE_SCRIPT_URL belum diisi dalam fail HTML! Sila pastikan anda membuat deployment Google Apps Script dan memasukkan Web App URL terlebih dahulu.');\n }\n\n \/\/ Build formatted WhatsApp message\n const waText = `*PENDAFTARAN BINTANG MAHARANI 2026*\\n\\n` +\n `\ud83d\udccc *Maklumat Peserta:*\\n` +\n `\u2022 *Nama:* ${nama}\\n` +\n `\u2022 *No. Telefon:* ${no_tel}\\n` +\n `\u2022 *Umur:* ${umur} tahun\\n` +\n `\u2022 *No. IC:* ${no_ic}\\n` +\n `\u2022 *Jantina:* ${jantina}\\n` +\n `\u2022 *Tajuk Lagu:* ${tajuk_lagu}\\n` +\n `\u2022 *Penyanyi Asal:* ${penyanyi}\\n` +\n `\u2022 *Tarikh Saringan:* ${saringan}\\n` +\n `\u2022 *Bukti Pembayaran:* ${fileName || 'Lampiran Resit'}\\n\\n` +\n `Salam urusetia, saya telah mendaftar dan memuat naik bukti pembayaran. Mohon semakan. Terima kasih!`;\n\n currentWaText = waText;\n\n \/\/ Reset button UI\n submitBtn.disabled = false;\n btnSpinner.style.display = 'none';\n btnText.innerText = 'HANTAR PENDAFTARAN';\n\n \/\/ Show modal popup\n document.getElementById('successModal').classList.add('active');\n\n \/\/ Auto send to both Urusetia 1 & Urusetia 2 simultaneously\n sendToBothWhatsApp();\n});\n\nfunction convertFileToBase64(file) {\n return new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.readAsDataURL(file);\n reader.onload = () => resolve(reader.result);\n reader.onerror = error => reject(error);\n });\n}\n\nfunction closeModal() {\n document.getElementById('successModal').classList.remove('active');\n}\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Pendaftaran Bintang Maharani 2026 PERTANDINGAN KARAOKE 2026 BINTANG MAHARANI 2026 Borang Pendaftaran Resmi Peserta \u26a0\ufe0f Perhatian: GOOGLE_SCRIPT_URL belum diisi! Data […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","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":"","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":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","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-1104","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sevenseaskaraoke.com\/index.php\/wp-json\/wp\/v2\/pages\/1104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sevenseaskaraoke.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sevenseaskaraoke.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sevenseaskaraoke.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sevenseaskaraoke.com\/index.php\/wp-json\/wp\/v2\/comments?post=1104"}],"version-history":[{"count":22,"href":"https:\/\/sevenseaskaraoke.com\/index.php\/wp-json\/wp\/v2\/pages\/1104\/revisions"}],"predecessor-version":[{"id":1133,"href":"https:\/\/sevenseaskaraoke.com\/index.php\/wp-json\/wp\/v2\/pages\/1104\/revisions\/1133"}],"wp:attachment":[{"href":"https:\/\/sevenseaskaraoke.com\/index.php\/wp-json\/wp\/v2\/media?parent=1104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}