TIC Assessment Form | The Influential Club<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animate.css\/4.1.1\/animate.min.css\" rel=\"stylesheet\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;900&display=swap');\n \n body { \n font-family: 'Inter', sans-serif; \n background-color: #0e3693 !important; \n color: #ffffff !important; \n margin: 0; \n padding: 0;\n }\n\n \/* Custom Scrollbar *\/\n .custom-scrollbar::-webkit-scrollbar { width: 6px; }\n .custom-scrollbar::-webkit-scrollbar-track { background: rgba(255,255,255,0.05); border-radius: 10px; }\n .custom-scrollbar::-webkit-scrollbar-thumb { background: #c5a059; border-radius: 10px; }\n \n .gold-glow { box-shadow: 0 0 40px rgba(197, 160, 89, 0.25); }\n \n \/* Multi-step Logic *\/\n .step { display: none; }\n .step.active { display: block; }\n \n \/* UI Components *\/\n input[type=\"range\"] { accent-color: #c5a059; }\n \n .btn-gold { \n background-color: #c5a059 !important; \n color: #0e3693 !important; \n font-weight: 900; \n transition: all 0.3s; \n text-transform: uppercase;\n letter-spacing: 0.1em;\n }\n .btn-gold:hover { \n background-color: #ffffff !important; \n transform: translateY(-2px);\n box-shadow: 0 10px 20px rgba(0,0,0,0.4);\n }\n\n .input-premium {\n background-color: rgba(255, 255, 255, 0.1) !important;\n border-bottom: 2px solid #c5a059 !important;\n padding: 1.2rem !important;\n width: 100%;\n outline: none;\n transition: all 0.3s;\n border-radius: 0.75rem 0.75rem 0 0;\n color: #ffffff !important;\n }\n\n \/* Section C Labels - 12px & Font Black *\/\n .label-premium {\n font-size: 12px;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: #c5a059 !important;\n display: block;\n margin-bottom: 0.75rem;\n }\n\n \/* Logo Container - White background for Black Logo visibility *\/\n .logo-container {\n display: flex;\n align-items: center;\n justify-content: center;\n background: #ffffff !important; \n border: 3px solid #c5a059;\n border-radius: 2rem;\n padding: 1.5rem;\n margin-bottom: 2.5rem;\n width: 170px;\n height: 170px;\n margin-left: auto;\n margin-right: auto;\n box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n }\n \n .logo-img {\n max-width: 100%;\n max-height: 100%;\n object-fit: contain;\n }\n\n \/* Goal selection styles - 20% Bigger text *\/\n .goal-btn-active {\n background-color: #c5a059 !important;\n color: #0e3693 !important;\n border-color: #ffffff !important;\n transform: scale(1.02);\n box-shadow: 0 5px 20px rgba(197, 160, 89, 0.5);\n }\n\n .video-ready {\n border-color: #22c55e !important;\n background-color: rgba(34, 197, 94, 0.15) !important;\n }\n\n \/* Message Box Styling *\/\n #msg-box {\n display: none;\n position: fixed;\n top: 20px;\n left: 50%;\n transform: translateX(-50%);\n background: white;\n color: #0e3693;\n padding: 15px 30px;\n border-radius: 50px;\n font-weight: 900;\n text-transform: uppercase;\n z-index: 9999;\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n border: 2px solid #c5a059;\n }\n <\/style>\n<\/head>\n<body class=\"min-h-screen flex flex-col p-4 md:p-10\">\n\n <div id=\"msg-box\"><\/div>\n\n \n <div class=\"max-w-4xl mx-auto w-full mb-10\">\n <div class=\"flex justify-between items-center mb-4 px-2\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-white p-1 rounded-full w-8 h-8 flex items-center justify-center overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/sifoovideo.com\/wp-content\/uploads\/2026\/03\/LOGO-TIC-01.png\" alt=\"TIC\" class=\"w-full h-full object-contain\">\n <\/div>\n <span class=\"font-black tracking-widest text-xs uppercase text-[#c5a059]\">The Influential Club<\/span>\n <\/div>\n <span id=\"progress-text\" class=\"text-xs text-[#c5a059] font-mono font-bold uppercase tracking-tighter\">0% Completed<\/span>\n <\/div>\n <div class=\"h-2 w-full bg-white\/10 rounded-full overflow-hidden\">\n <div id=\"progress-bar\" class=\"h-full bg-[#c5a059] transition-all duration-700 shadow-[0_0_15px_#c5a059]\" style=\"width: 0%\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"max-w-2xl mx-auto w-full bg-[#0e3693] border-2 border-[#c5a059]\/40 p-6 md:p-12 rounded-[3rem] shadow-2xl relative overflow-hidden gold-glow\">\n \n \n <div id=\"loading-overlay\" class=\"hidden absolute inset-0 bg-[#0e3693] z-50 flex flex-col items-center justify-center space-y-6 text-center px-6\">\n <div class=\"w-16 h-16 border-4 border-[#c5a059] border-t-transparent rounded-full animate-spin\"><\/div>\n <p class=\"text-[#c5a059] text-2xl font-black animate-pulse uppercase tracking-widest\">SENDING DATA…<\/p>\n <p class=\"text-white text-sm font-medium italic text-center\">Jangan tutup paparan ini.<br>Sistem sedang memproses fail visual anda masuk ke Drive TIC.<\/p>\n <\/div>\n\n \n <div id=\"success-screen\" class=\"hidden h-full flex flex-col items-center justify-center text-center space-y-10 py-12 animate__animated animate__zoomIn\">\n <div class=\"w-28 h-28 bg-[#c5a059] rounded-full flex items-center justify-center shadow-2xl text-[#0e3693]\">\n <svg width=\"60\" height=\"60\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <\/div>\n <div>\n <h1 class=\"text-4xl font-black text-[#c5a059] uppercase tracking-tighter\">SUCCESS!<\/h1>\n <p class=\"text-white text-lg mt-3 font-medium\">Data anda telah selamat disimpan dlm sistem TIC.<\/p>\n <\/div>\n <button onclick=\"location.reload()\" class=\"bg-white text-[#0e3693] px-12 py-4 rounded-full hover:bg-[#c5a059] hover:text-white transition-all font-black uppercase text-sm shadow-xl mx-auto block\">BACK TO START<\/button>\n <\/div>\n\n <form id=\"assessment-form\" class=\"flex-grow flex flex-col h-full\">\n \n \n <div class=\"step active animate__animated animate__fadeIn\" id=\"step-0\">\n <div class=\"text-center space-y-10 py-6\">\n <div class=\"logo-container\">\n <img decoding=\"async\" src=\"https:\/\/sifoovideo.com\/wp-content\/uploads\/2026\/03\/LOGO-TIC-01.png\" alt=\"TIC Logo\" class=\"logo-img\">\n <\/div>\n <div>\n <h2 class=\"text-3xl md:text-5xl font-black text-[#c5a059] uppercase tracking-tighter leading-tight\">Welcome to TIC<\/h2>\n <p class=\"text-white text-xl mt-6 font-medium px-4 leading-relaxed opacity-90\">Lengkapkan assessment transformasi komunikasi anda melalui borang premium TIC.<\/p>\n <\/div>\n <button type=\"button\" onclick=\"nextStep()\" class=\"btn-gold px-14 py-6 rounded-full text-base shadow-2xl mx-auto block\">Mula Sekarang<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"step animate__animated animate__fadeInRight\" id=\"step-1\">\n <h2 class=\"text-3xl font-black text-[#c5a059] mb-12 text-center uppercase tracking-widest shadow-sm\">A. Maklumat Asas<\/h2>\n <div class=\"space-y-8 text-left\">\n <div class=\"space-y-2\">\n <label class=\"label-premium ml-1\">Nama Penuh<\/label>\n <input type=\"text\" id=\"nama\" placeholder=\"Taip nama penuh...\" class=\"input-premium text-xl\" required>\n <\/div>\n <div class=\"flex gap-4\">\n <div class=\"w-1\/3 space-y-2\">\n <label class=\"label-premium ml-1\">Umur<\/label>\n <input type=\"number\" id=\"umur\" placeholder=\"00\" class=\"input-premium text-xl\">\n <\/div>\n <div class=\"w-2\/3 space-y-2\">\n <label class=\"label-premium ml-1\">Kerjaya<\/label>\n <input type=\"text\" id=\"kerjaya\" placeholder=\"Jawatan \/ Sektor\" class=\"input-premium text-xl\">\n <\/div>\n <\/div>\n <div class=\"space-y-2\">\n <label class=\"label-premium ml-1\">Industri<\/label>\n <input type=\"text\" id=\"industri\" placeholder=\"E.g. Perbankan, IT, Pendidikan\" class=\"input-premium text-xl\">\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"step animate__animated animate__fadeInRight\" id=\"step-2\">\n <h2 class=\"text-3xl font-black text-[#c5a059] mb-4 text-center uppercase tracking-widest\">Matlamat Utama<\/h2>\n <p class=\"text-white text-lg text-center mb-8 font-medium\">Pilih 3 tujuan utama anda dlm TIC<\/p>\n <div id=\"goals-container\" class=\"grid grid-cols-1 md:grid-cols-2 gap-5 max-h-[350px] overflow-y-auto pr-2 custom-scrollbar\"><\/div>\n <\/div>\n\n \n <div class=\"step animate__animated animate__fadeInRight\" id=\"step-3\">\n <h2 class=\"text-3xl font-black text-[#c5a059] mb-10 text-center uppercase tracking-widest\">B. Self-Rated Scale<\/h2>\n <div id=\"scales-container\" class=\"space-y-8 max-h-[400px] overflow-y-auto pr-4 custom-scrollbar text-left text-white\"><\/div>\n <\/div>\n\n \n <div class=\"step animate__animated animate__fadeInRight\" id=\"step-4\">\n <h2 class=\"text-3xl font-black text-[#c5a059] mb-10 text-center uppercase tracking-widest\">C. Self-Diagnosis<\/h2>\n <div class=\"space-y-8 max-h-[450px] overflow-y-auto pr-4 custom-scrollbar text-left\">\n <div class=\"space-y-1\">\n <label class=\"label-premium\">Cabaran komunikasi terbesar?<\/label>\n <textarea id=\"diag-cabaran\" placeholder=\"Ceritakan cabaran anda...\" class=\"w-full bg-white\/10 border-b-2 border-[#c5a059] p-5 rounded-t-xl focus:bg-white\/20 focus:border-white outline-none h-24 resize-none text-white font-semibold\"><\/textarea>\n <\/div>\n <div class=\"space-y-1\">\n <label class=\"label-premium\">Situasi paling struggle?<\/label>\n <textarea id=\"diag-struggle\" placeholder=\"E.g. Meeting besar, depan CEO...\" class=\"w-full bg-white\/10 border-b-2 border-[#c5a059] p-5 rounded-t-xl focus:bg-white\/20 focus:border-white outline-none h-24 resize-none text-white font-semibold\"><\/textarea>\n <\/div>\n <div class=\"space-y-1\">\n <label class=\"label-premium\">Ingin melihat perubahan dalam masa 6 bulan<\/label>\n <textarea id=\"diag-perubahan\" placeholder=\"Nyatakan perubahan yang dikehendaki...\" class=\"w-full bg-white\/10 border-b-2 border-[#c5a059] p-5 rounded-t-xl focus:bg-white\/20 focus:border-white outline-none h-24 resize-none text-white font-semibold\"><\/textarea>\n <\/div>\n <div class=\"space-y-1\">\n <label class=\"label-premium\">Situasi paling ditakuti?<\/label>\n <textarea id=\"diag-ketakutan\" placeholder=\"Apakah ketakutan terbesar anda?\" class=\"w-full bg-white\/10 border-b-2 border-[#c5a059] p-5 rounded-t-xl focus:bg-white\/20 focus:border-white outline-none h-24 resize-none text-white font-semibold\"><\/textarea>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"step animate__animated animate__fadeInRight\" id=\"step-5\">\n <h2 class=\"text-3xl font-black text-[#c5a059] mb-10 text-center uppercase tracking-widest\">D. Video Assessment<\/h2>\n <div class=\"text-center space-y-8\">\n <div id=\"drop-zone\" class=\"p-10 border-2 border-dashed border-white\/40 rounded-[2.5rem] bg-white\/5 hover:border-[#c5a059] transition-all group cursor-pointer relative overflow-hidden shadow-inner\">\n <input type=\"file\" id=\"videoFile\" accept=\"video\/*\" class=\"absolute inset-0 opacity-0 cursor-pointer z-10\">\n <div class=\"flex flex-col items-center gap-6 w-full\">\n <div id=\"video-icon-container\" class=\"w-24 h-24 bg-white rounded-full flex items-center justify-center transition-all border-4 border-[#c5a059] shadow-2xl group-hover:scale-110 shrink-0\">\n <svg id=\"svg-icon\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0e3693\" stroke-width=\"3\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"17 8 12 3 7 8\"><\/polyline><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"><\/line><\/svg>\n <\/div>\n <div class=\"w-full px-2\">\n <p id=\"file-name-display\" class=\"font-black text-xl text-white uppercase tracking-tight break-words text-center leading-tight\">Muat Naik Video 1 Minit<\/p>\n <p class=\"text-white\/60 text-xs mt-2 font-bold italic tracking-widest uppercase text-white\">Max size: 25MB<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-[#c5a059]\/20 p-6 rounded-2xl flex items-start gap-5 text-left border border-[#c5a059]\/40 backdrop-blur-md shadow-lg\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#c5a059\" stroke-width=\"2\" class=\"shrink-0 mt-1 animate-pulse\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n <p class=\"text-sm text-white font-medium leading-relaxed text-left text-white\">Video anda sulit dan hanya diakses oleh trainer TIC untuk analisis tonasi suara, body language, dan struktur penyampaian.<\/p>\n <\/div>\n <\/div>\n <button type=\"button\" onclick=\"finalSubmit()\" class=\"w-full mt-12 btn-gold py-6 rounded-[2.5rem] text-xl shadow-2xl shadow-black\/50 mx-auto block\">Hantar Sekarang<\/button>\n <\/div>\n\n \n <div id=\"nav-controls\" class=\"hidden flex justify-between mt-auto pt-10 px-2 text-white\">\n <button type=\"button\" onclick=\"prevStep()\" class=\"flex items-center gap-2 text-white\/70 hover:text-white transition-colors font-black text-xs uppercase tracking-widest p-2\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg> Back\n <\/button>\n <button type=\"button\" id=\"next-btn\" onclick=\"nextStep()\" class=\"bg-white text-[#0e3693] px-14 py-4 rounded-full hover:bg-[#c5a059] hover:text-white transition-all font-black text-xs uppercase tracking-widest shadow-2xl\">\n Next <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" class=\"inline ml-1\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\n <\/button>\n <\/div>\n <\/form>\n <\/div>\n\n <p class=\"text-center text-white\/50 text-[10px] mt-12 uppercase tracking-[0.6em] font-black\">\n Proprietary Transformation System © The Influential Club\n <\/p>\n\n <script>\n const GAS_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbyTDbmhqZWgfQicoFhKZUtN6YFh0iqey5WCZ35bwOvwg77K6o_EVLWHzZhefr-WWxGU\/exec\";\n\n let currentStep = 0;\n const totalSteps = 5;\n let selectedGoals = [];\n let videoBase64 = null;\n let videoMime = \"\";\n\n const goalsList = [\n \"Nak lebih yakin\", \"Nak belajar influence\", \"Nak improve public speaking\", \n \"Nak improve storytelling\", \"Nak kurangkan rasa takut bercakap\", \n \"Nak jadi lebih charismatic\", \"Nak jadi leader yang lebih berpengaruh\", \n \"Nak improve communication dalam bisnes\/kerjaya\"\n ];\n\n const scalesList = [\n {id:'confidence',label:'1. Confidence Level (Keyakinan)'},\n {id:'clarity',label:'2. Communication Clarity (Kejelasan idea)'},\n {id:'influence',label:'3. Influence Ability (Kebolehan mempengaruhi)'},\n {id:'storytelling',label:'4. Storytelling Skill'},\n {id:'publicSpeaking',label:'5. Public Speaking Skill'},\n {id:'emotionalRegulation',label:'6. Emotional Regulation (Takut\/Gugup)'},\n {id:'structuringThoughts',label:'7. Ability to Structure Thoughts'},\n {id:'rapportBuilding',label:'8. Rapport Building & Connection'},\n {id:'difficultConversations',label:'9. Ability to Handle Difficult Conversations'},\n {id:'selfImage',label:'10. Self-Image as a Communicator (Identiti)'}\n ];\n\n function showMsg(text) {\n const box = document.getElementById('msg-box');\n box.innerText = text;\n box.style.display = 'block';\n setTimeout(() => box.style.display = 'none', 3000);\n }\n\n window.onload = () => { renderGoals(); renderScales(); };\n\n function renderGoals() {\n const container = document.getElementById('goals-container');\n goalsList.forEach(goal => {\n const btn = document.createElement('div');\n btn.className = \"p-5 rounded-2xl border-2 border-white\/20 bg-white\/10 text-left text-[15px] font-black cursor-pointer hover:border-[#c5a059] transition-all flex justify-between items-center text-white shadow-sm\";\n btn.innerHTML = `<span>${goal}<\/span><span class=\"check hidden text-white font-black\">\u2713<\/span>`;\n btn.onclick = () => {\n if (selectedGoals.includes(goal)) {\n selectedGoals = selectedGoals.filter(g => g !== goal);\n btn.classList.remove('goal-btn-active');\n btn.querySelector('.check').classList.add('hidden');\n } else if (selectedGoals.length < 3) {\n selectedGoals.push(goal);\n btn.classList.add('goal-btn-active');\n btn.querySelector('.check').classList.remove('hidden');\n }\n };\n container.appendChild(btn);\n });\n }\n\n function renderScales() {\n const container = document.getElementById('scales-container');\n scalesList.forEach(s => {\n const div = document.createElement('div');\n div.className = \"space-y-4\";\n div.innerHTML = `<div class=\"flex justify-between items-center text-white\"><span class=\"text-sm font-black uppercase tracking-wide opacity-90\">${s.label}<\/span><span id=\"val-${s.id}\" class=\"text-[#c5a059] font-black text-3xl\">5\/10<\/span><\/div><input type=\"range\" min=\"1\" max=\"10\" value=\"5\" class=\"w-full h-3 bg-white\/20 rounded-lg scale-input accent-[#c5a059] cursor-pointer\" data-id=\"${s.id}\" oninput=\"document.getElementById('val-${s.id}').innerText = this.value + '\/10'\">`;\n container.appendChild(div);\n });\n }\n\n function nextStep() {\n if (currentStep === 1 && !document.getElementById('nama').value.trim()) { \n showMsg(\"Communicator, sila isi nama penuh dlm borang.\"); \n return; \n }\n if (currentStep < totalSteps) {\n document.getElementById(`step-${currentStep}`).classList.remove('active');\n currentStep++;\n document.getElementById(`step-${currentStep}`).classList.add('active');\n updateProgress();\n document.getElementById('nav-controls').classList.remove('hidden');\n if (currentStep === totalSteps) document.getElementById('next-btn').style.visibility = 'hidden';\n }\n }\n\n function prevStep() {\n if (currentStep > 0) {\n document.getElementById(`step-${currentStep}`).classList.remove('active');\n currentStep--;\n document.getElementById(`step-${currentStep}`).classList.add('active');\n updateProgress();\n document.getElementById('next-btn').style.visibility = 'visible';\n if (currentStep === 0) document.getElementById('nav-controls').classList.add('hidden');\n }\n }\n\n function updateProgress() {\n const prog = (currentStep \/ totalSteps) * 100;\n document.getElementById('progress-bar').style.width = prog + \"%\";\n document.getElementById('progress-text').innerText = Math.round(prog) + \"% COMPLETED\";\n }\n\n document.getElementById('videoFile').onchange = function(e) {\n const file = e.target.files[0];\n if (file) {\n if (file.size > 25 * 1024 * 1024) { \n showMsg(\"Fail video terlalu besar (Max 25MB).\"); \n this.value = \"\"; \n return; \n }\n const reader = new FileReader();\n reader.onload = function(evt) {\n videoBase64 = evt.target.result.split(',')[1];\n videoMime = file.type;\n document.getElementById('file-name-display').innerText = file.name;\n document.getElementById('drop-zone').classList.add('video-ready');\n document.getElementById('svg-icon').innerHTML = `<polyline points=\"20 6 9 17 4 12\"><\/polyline>`;\n document.getElementById('video-icon-container').classList.add('bg-green-500\/20', 'border-green-500');\n document.getElementById('svg-icon').style.stroke = \"#22c55e\";\n };\n reader.readAsDataURL(file);\n }\n };\n\n async function finalSubmit() {\n if (!videoBase64) { \n showMsg(\"Sila muat naik video visual assessment.\"); \n return; \n }\n document.getElementById('loading-overlay').classList.remove('hidden');\n const scales = {};\n document.querySelectorAll('.scale-input').forEach(input => scales[input.dataset.id] = input.value);\n const payload = { \n nama: document.getElementById('nama').value, \n umur: document.getElementById('umur').value, \n kerjaya: document.getElementById('kerjaya').value, \n industri: document.getElementById('industri').value, \n tujuan: selectedGoals, \n scales: scales, \n diagnosis: { \n cabaran: document.getElementById('diag-cabaran').value, \n struggle: document.getElementById('diag-struggle').value, \n perubahan: document.getElementById('diag-perubahan').value, \n ketakutan: document.getElementById('diag-ketakutan').value \n }, \n videoBase64: videoBase64, \n videoMime: videoMime \n };\n try {\n await fetch(GAS_URL, { method: 'POST', mode: 'no-cors', headers: { 'Content-Type': 'application\/json' }, body: JSON.stringify(payload) });\n setTimeout(() => {\n document.getElementById('loading-overlay').classList.add('hidden');\n document.getElementById('assessment-form').classList.add('hidden');\n document.getElementById('success-screen').classList.remove('hidden');\n document.getElementById('progress-bar').style.width = \"100%\";\n document.getElementById('progress-text').innerText = \"100% COMPLETED\";\n }, 5000);\n } catch (err) {\n showMsg(\"Ralat sambungan dlm sistem. Sila periksa internet.\");\n document.getElementById('loading-overlay').classList.add('hidden');\n }\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>TIC Assessment Form | The Influential Club The Influential Club 0% Completed SENDING DATA… Jangan tutup paparan ini.Sistem sedang memproses fail visual anda masuk ke Drive TIC. SUCCESS! Data anda telah selamat disimpan dlm sistem TIC. BACK TO START Welcome to TIC Lengkapkan assessment transformasi komunikasi anda melalui borang premium TIC. Mula Sekarang A. Maklumat…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"normal","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sifoovideo.com\/index.php\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sifoovideo.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sifoovideo.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sifoovideo.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sifoovideo.com\/index.php\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":18,"href":"https:\/\/sifoovideo.com\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":36,"href":"https:\/\/sifoovideo.com\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions\/36"}],"wp:attachment":[{"href":"https:\/\/sifoovideo.com\/index.php\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":14,"date":"2026-03-09T03:28:23","date_gmt":"2026-03-09T03:28:23","guid":{"rendered":"https:\/\/sifoovideo.com\/?page_id=14"},"modified":"2026-03-09T08:51:33","modified_gmt":"2026-03-09T08:51:33","slug":"14-2","status":"publish","type":"page","link":"https:\/\/sifoovideo.com\/index.php\/14-2\/","title":{"rendered":"TESTING"},"content":{"rendered":"\n\n\n\n \n \n TIC Assessment Form | The Influential Club<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animate.css\/4.1.1\/animate.min.css\" rel=\"stylesheet\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;900&display=swap');\n \n body { \n font-family: 'Inter', sans-serif; \n background-color: #0e3693 !important; \n color: #ffffff !important; \n margin: 0; \n padding: 0;\n }\n\n \/* Custom Scrollbar *\/\n .custom-scrollbar::-webkit-scrollbar { width: 6px; }\n .custom-scrollbar::-webkit-scrollbar-track { background: rgba(255,255,255,0.05); border-radius: 10px; }\n .custom-scrollbar::-webkit-scrollbar-thumb { background: #c5a059; border-radius: 10px; }\n \n .gold-glow { box-shadow: 0 0 40px rgba(197, 160, 89, 0.25); }\n \n \/* Multi-step Logic *\/\n .step { display: none; }\n .step.active { display: block; }\n \n \/* UI Components *\/\n input[type=\"range\"] { accent-color: #c5a059; }\n \n .btn-gold { \n background-color: #c5a059 !important; \n color: #0e3693 !important; \n font-weight: 900; \n transition: all 0.3s; \n text-transform: uppercase;\n letter-spacing: 0.1em;\n }\n .btn-gold:hover { \n background-color: #ffffff !important; \n transform: translateY(-2px);\n box-shadow: 0 10px 20px rgba(0,0,0,0.4);\n }\n\n .input-premium {\n background-color: rgba(255, 255, 255, 0.1) !important;\n border-bottom: 2px solid #c5a059 !important;\n padding: 1.2rem !important;\n width: 100%;\n outline: none;\n transition: all 0.3s;\n border-radius: 0.75rem 0.75rem 0 0;\n color: #ffffff !important;\n }\n\n \/* Section C Labels - 12px & Font Black *\/\n .label-premium {\n font-size: 12px;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: #c5a059 !important;\n display: block;\n margin-bottom: 0.75rem;\n }\n\n \/* Logo Container - White background for Black Logo visibility *\/\n .logo-container {\n display: flex;\n align-items: center;\n justify-content: center;\n background: #ffffff !important; \n border: 3px solid #c5a059;\n border-radius: 2rem;\n padding: 1.5rem;\n margin-bottom: 2.5rem;\n width: 170px;\n height: 170px;\n margin-left: auto;\n margin-right: auto;\n box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n }\n \n .logo-img {\n max-width: 100%;\n max-height: 100%;\n object-fit: contain;\n }\n\n \/* Goal selection styles - 20% Bigger text *\/\n .goal-btn-active {\n background-color: #c5a059 !important;\n color: #0e3693 !important;\n border-color: #ffffff !important;\n transform: scale(1.02);\n box-shadow: 0 5px 20px rgba(197, 160, 89, 0.5);\n }\n\n .video-ready {\n border-color: #22c55e !important;\n background-color: rgba(34, 197, 94, 0.15) !important;\n }\n\n \/* Message Box Styling *\/\n #msg-box {\n display: none;\n position: fixed;\n top: 20px;\n left: 50%;\n transform: translateX(-50%);\n background: white;\n color: #0e3693;\n padding: 15px 30px;\n border-radius: 50px;\n font-weight: 900;\n text-transform: uppercase;\n z-index: 9999;\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n border: 2px solid #c5a059;\n }\n <\/style>\n<\/head>\n<body class=\"min-h-screen flex flex-col p-4 md:p-10\">\n\n <div id=\"msg-box\"><\/div>\n\n \n <div class=\"max-w-4xl mx-auto w-full mb-10\">\n <div class=\"flex justify-between items-center mb-4 px-2\">\n <div class=\"flex items-center gap-3\">\n <div class=\"bg-white p-1 rounded-full w-8 h-8 flex items-center justify-center overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/sifoovideo.com\/wp-content\/uploads\/2026\/03\/LOGO-TIC-01.png\" alt=\"TIC\" class=\"w-full h-full object-contain\">\n <\/div>\n <span class=\"font-black tracking-widest text-xs uppercase text-[#c5a059]\">The Influential Club<\/span>\n <\/div>\n <span id=\"progress-text\" class=\"text-xs text-[#c5a059] font-mono font-bold uppercase tracking-tighter\">0% Completed<\/span>\n <\/div>\n <div class=\"h-2 w-full bg-white\/10 rounded-full overflow-hidden\">\n <div id=\"progress-bar\" class=\"h-full bg-[#c5a059] transition-all duration-700 shadow-[0_0_15px_#c5a059]\" style=\"width: 0%\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"max-w-2xl mx-auto w-full bg-[#0e3693] border-2 border-[#c5a059]\/40 p-6 md:p-12 rounded-[3rem] shadow-2xl relative overflow-hidden gold-glow\">\n \n \n <div id=\"loading-overlay\" class=\"hidden absolute inset-0 bg-[#0e3693] z-50 flex flex-col items-center justify-center space-y-6 text-center px-6\">\n <div class=\"w-16 h-16 border-4 border-[#c5a059] border-t-transparent rounded-full animate-spin\"><\/div>\n <p class=\"text-[#c5a059] text-2xl font-black animate-pulse uppercase tracking-widest\">SENDING DATA…<\/p>\n <p class=\"text-white text-sm font-medium italic text-center\">Jangan tutup paparan ini.<br>Sistem sedang memproses fail visual anda masuk ke Drive TIC.<\/p>\n <\/div>\n\n \n <div id=\"success-screen\" class=\"hidden h-full flex flex-col items-center justify-center text-center space-y-10 py-12 animate__animated animate__zoomIn\">\n <div class=\"w-28 h-28 bg-[#c5a059] rounded-full flex items-center justify-center shadow-2xl text-[#0e3693]\">\n <svg width=\"60\" height=\"60\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <\/div>\n <div>\n <h1 class=\"text-4xl font-black text-[#c5a059] uppercase tracking-tighter\">SUCCESS!<\/h1>\n <p class=\"text-white text-lg mt-3 font-medium\">Data anda telah selamat disimpan dlm sistem TIC.<\/p>\n <\/div>\n <button onclick=\"location.reload()\" class=\"bg-white text-[#0e3693] px-12 py-4 rounded-full hover:bg-[#c5a059] hover:text-white transition-all font-black uppercase text-sm shadow-xl mx-auto block\">BACK TO START<\/button>\n <\/div>\n\n <form id=\"assessment-form\" class=\"flex-grow flex flex-col h-full\">\n \n \n <div class=\"step active animate__animated animate__fadeIn\" id=\"step-0\">\n <div class=\"text-center space-y-10 py-6\">\n <div class=\"logo-container\">\n <img decoding=\"async\" src=\"https:\/\/sifoovideo.com\/wp-content\/uploads\/2026\/03\/LOGO-TIC-01.png\" alt=\"TIC Logo\" class=\"logo-img\">\n <\/div>\n <div>\n <h2 class=\"text-3xl md:text-5xl font-black text-[#c5a059] uppercase tracking-tighter leading-tight\">Welcome to TIC<\/h2>\n <p class=\"text-white text-xl mt-6 font-medium px-4 leading-relaxed opacity-90\">Lengkapkan assessment transformasi komunikasi anda melalui borang premium TIC.<\/p>\n <\/div>\n <button type=\"button\" onclick=\"nextStep()\" class=\"btn-gold px-14 py-6 rounded-full text-base shadow-2xl mx-auto block\">Mula Sekarang<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"step animate__animated animate__fadeInRight\" id=\"step-1\">\n <h2 class=\"text-3xl font-black text-[#c5a059] mb-12 text-center uppercase tracking-widest shadow-sm\">A. Maklumat Asas<\/h2>\n <div class=\"space-y-8 text-left\">\n <div class=\"space-y-2\">\n <label class=\"label-premium ml-1\">Nama Penuh<\/label>\n <input type=\"text\" id=\"nama\" placeholder=\"Taip nama penuh...\" class=\"input-premium text-xl\" required>\n <\/div>\n <div class=\"flex gap-4\">\n <div class=\"w-1\/3 space-y-2\">\n <label class=\"label-premium ml-1\">Umur<\/label>\n <input type=\"number\" id=\"umur\" placeholder=\"00\" class=\"input-premium text-xl\">\n <\/div>\n <div class=\"w-2\/3 space-y-2\">\n <label class=\"label-premium ml-1\">Kerjaya<\/label>\n <input type=\"text\" id=\"kerjaya\" placeholder=\"Jawatan \/ Sektor\" class=\"input-premium text-xl\">\n <\/div>\n <\/div>\n <div class=\"space-y-2\">\n <label class=\"label-premium ml-1\">Industri<\/label>\n <input type=\"text\" id=\"industri\" placeholder=\"E.g. Perbankan, IT, Pendidikan\" class=\"input-premium text-xl\">\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"step animate__animated animate__fadeInRight\" id=\"step-2\">\n <h2 class=\"text-3xl font-black text-[#c5a059] mb-4 text-center uppercase tracking-widest\">Matlamat Utama<\/h2>\n <p class=\"text-white text-lg text-center mb-8 font-medium\">Pilih 3 tujuan utama anda dlm TIC<\/p>\n <div id=\"goals-container\" class=\"grid grid-cols-1 md:grid-cols-2 gap-5 max-h-[350px] overflow-y-auto pr-2 custom-scrollbar\"><\/div>\n <\/div>\n\n \n <div class=\"step animate__animated animate__fadeInRight\" id=\"step-3\">\n <h2 class=\"text-3xl font-black text-[#c5a059] mb-10 text-center uppercase tracking-widest\">B. Self-Rated Scale<\/h2>\n <div id=\"scales-container\" class=\"space-y-8 max-h-[400px] overflow-y-auto pr-4 custom-scrollbar text-left text-white\"><\/div>\n <\/div>\n\n \n <div class=\"step animate__animated animate__fadeInRight\" id=\"step-4\">\n <h2 class=\"text-3xl font-black text-[#c5a059] mb-10 text-center uppercase tracking-widest\">C. Self-Diagnosis<\/h2>\n <div class=\"space-y-8 max-h-[450px] overflow-y-auto pr-4 custom-scrollbar text-left\">\n <div class=\"space-y-1\">\n <label class=\"label-premium\">Cabaran komunikasi terbesar?<\/label>\n <textarea id=\"diag-cabaran\" placeholder=\"Ceritakan cabaran anda...\" class=\"w-full bg-white\/10 border-b-2 border-[#c5a059] p-5 rounded-t-xl focus:bg-white\/20 focus:border-white outline-none h-24 resize-none text-white font-semibold\"><\/textarea>\n <\/div>\n <div class=\"space-y-1\">\n <label class=\"label-premium\">Situasi paling struggle?<\/label>\n <textarea id=\"diag-struggle\" placeholder=\"E.g. Meeting besar, depan CEO...\" class=\"w-full bg-white\/10 border-b-2 border-[#c5a059] p-5 rounded-t-xl focus:bg-white\/20 focus:border-white outline-none h-24 resize-none text-white font-semibold\"><\/textarea>\n <\/div>\n <div class=\"space-y-1\">\n <label class=\"label-premium\">Ingin melihat perubahan dalam masa 6 bulan<\/label>\n <textarea id=\"diag-perubahan\" placeholder=\"Nyatakan perubahan yang dikehendaki...\" class=\"w-full bg-white\/10 border-b-2 border-[#c5a059] p-5 rounded-t-xl focus:bg-white\/20 focus:border-white outline-none h-24 resize-none text-white font-semibold\"><\/textarea>\n <\/div>\n <div class=\"space-y-1\">\n <label class=\"label-premium\">Situasi paling ditakuti?<\/label>\n <textarea id=\"diag-ketakutan\" placeholder=\"Apakah ketakutan terbesar anda?\" class=\"w-full bg-white\/10 border-b-2 border-[#c5a059] p-5 rounded-t-xl focus:bg-white\/20 focus:border-white outline-none h-24 resize-none text-white font-semibold\"><\/textarea>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"step animate__animated animate__fadeInRight\" id=\"step-5\">\n <h2 class=\"text-3xl font-black text-[#c5a059] mb-10 text-center uppercase tracking-widest\">D. Video Assessment<\/h2>\n <div class=\"text-center space-y-8\">\n <div id=\"drop-zone\" class=\"p-10 border-2 border-dashed border-white\/40 rounded-[2.5rem] bg-white\/5 hover:border-[#c5a059] transition-all group cursor-pointer relative overflow-hidden shadow-inner\">\n <input type=\"file\" id=\"videoFile\" accept=\"video\/*\" class=\"absolute inset-0 opacity-0 cursor-pointer z-10\">\n <div class=\"flex flex-col items-center gap-6 w-full\">\n <div id=\"video-icon-container\" class=\"w-24 h-24 bg-white rounded-full flex items-center justify-center transition-all border-4 border-[#c5a059] shadow-2xl group-hover:scale-110 shrink-0\">\n <svg id=\"svg-icon\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0e3693\" stroke-width=\"3\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"17 8 12 3 7 8\"><\/polyline><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"><\/line><\/svg>\n <\/div>\n <div class=\"w-full px-2\">\n <p id=\"file-name-display\" class=\"font-black text-xl text-white uppercase tracking-tight break-words text-center leading-tight\">Muat Naik Video 1 Minit<\/p>\n <p class=\"text-white\/60 text-xs mt-2 font-bold italic tracking-widest uppercase text-white\">Max size: 25MB<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-[#c5a059]\/20 p-6 rounded-2xl flex items-start gap-5 text-left border border-[#c5a059]\/40 backdrop-blur-md shadow-lg\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#c5a059\" stroke-width=\"2\" class=\"shrink-0 mt-1 animate-pulse\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n <p class=\"text-sm text-white font-medium leading-relaxed text-left text-white\">Video anda sulit dan hanya diakses oleh trainer TIC untuk analisis tonasi suara, body language, dan struktur penyampaian.<\/p>\n <\/div>\n <\/div>\n <button type=\"button\" onclick=\"finalSubmit()\" class=\"w-full mt-12 btn-gold py-6 rounded-[2.5rem] text-xl shadow-2xl shadow-black\/50 mx-auto block\">Hantar Sekarang<\/button>\n <\/div>\n\n \n <div id=\"nav-controls\" class=\"hidden flex justify-between mt-auto pt-10 px-2 text-white\">\n <button type=\"button\" onclick=\"prevStep()\" class=\"flex items-center gap-2 text-white\/70 hover:text-white transition-colors font-black text-xs uppercase tracking-widest p-2\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg> Back\n <\/button>\n <button type=\"button\" id=\"next-btn\" onclick=\"nextStep()\" class=\"bg-white text-[#0e3693] px-14 py-4 rounded-full hover:bg-[#c5a059] hover:text-white transition-all font-black text-xs uppercase tracking-widest shadow-2xl\">\n Next <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" class=\"inline ml-1\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\n <\/button>\n <\/div>\n <\/form>\n <\/div>\n\n <p class=\"text-center text-white\/50 text-[10px] mt-12 uppercase tracking-[0.6em] font-black\">\n Proprietary Transformation System © The Influential Club\n <\/p>\n\n <script>\n const GAS_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbyTDbmhqZWgfQicoFhKZUtN6YFh0iqey5WCZ35bwOvwg77K6o_EVLWHzZhefr-WWxGU\/exec\";\n\n let currentStep = 0;\n const totalSteps = 5;\n let selectedGoals = [];\n let videoBase64 = null;\n let videoMime = \"\";\n\n const goalsList = [\n \"Nak lebih yakin\", \"Nak belajar influence\", \"Nak improve public speaking\", \n \"Nak improve storytelling\", \"Nak kurangkan rasa takut bercakap\", \n \"Nak jadi lebih charismatic\", \"Nak jadi leader yang lebih berpengaruh\", \n \"Nak improve communication dalam bisnes\/kerjaya\"\n ];\n\n const scalesList = [\n {id:'confidence',label:'1. Confidence Level (Keyakinan)'},\n {id:'clarity',label:'2. Communication Clarity (Kejelasan idea)'},\n {id:'influence',label:'3. Influence Ability (Kebolehan mempengaruhi)'},\n {id:'storytelling',label:'4. Storytelling Skill'},\n {id:'publicSpeaking',label:'5. Public Speaking Skill'},\n {id:'emotionalRegulation',label:'6. Emotional Regulation (Takut\/Gugup)'},\n {id:'structuringThoughts',label:'7. Ability to Structure Thoughts'},\n {id:'rapportBuilding',label:'8. Rapport Building & Connection'},\n {id:'difficultConversations',label:'9. Ability to Handle Difficult Conversations'},\n {id:'selfImage',label:'10. Self-Image as a Communicator (Identiti)'}\n ];\n\n function showMsg(text) {\n const box = document.getElementById('msg-box');\n box.innerText = text;\n box.style.display = 'block';\n setTimeout(() => box.style.display = 'none', 3000);\n }\n\n window.onload = () => { renderGoals(); renderScales(); };\n\n function renderGoals() {\n const container = document.getElementById('goals-container');\n goalsList.forEach(goal => {\n const btn = document.createElement('div');\n btn.className = \"p-5 rounded-2xl border-2 border-white\/20 bg-white\/10 text-left text-[15px] font-black cursor-pointer hover:border-[#c5a059] transition-all flex justify-between items-center text-white shadow-sm\";\n btn.innerHTML = `<span>${goal}<\/span><span class=\"check hidden text-white font-black\">\u2713<\/span>`;\n btn.onclick = () => {\n if (selectedGoals.includes(goal)) {\n selectedGoals = selectedGoals.filter(g => g !== goal);\n btn.classList.remove('goal-btn-active');\n btn.querySelector('.check').classList.add('hidden');\n } else if (selectedGoals.length < 3) {\n selectedGoals.push(goal);\n btn.classList.add('goal-btn-active');\n btn.querySelector('.check').classList.remove('hidden');\n }\n };\n container.appendChild(btn);\n });\n }\n\n function renderScales() {\n const container = document.getElementById('scales-container');\n scalesList.forEach(s => {\n const div = document.createElement('div');\n div.className = \"space-y-4\";\n div.innerHTML = `<div class=\"flex justify-between items-center text-white\"><span class=\"text-sm font-black uppercase tracking-wide opacity-90\">${s.label}<\/span><span id=\"val-${s.id}\" class=\"text-[#c5a059] font-black text-3xl\">5\/10<\/span><\/div><input type=\"range\" min=\"1\" max=\"10\" value=\"5\" class=\"w-full h-3 bg-white\/20 rounded-lg scale-input accent-[#c5a059] cursor-pointer\" data-id=\"${s.id}\" oninput=\"document.getElementById('val-${s.id}').innerText = this.value + '\/10'\">`;\n container.appendChild(div);\n });\n }\n\n function nextStep() {\n if (currentStep === 1 && !document.getElementById('nama').value.trim()) { \n showMsg(\"Communicator, sila isi nama penuh dlm borang.\"); \n return; \n }\n if (currentStep < totalSteps) {\n document.getElementById(`step-${currentStep}`).classList.remove('active');\n currentStep++;\n document.getElementById(`step-${currentStep}`).classList.add('active');\n updateProgress();\n document.getElementById('nav-controls').classList.remove('hidden');\n if (currentStep === totalSteps) document.getElementById('next-btn').style.visibility = 'hidden';\n }\n }\n\n function prevStep() {\n if (currentStep > 0) {\n document.getElementById(`step-${currentStep}`).classList.remove('active');\n currentStep--;\n document.getElementById(`step-${currentStep}`).classList.add('active');\n updateProgress();\n document.getElementById('next-btn').style.visibility = 'visible';\n if (currentStep === 0) document.getElementById('nav-controls').classList.add('hidden');\n }\n }\n\n function updateProgress() {\n const prog = (currentStep \/ totalSteps) * 100;\n document.getElementById('progress-bar').style.width = prog + \"%\";\n document.getElementById('progress-text').innerText = Math.round(prog) + \"% COMPLETED\";\n }\n\n document.getElementById('videoFile').onchange = function(e) {\n const file = e.target.files[0];\n if (file) {\n if (file.size > 25 * 1024 * 1024) { \n showMsg(\"Fail video terlalu besar (Max 25MB).\"); \n this.value = \"\"; \n return; \n }\n const reader = new FileReader();\n reader.onload = function(evt) {\n videoBase64 = evt.target.result.split(',')[1];\n videoMime = file.type;\n document.getElementById('file-name-display').innerText = file.name;\n document.getElementById('drop-zone').classList.add('video-ready');\n document.getElementById('svg-icon').innerHTML = `<polyline points=\"20 6 9 17 4 12\"><\/polyline>`;\n document.getElementById('video-icon-container').classList.add('bg-green-500\/20', 'border-green-500');\n document.getElementById('svg-icon').style.stroke = \"#22c55e\";\n };\n reader.readAsDataURL(file);\n }\n };\n\n async function finalSubmit() {\n if (!videoBase64) { \n showMsg(\"Sila muat naik video visual assessment.\"); \n return; \n }\n document.getElementById('loading-overlay').classList.remove('hidden');\n const scales = {};\n document.querySelectorAll('.scale-input').forEach(input => scales[input.dataset.id] = input.value);\n const payload = { \n nama: document.getElementById('nama').value, \n umur: document.getElementById('umur').value, \n kerjaya: document.getElementById('kerjaya').value, \n industri: document.getElementById('industri').value, \n tujuan: selectedGoals, \n scales: scales, \n diagnosis: { \n cabaran: document.getElementById('diag-cabaran').value, \n struggle: document.getElementById('diag-struggle').value, \n perubahan: document.getElementById('diag-perubahan').value, \n ketakutan: document.getElementById('diag-ketakutan').value \n }, \n videoBase64: videoBase64, \n videoMime: videoMime \n };\n try {\n await fetch(GAS_URL, { method: 'POST', mode: 'no-cors', headers: { 'Content-Type': 'application\/json' }, body: JSON.stringify(payload) });\n setTimeout(() => {\n document.getElementById('loading-overlay').classList.add('hidden');\n document.getElementById('assessment-form').classList.add('hidden');\n document.getElementById('success-screen').classList.remove('hidden');\n document.getElementById('progress-bar').style.width = \"100%\";\n document.getElementById('progress-text').innerText = \"100% COMPLETED\";\n }, 5000);\n } catch (err) {\n showMsg(\"Ralat sambungan dlm sistem. Sila periksa internet.\");\n document.getElementById('loading-overlay').classList.add('hidden');\n }\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>TIC Assessment Form | The Influential Club The Influential Club 0% Completed SENDING DATA… Jangan tutup paparan ini.Sistem sedang memproses fail visual anda masuk ke Drive TIC. SUCCESS! Data anda telah selamat disimpan dlm sistem TIC. BACK TO START Welcome to TIC Lengkapkan assessment transformasi komunikasi anda melalui borang premium TIC. Mula Sekarang A. Maklumat…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"normal","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sifoovideo.com\/index.php\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sifoovideo.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sifoovideo.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sifoovideo.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sifoovideo.com\/index.php\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":18,"href":"https:\/\/sifoovideo.com\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":36,"href":"https:\/\/sifoovideo.com\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions\/36"}],"wp:attachment":[{"href":"https:\/\/sifoovideo.com\/index.php\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}