{"id":7941,"date":"2025-12-18T15:32:15","date_gmt":"2025-12-18T07:32:15","guid":{"rendered":"https:\/\/www.ukm.my\/imen\/?page_id=7941"},"modified":"2025-12-18T15:32:15","modified_gmt":"2025-12-18T07:32:15","slug":"developement-page","status":"publish","type":"page","link":"https:\/\/www.ukm.my\/imen\/developement-page\/","title":{"rendered":"DEVELOPEMENT PAGE"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7941\" class=\"elementor elementor-7941\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-b1f62ee e-flex e-con-boxed e-con e-parent\" data-id=\"b1f62ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d57c6d2 elementor-widget elementor-widget-html\" data-id=\"d57c6d2\" 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<!-- RSVP System Widget Start -->\r\n<div id=\"rsvp-system-wrapper\" class=\"p-4 md:p-8 bg-gray-100 rounded-lg\">\r\n\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n    <style>\r\n        #rsvp-system-wrapper { font-family: 'Inter', sans-serif; }\r\n        .form-card { background: white; border-radius: 12px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); margin: 0 auto; overflow: hidden; position: relative; max-width: 600px; }\r\n        \r\n        \/* Gaya Imej Banner *\/\r\n        .form-banner { width: 100%; height: auto; display: block; }\r\n        \r\n        .form-header { background-color: #1e3a8a; color: white; padding: 24px; border-bottom: 4px solid #3b82f6; }\r\n        .form-header h2 { color: white !important; }\r\n        \r\n        .form-body { padding: 24px; }\r\n        .form-group { margin-bottom: 20px; }\r\n        .form-label { display: block; font-size: 0.875rem; font-weight: 600; color: #374151; margin-bottom: 6px; }\r\n        .form-select, .form-input { width: 100%; padding: 10px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 0.95rem; transition: border-color 0.2s; }\r\n        .form-select:focus, .form-input:focus { outline: none; border-color: #2563eb; ring: 2px solid #bfdbfe; }\r\n        \r\n        .radio-group { display: flex; gap: 15px; }\r\n        .radio-option { display: flex; align-items: center; border: 1px solid #e5e7eb; padding: 10px 16px; border-radius: 8px; cursor: pointer; flex: 1; justify-content: center; transition: all 0.2s; }\r\n        .radio-option:hover { background-color: #f9fafb; }\r\n        .radio-option.selected { background-color: #eff6ff; border-color: #2563eb; color: #1d4ed8; font-weight: 600; }\r\n        \r\n        .result-box { background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 16px; margin-top: 24px; }\r\n        .result-row { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: 0.9rem; color: #4b5563; }\r\n        .result-row.total { border-top: 1px solid #cbd5e1; margin-top: 12px; padding-top: 12px; font-weight: 700; color: #1e293b; font-size: 1.1rem; }\r\n        \r\n        .btn-submit { width: 100%; padding: 12px; border-radius: 8px; font-weight: 600; text-align: center; margin-top: 20px; cursor: pointer; transition: background 0.2s; border: none; }\r\n        .btn-google { background-color: #7c3aed; color: white; }\r\n        .btn-google:hover { background-color: #6d28d9; }\r\n        \r\n        .hidden { display: none !important; }\r\n        \r\n        \/* Pratinjau Bilik *\/\r\n        .room-preview-container { margin-top: 12px; position: relative; border-radius: 8px; overflow: hidden; border: 1px solid #e5e7eb; background: #000; }\r\n        .room-preview-img { width: 100%; height: 220px; object-fit: cover; transition: opacity 0.3s ease; }\r\n        .room-badge { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.6); color: white; padding: 8px; font-size: 0.8rem; text-align: center; backdrop-filter: blur(2px); z-index: 5; }\r\n        \r\n        .carousel-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.4); color: white; border: none; padding: 12px 8px; cursor: pointer; z-index: 10; font-size: 20px; transition: background 0.2s; }\r\n        .carousel-btn:hover { background: rgba(0,0,0,0.8); }\r\n        .btn-prev { left: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }\r\n        .btn-next { right: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }\r\n        \r\n        .alert-box { padding: 12px; border-radius: 6px; font-size: 0.85rem; margin-top: 8px; }\r\n        .alert-warning { background-color: #fff7ed; border: 1px solid #fed7aa; color: #9a3412; }\r\n\r\n        .header-date-badge { display: inline-block; background-color: black; color: #fef08a; padding: 8px 24px; border-radius: 50px; font-weight: 800; margin-bottom: 16px; }\r\n        .tentative-btn { background: #f3f4f6; color: #1e3a8a; border: 1px solid #bfdbfe; font-weight: 600; width: 100%; padding: 12px; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; margin-bottom: 20px; }\r\n        .timeline-item { position: relative; padding-left: 24px; padding-bottom: 20px; border-left: 2px solid #e5e7eb; }\r\n        .timeline-dot { position: absolute; left: -6px; top: 0; width: 10px; height: 10px; border-radius: 50%; background: #3b82f6; }\r\n        .day-header { background: #1e3a8a; color: white; padding: 8px 12px; border-radius: 6px; font-weight: 700; margin-bottom: 12px; display: inline-block; }\r\n\r\n        \/* Modal Alasan *\/\r\n        .modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; z-index: 10000; padding: 20px; }\r\n        .modal-content { background: white; width: 100%; max-width: 400px; border-radius: 12px; padding: 24px; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); }\r\n    <\/style>\r\n\r\n    <!-- Modal Sebab Tidak Hadir -->\r\n    <div id=\"reasonModal\" class=\"modal-overlay hidden\">\r\n        <div class=\"modal-content\">\r\n            <h3 class=\"text-lg font-bold text-gray-900 mb-2\">Maklumat Ketidakhadiran<\/h3>\r\n            <p class=\"text-sm text-gray-600 mb-4\">Sila nyatakan sebab anda tidak dapat hadir ke bengkel ini:<\/p>\r\n            <textarea id=\"reasonInput\" class=\"form-input w-full h-24 mb-4\" placeholder=\"Sila nyatakan sebab...\"><\/textarea>\r\n            <div class=\"flex gap-3\">\r\n                <button onclick=\"closeReasonModal()\" class=\"flex-1 py-2 px-4 border border-gray-300 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50\">Batal<\/button>\r\n                <button onclick=\"confirmAbsenceSubmission()\" class=\"flex-1 py-2 px-4 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700\">Hantar<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"form-card relative\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/imen\/wp-content\/uploads\/2025\/12\/amverton2.jpg\" alt=\"Amverton Banner\" class=\"form-banner\">\r\n\r\n        <!-- Header -->\r\n        <div class=\"form-header text-center\">\r\n            <div class=\"header-date-badge\">22-24 JAN 2026 (THU-SAT)<\/div>\r\n            <h2 class=\"text-2xl font-bold text-white\">RSVP Bengkel Halatuju dan Pengukuhan Kerja Berpasukan IMEN 2026<\/h2>\r\n            <p id=\"sub-header-text\" class=\"text-blue-200 mt-2 text-sm\">Sila pilih nama anda untuk semakan kelayakan dan pengesahan kehadiran.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Borang RSVP -->\r\n        <div id=\"form-body-main\" class=\"form-body\">\r\n            <button class=\"tentative-btn\" onclick=\"toggleTentative()\">\r\n                <span>\ud83d\udcc4 Lihat Tentatif Program<\/span>\r\n                <svg id=\"tentativeIcon\" class=\"w-5 h-5 transform transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n            <\/button>\r\n\r\n            <div id=\"tentativeContent\" class=\"hidden mb-8 pl-2\">\r\n                <div class=\"mb-6\">\r\n                    <div class=\"day-header\">22 JANUARI 2026 (KHAMIS)<\/div>\r\n                    <div class=\"timeline-item\"><div class=\"timeline-dot\"><\/div><div class=\"timeline-time\">8.00 Pagi<\/div><div class=\"timeline-content\">Berkumpul di Panggung Seni. Bas bergerak.<\/div><\/div>\r\n                    <div class=\"timeline-item\"><div class=\"timeline-dot\"><\/div><div class=\"timeline-time\">10.00 Pagi<\/div><div class=\"timeline-content\">Ucapan Aluan Pengarah & Pembentangan Tema 1<\/div><\/div>\r\n                    <div class=\"timeline-item\"><div class=\"timeline-dot\"><\/div><div class=\"timeline-time\">12.30 Tengahari<\/div><div class=\"timeline-content\">Makan Tengahari, Solat & Rehat<\/div><\/div>\r\n                    <div class=\"timeline-item\"><div class=\"timeline-dot\"><\/div><div class=\"timeline-time\">5.00 Petang<\/div><div class=\"timeline-content\">Pendaftaran Masuk Hotel<\/div><\/div>\r\n                    <div class=\"timeline-item\"><div class=\"timeline-dot\"><\/div><div class=\"timeline-time\">8.30 Malam<\/div><div class=\"timeline-content\">Sambungan Bengkel & Hala Tuju 2026-2031<\/div><\/div>\r\n                <\/div>\r\n                <div class=\"mb-6\">\r\n                    <div class=\"day-header\">23 JANUARI 2026 (JUMAAT)<\/div>\r\n                    <div class=\"timeline-item\"><div class=\"timeline-dot\"><\/div><div class=\"timeline-time\">8.00 Pagi<\/div><div class=\"timeline-content\">Senamrobik.<\/div><\/div>\r\n                    <div class=\"timeline-item\"><div class=\"timeline-dot\"><\/div><div class=\"timeline-time\">3.00 Petang<\/div><div class=\"timeline-content\">Aktiviti Kerja Berpasukan \u2013 Explorace.<\/div><\/div>\r\n                    <div class=\"timeline-item\"><div class=\"timeline-dot\"><\/div><div class=\"timeline-time\">4.30 Petang<\/div><div class=\"timeline-content\">Minum Petang<\/div><\/div>\r\n                    <div class=\"timeline-item\"><div class=\"timeline-dot\"><\/div><div class=\"timeline-time\">8.30 Malam<\/div><div class=\"timeline-content\">Makan Malam BBQ Bertema & Penyampaian Sijil dan Hadiah<\/div><\/div>\r\n                <\/div>\r\n                <div>\r\n                    <div class=\"day-header\">24 JANUARI 2026 (SABTU)<\/div>\r\n                    <div class=\"timeline-item\"><div class=\"timeline-dot\"><\/div><div class=\"timeline-time\">8.00 Pagi<\/div><div class=\"timeline-content\">Senamrobik.<\/div><\/div>\r\n                    <div class=\"timeline-item\"><div class=\"timeline-dot\"><\/div><div class=\"timeline-time\">12.30 Tengahari<\/div><div class=\"timeline-content\">Berkumpul & Bergerak Pulang (makan tengah hari tidak disediakan).<\/div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"form-group\">\r\n                <label class=\"form-label\">Position<\/label>\r\n                <select id=\"positionSelect\" class=\"form-select\" onchange=\"handlePositionChange()\">\r\n                    <option value=\"\">-- Select Position --<\/option>\r\n                    <option value=\"VK7\">VK7<\/option>\r\n                    <option value=\"D14\">D14<\/option>\r\n                    <option value=\"D13\">D13<\/option>\r\n                    <option value=\"GiG\">GiG Academic and others<\/option>\r\n                    <option value=\"PnP\">PnP<\/option>\r\n                    <option value=\"Pelaksana\">Pelaksana<\/option>\r\n                <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"form-group hidden\" id=\"nameContainer\">\r\n                <label class=\"form-label\">Your Name<\/label>\r\n                <select id=\"nameSelect\" class=\"form-select\" onchange=\"calculate()\"><\/select>\r\n            <\/div>\r\n\r\n            <div id=\"optionsContainer\" class=\"hidden\">\r\n                <div class=\"form-group\">\r\n                    <label class=\"form-label\">Are you attending?<\/label>\r\n                    <div class=\"radio-group\">\r\n                        <div class=\"radio-option selected\" id=\"optAttendYes\" onclick=\"setAttend(true)\">Yes<\/div>\r\n                        <div class=\"radio-option\" id=\"optAttendNo\" onclick=\"setAttend(false)\">No<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div id=\"activeOptions\">\r\n                    <div class=\"form-group\">\r\n                        <label class=\"form-label\">Transport <span class=\"text-red-500\">*<\/span><\/label>\r\n                        <select id=\"transportSelect\" class=\"form-select\" onchange=\"handleTransportChange()\">\r\n                            <option value=\"\">-- Select Transport --<\/option>\r\n                            <option value=\"bus\">Bus<\/option>\r\n                            <option value=\"own\">Own Transport<\/option>\r\n                        <\/select>\r\n                        <div id=\"transportOwnMsg\" class=\"hidden alert-box alert-warning\">Note: Mileage cost will be covered by self.<\/div>\r\n                        <div id=\"transportBusDetails\" class=\"hidden mt-3\">\r\n                            <label class=\"form-label text-sm\">Car Plate Number<\/label>\r\n                            <input type=\"text\" id=\"carPlateInput\" class=\"form-input\" placeholder=\"ABC 1234\" oninput=\"calculate()\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group border-t pt-4\">\r\n                        <label class=\"form-label flex items-center\">\r\n                            <input type=\"checkbox\" id=\"familyCheck\" class=\"w-5 h-5 text-blue-600 rounded mr-2\" onchange=\"calculate()\">\r\n                            <span>Bringing Family? (Forces Studio King)<\/span>\r\n                        <\/label>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\">\r\n                        <label class=\"form-label\">Room Preference<\/label>\r\n                        <select id=\"roomSelect\" class=\"form-select\" onchange=\"calculate()\"><\/select>\r\n                        <div id=\"roomImageContainer\" class=\"room-preview-container hidden\">\r\n                            <img decoding=\"async\" id=\"roomImage\" src=\"\" alt=\"Room Preview\" class=\"room-preview-img\">\r\n                            <div id=\"roomImageCaption\" class=\"room-badge\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"result-box\">\r\n                        <div class=\"result-row\"><span>Budget Allocation (2 Nights):<\/span><span id=\"dispBudget\" class=\"font-medium text-blue-700\">RM 0<\/span><\/div>\r\n                        <div class=\"result-row total\"><span>Top-up Required:<\/span><span id=\"dispTopup\" class=\"text-green-600\">RM 0<\/span><\/div>\r\n                    <\/div>\r\n\r\n                    <button class=\"btn-submit btn-google\" onclick=\"submitGoogleForm()\">Next<\/button>\r\n                <\/div>\r\n                \r\n                <div id=\"inactiveMessage\" class=\"hidden mt-6 p-6 bg-gray-50 border border-gray-200 rounded-lg text-center\">\r\n                    <p class=\"text-gray-700 mb-4 font-medium\">You have selected \"Not Attending\".<\/p>\r\n                    <p class=\"text-sm text-gray-500 mb-4\">Sila klik butang di bawah untuk nyatakan sebab dan hantar maklumat.<\/p>\r\n                    <button class=\"btn-submit bg-gray-600 text-white hover:bg-gray-700\" onclick=\"submitGoogleForm()\">\r\n                        Submit Absence\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        const FORM_URL = \"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSc4sR6hPWHfYbfRuqK4Bpx4Z5CSOe5SlWTV6wdCDTgyejy2KA\/viewform\"; \r\n        const ENTRY_IDS = {\r\n            NAME:      \"entry.50766373\",\r\n            POSITION:  \"entry.823363987\",\r\n            ATTEND:    \"entry.134221490\",\r\n            TRANSPORT: \"entry.462805808\",\r\n            CARPLATE:  \"entry.1061056894\",\r\n            ROOM:      \"entry.1365560696\",\r\n            TOPUP:     \"entry.75501720\",\r\n            REASON:    \"entry.2131636011\" \r\n        };\r\n\r\n        const NIGHTS = 2;\r\n        const RATES = { TWIN: 340, KING: 530, TRIPLE: 320 };\r\n        const GROUP_BUDGETS = { VK7: 410, D14: 335, D13: 300, GiG: 300, PnP: 240, Pelaksana: 220 };\r\n        const INDIVIDUAL_BUDGETS = {\r\n            \"Prof. Dr. Masuri Othman\": 265, \"Prof. Dr. Sahbudin Hj. Shaari\": 410, \"Nor Fauziana Aziz\": 300, \"Mohd Hannas Hosnon\": 300,\r\n            \"Mohd Azrin Omar\": 240, \"Mohd Fazriq Md Yunus\": 240, \"Nik Mohd Zaimi Nik Par\": 240\r\n        };\r\n        const NAMES = {\r\n            VK7: [\"Prof. Ir. Dr. Ahmad Ashrif A Bakar\", \"Prof. Dato' Dr. Burhanuddin Yeop Majlis\", \"Prof. Emeritus Dato' Dr. Muhammad bin Yahya\", \"Prof. Emeritus Dr. Muhamad Mat Salleh\", \"Prof. Dr. Azman Jalar\", \"Prof. Dr. Rusli Daik\", \"Prof. Dr. Azrul Azlan Hamzah\", \"Prof. Akrajas Ali Umar\", \"Prof. Dr. Mohd Ambri Mohamed\", \"Prof. Dr. Dee Chang Fu\", \"Prof. Dr. Jumril Yunas\"],\r\n            D14: [\"Prof. Madya Dr. Muhamad Ramdzan Buyong\", \"Prof. Madya Ir. Dr. Abang Annuar Ehsan\", \"Prof. Madya Dr. P.Susthitha Menon\", \"Prof. Madya Dr. Siow Kim Shyong\", \"Prof. Madya Ir. Dr. Jahariah Sampe\"],\r\n            D13: [\"Dr. Tengku Hasnan Tengku Abdul Aziz\", \"Dr. Abdul Rahman Mohmad\", \"Dr. Dilla Duryha Berhanuddin\", \"Dr. Farhanulhakim Mohd Razip Wee\", \"Dr. Rhonira Latif\", \"Dr. Mohd Zulhakimi Ab Razak\", \"Dr. Ahmad Ghadafi Ismail\", \"Dr. Norhayati Abu Bakar\", \"Dr. Maria Abu Bakar\", \"Dr. Ooi Poh Choon\", \"Dr. Muhammad Aniq Shazni Mohammad Haniff\", \"Dr. Atiqah Mohd Afdzaluddin\", \"Dr. Ahmad Razif Muhammad\", \"Dr. Raihana Baharu\", \"Dr. Muhammad Asif Ahmad Khushaini\"],\r\n            GiG: [\"Ts. ChM. Dr. Nur Hidayah Azeman\", \"Dr. Sharipah Nadzirah\", \"Prof. Dr. Masuri Othman\", \"Prof. Dr. Sahbudin Hj. Shaari\"],\r\n            PnP: [\"Mohd Hannas Hosnon\", \"Nor Fauziana Aziz\", \"Siti Azura Abd Rahim\", \"Mimiwaty Mohd Noor\", \"ChM. Mohd Fairus Awang\", \"Shafii Abdul Wahab\", \"Saiful Bahari Bakarudin\", \"Anezah Marsan\", \"Abdul Hafiz Mat Sulaiman\", \"Dr. Siti Nurfadhlina Mohd Noor\", \"Nurul Izzah Zakaria\", \"Dr. Hafzaliza Erny Zainal Abidin\", \"Mohd Hafizuddin Roslan\", \"Faezul Anto Fuhyadi\"],\r\n            Pelaksana: [\"Faeizah Buang\", \"Noor Azzyla Mohammed Ami\", \"Nurhidayati Ismail\", \"Hazde Akmar Mohd Salleh\", \"Mohd Azrin Omar\", \"Mohd Fazriq Md Yunus\", \"Nik Mohd Zaimi Nik Par\"]\r\n        };\r\n\r\n        const ROOM_IMAGES = {\r\n            suite: { url: \"https:\/\/www.ukm.my\/imen\/wp-content\/uploads\/2025\/12\/SQ1.jpg\", caption: \"2-Bedroom Suite\" },\r\n            twin: { url: \"https:\/\/www.ukm.my\/imen\/wp-content\/uploads\/2025\/12\/ST1.jpg\", caption: \"Studio Twin\" },\r\n            king: { url: \"https:\/\/www.ukm.my\/imen\/wp-content\/uploads\/2025\/12\/SK1.jpg\", caption: \"Studio King\" }\r\n        };\r\n\r\n        let currentPosition = \"\", currentName = \"\", isAttending = true, finalData = {};\r\n\r\n        window.toggleTentative = () => {\r\n            const c = document.getElementById('tentativeContent'), i = document.getElementById('tentativeIcon');\r\n            c.classList.toggle('hidden');\r\n            i.style.transform = c.classList.contains('hidden') ? 'rotate(0deg)' : 'rotate(180deg)';\r\n        };\r\n\r\n        window.handlePositionChange = () => {\r\n            const p = document.getElementById('positionSelect'), n = document.getElementById('nameSelect'), c = document.getElementById('nameContainer');\r\n            currentPosition = p.value; n.innerHTML = '<option value=\"\">-- Select Name --<\/option>';\r\n            if (currentPosition) {\r\n                NAMES[currentPosition].forEach(name => n.add(new Option(name, name)));\r\n                c.classList.remove('hidden');\r\n            } else c.classList.add('hidden');\r\n            updateRoomOptions(currentPosition);\r\n        };\r\n\r\n        function updateRoomOptions(pos) {\r\n            const s = document.getElementById('roomSelect'); s.innerHTML = '';\r\n            if (pos === 'VK7') { s.add(new Option(\"Studio Twin (Default)\", \"twin\")); s.add(new Option(\"Studio King (Private)\", \"king\")); }\r\n            else { s.add(new Option(\"Suite (Quad\/Triple) (Default)\", \"suite\")); s.add(new Option(\"Studio King (Private)\", \"king\")); }\r\n        }\r\n\r\n        window.handleTransportChange = () => {\r\n            const v = document.getElementById('transportSelect').value;\r\n            document.getElementById('transportOwnMsg').classList.toggle('hidden', v !== 'own');\r\n            document.getElementById('transportBusDetails').classList.toggle('hidden', v !== 'bus');\r\n            calculate();\r\n        };\r\n\r\n        window.calculate = () => {\r\n            currentName = document.getElementById('nameSelect').value;\r\n            if (!currentName) return document.getElementById('optionsContainer').classList.add('hidden');\r\n            document.getElementById('optionsContainer').classList.remove('hidden');\r\n\r\n            const fam = document.getElementById('familyCheck').checked, s = document.getElementById('roomSelect');\r\n            if (fam) { s.value = 'king'; s.disabled = true; } else { s.disabled = false; }\r\n\r\n            const type = s.value;\r\n            const imgData = ROOM_IMAGES[type];\r\n            if (imgData) {\r\n                document.getElementById('roomImageContainer').classList.remove('hidden');\r\n                document.getElementById('roomImage').src = imgData.url;\r\n                document.getElementById('roomImageCaption').innerText = imgData.caption;\r\n            }\r\n\r\n            const bud = (INDIVIDUAL_BUDGETS[currentName] || GROUP_BUDGETS[currentPosition]) * NIGHTS;\r\n            const cost = (type === 'suite' ? RATES.TRIPLE : (type === 'twin' ? RATES.TWIN : RATES.KING)) * NIGHTS;\r\n            const top = (type === 'suite' && !fam) ? 0 : Math.max(0, cost - bud);\r\n\r\n            document.getElementById('dispBudget').innerText = `RM ${bud}`;\r\n            const topupEl = document.getElementById('dispTopup');\r\n            topupEl.innerText = `RM ${top}`;\r\n            topupEl.className = top > 0 ? \"font-bold text-red-600 text-xl\" : \"font-bold text-green-600 text-xl\";\r\n\r\n            finalData = { name: currentName, position: currentPosition, attend: isAttending ? \"Yes\" : \"No\", room: type, topup: `RM ${top}`, transport: document.getElementById('transportSelect').value, carPlate: document.getElementById('carPlateInput').value, reason: \"\" };\r\n        };\r\n\r\n        window.setAttend = (status) => {\r\n            isAttending = status;\r\n            document.getElementById('optAttendYes').className = status ? \"radio-option selected\" : \"radio-option\";\r\n            document.getElementById('optAttendNo').className = !status ? \"radio-option selected\" : \"radio-option\";\r\n            document.getElementById('activeOptions').classList.toggle('hidden', !status);\r\n            document.getElementById('inactiveMessage').classList.toggle('hidden', status);\r\n            calculate();\r\n        };\r\n\r\n        window.closeReasonModal = () => document.getElementById('reasonModal').classList.add('hidden');\r\n\r\n        window.confirmAbsenceSubmission = () => {\r\n            const r = document.getElementById('reasonInput').value.trim();\r\n            if (!r) return alert(\"Sila nyatakan sebab.\");\r\n            finalData.reason = r;\r\n            closeReasonModal();\r\n            executeSubmission();\r\n        };\r\n\r\n        window.submitGoogleForm = () => {\r\n            if(!currentName) return alert(\"Sila pilih nama anda.\");\r\n            if (!isAttending) {\r\n                document.getElementById('reasonModal').classList.remove('hidden');\r\n                return;\r\n            }\r\n            if (!finalData.transport) return alert(\"Sila pilih pilihan pengangkutan.\");\r\n            executeSubmission();\r\n        };\r\n\r\n        function executeSubmission() {\r\n            let url = FORM_URL + \"?\" + ENTRY_IDS.NAME + \"=\" + encodeURIComponent(finalData.name) + \"&\" + ENTRY_IDS.POSITION + \"=\" + encodeURIComponent(finalData.position) + \"&\" + ENTRY_IDS.ATTEND + \"=\" + encodeURIComponent(finalData.attend) + \"&\" + ENTRY_IDS.ROOM + \"=\" + encodeURIComponent(finalData.room) + \"&\" + ENTRY_IDS.TOPUP + \"=\" + encodeURIComponent(finalData.topup) + \"&\" + ENTRY_IDS.TRANSPORT + \"=\" + encodeURIComponent(finalData.transport) + \"&\" + ENTRY_IDS.CARPLATE + \"=\" + encodeURIComponent(finalData.carPlate);\r\n            if (finalData.attend === \"No\" && finalData.reason) url += \"&\" + ENTRY_IDS.REASON + \"=\" + encodeURIComponent(finalData.reason);\r\n            window.open(url, '_blank');\r\n        }\r\n    })();\r\n    <\/script>\r\n<\/div>\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>Maklumat Ketidakhadiran Sila nyatakan sebab anda tidak dapat hadir ke bengkel ini: Batal Hantar 22-24 JAN 2026 (THU-SAT) RSVP Bengkel Halatuju dan Pengukuhan Kerja Berpasukan<a class=\"ut-readmore\" href=\"https:\/\/www.ukm.my\/imen\/developement-page\/\"> &#8230;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7941","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.ukm.my\/imen\/wp-json\/wp\/v2\/pages\/7941","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ukm.my\/imen\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ukm.my\/imen\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/imen\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/imen\/wp-json\/wp\/v2\/comments?post=7941"}],"version-history":[{"count":2,"href":"https:\/\/www.ukm.my\/imen\/wp-json\/wp\/v2\/pages\/7941\/revisions"}],"predecessor-version":[{"id":7952,"href":"https:\/\/www.ukm.my\/imen\/wp-json\/wp\/v2\/pages\/7941\/revisions\/7952"}],"wp:attachment":[{"href":"https:\/\/www.ukm.my\/imen\/wp-json\/wp\/v2\/media?parent=7941"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}