Curious Learner – Diagnostic Evaluation Enrolment<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;900&display=swap');\n\n :root {\n --cl-teal: #14b8a6;\n --cl-navy-dark: #020617;\n --cl-navy-pure: #0c4a6e;\n --cl-orange: #f97316;\n --cl-white: #ffffff;\n --cl-slate-50: #f8fafc;\n --cl-slate-100: #f1f5f9;\n --cl-slate-400: #94a3b8;\n --cl-slate-700: #334155;\n --border-soft: rgba(12, 74, 110, 0.12);\n }\n\n body {\n background-color: var(--cl-white);\n font-family: 'Outfit', sans-serif;\n margin: 0; padding: 0;\n color: var(--cl-slate-700);\n -webkit-font-smoothing: antialiased;\n }\n\n #cl-assessment-portal {\n padding: 40px 0;\n display: flex; justify-content: center; align-items: center;\n }\n\n .intake-card-wrapper {\n max-width: 1200px; width: 90%;\n background: var(--cl-white);\n border: 1px solid var(--border-soft);\n border-radius: 40px; padding: 0 0 50px 0;\n box-shadow: 0 25px 60px rgba(2, 6, 23, 0.03);\n box-sizing: border-box; position: relative; overflow: hidden;\n }\n\n \/* --- HYPER-LIVE INTERACTIVE HEADER --- *\/\n .live-header-box {\n position: relative;\n background: linear-gradient(135deg, #020617 0%, #0c4a6e 100%);\n padding: 60px 40px; text-align: center;\n border-bottom: 4px solid var(--cl-teal);\n border-radius: 38px 38px 0 0; overflow: hidden;\n }\n\n #headerCanvas {\n position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n pointer-events: none; z-index: 1;\n }\n\n .header-content-node { position: relative; z-index: 5; }\n\n .live-header-box h2 {\n font-size: clamp(2rem, 4vw, 3rem); color: var(--cl-white);\n font-weight: 900; letter-spacing: -1.5px; margin: 0 0 15px; text-transform: uppercase;\n }\n\n .live-header-box h2 span {\n color: var(--cl-teal); position: relative; display: inline-block;\n animation: pulseTealText 3s infinite ease-in-out;\n }\n\n @keyframes pulseTealText {\n 0%, 100% { text-shadow: 0 0 0px rgba(20, 184, 166, 0); }\n 50% { text-shadow: 0 0 20px rgba(20, 184, 166, 0.6); }\n }\n\n .live-accent-bar {\n width: 100px; height: 6px;\n background: linear-gradient(90deg, var(--cl-orange), var(--cl-teal));\n margin: 0 auto 20px; border-radius: 10px;\n }\n\n .live-header-box p {\n color: #e2e8f0; font-size: 1.1rem; max-width: 850px; margin: 0 auto; line-height: 1.6;\n }\n\n \/* --- STABILIZED FORM WORKSPACE --- *\/\n .form-body-padding { padding: 0 50px; }\n\n .segment-headline {\n font-size: 1.1rem; color: var(--cl-navy-pure); font-weight: 900;\n margin: 40px 0 20px; padding-bottom: 10px; border-bottom: 2px solid var(--cl-slate-100);\n display: flex; align-items: center; gap: 12px; text-transform: uppercase; letter-spacing: 0.5px;\n }\n\n .segment-headline i { color: var(--cl-teal); }\n .form-fields-matrix { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; }\n .input-node-shell { display: flex; flex-direction: column; position: relative; }\n .input-node-shell.span-full { grid-column: span 2; }\n\n .input-node-shell label {\n font-size: 0.85rem; font-weight: 900; color: var(--cl-navy-pure);\n margin-bottom: 8px; text-transform: uppercase; letter-spacing: 1px;\n }\n\n .input-node-shell label span { color: var(--cl-orange); }\n .input-field-container { position: relative; display: flex; align-items: center; width: 100%; }\n .input-field-container i { position: absolute; left: 20px; color: var(--cl-slate-400); pointer-events: none; z-index: 2; }\n\n .input-field-container input, .input-field-container select {\n width: 100%; padding: 16px 20px 16px 52px; font-family: 'Outfit', sans-serif; font-size: 1rem;\n background: var(--cl-slate-50); border: 1px solid var(--cl-slate-100); border-radius: 16px;\n color: var(--cl-navy-dark); box-sizing: border-box; transition: all 0.3s ease-in-out;\n }\n\n .input-field-container select {\n background-image: url(\"data:image\/svg+svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2314b8a6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\");\n background-repeat: no-repeat; background-position: right 20px center; background-size: 14px; padding-right: 50px;\n appearance: none; -webkit-appearance: none;\n }\n\n .input-field-container input:focus, .input-field-container select:focus {\n outline: none; background: var(--cl-white); border-color: var(--cl-teal); box-shadow: 0 0 0 4px rgba(20, 184, 166, 0.12);\n }\n\n \/* --- NZ COUNTRY CODE PREFIX EXTENSION --- *\/\n .nz-phone-container { position: relative; display: flex; align-items: center; width: 100%; }\n \n .nz-prefix {\n position: absolute; left: 52px; font-weight: 600; color: var(--cl-navy-pure);\n font-size: 1rem; pointer-events: none; z-index: 2; display: flex; align-items: center; gap: 5px;\n }\n \n .nz-prefix::after { content: ''; width: 1px; height: 18px; background: var(--cl-slate-400); margin-left: 5px; }\n .nz-phone-container input { padding-left: 110px !important; }\n\n \/* --- SMART EMAIL DOMAIN EXPANSION SUITE --- *\/\n .email-suggest-panel {\n position: absolute; top: 100%; left: 0; width: 100%; background: var(--cl-white);\n border: 1px solid var(--cl-teal); border-radius: 12px; margin-top: 5px;\n box-shadow: 0 10px 25px rgba(2, 6, 23, 0.1); z-index: 999; display: none;\n max-height: 200px; overflow-y: auto; padding: 5px 0; list-style: none;\n }\n\n .email-suggest-panel li {\n padding: 12px 20px; font-size: 0.95rem; color: var(--cl-slate-700); cursor: pointer; transition: 0.2s;\n }\n\n .email-suggest-panel li:hover { background: var(--cl-slate-100); color: var(--cl-teal); font-weight: 600; }\n\n \/* --- REGIONAL COMPLIANCE CONSENT DESIGN --- *\/\n .consent-matrix-box {\n margin-top: 35px; background: var(--cl-slate-50); border: 1px solid var(--cl-slate-100);\n padding: 30px; border-radius: 24px; display: flex; flex-direction: column; gap: 20px;\n }\n\n .consent-row { display: flex; align-items: flex-start; gap: 16px; cursor: pointer; user-select: none; }\n .consent-row input[type=\"checkbox\"] {\n appearance: none; -webkit-appearance: none; width: 22px; height: 22px; border: 2px solid var(--cl-slate-400);\n border-radius: 6px; background: var(--cl-white); cursor: pointer; display: inline-block; position: relative; margin-top: 2px; flex-shrink: 0;\n }\n\n .consent-row input[type=\"checkbox\"]:checked { background: var(--cl-teal); border-color: var(--cl-teal); }\n .consent-row input[type=\"checkbox\"]:checked::after {\n content: \"\\f00c\"; font-family: \"Font Awesome 6 Free\"; font-weight: 900; color: var(--cl-white); font-size: 0.85rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\n }\n\n .consent-row label { font-size: 1rem; line-height: 1.5; color: var(--cl-slate-700); }\n .consent-row label span { color: var(--cl-orange); font-weight: 600; }\n\n \/* --- CHROMATIC CALL TO ACTION BUTTON --- *\/\n .cta-action-center { margin-top: 40px; display: flex; justify-content: center; }\n\n .submit-kinetic-trigger {\n width: 100%; max-width: 450px; padding: 18px 35px; font-family: 'Outfit', sans-serif;\n font-size: 1.15rem; font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px;\n border: none; border-radius: 20px; cursor: not-allowed; display: flex; align-items: center; justify-content: center; gap: 12px;\n background: var(--cl-slate-400); color: rgba(255, 255, 255, 0.7); transition: all 0.4s ease-in-out;\n }\n\n .submit-kinetic-trigger.unlocked {\n background: var(--cl-orange); color: var(--cl-white); cursor: pointer; box-shadow: 0 12px 24px rgba(249, 115, 22, 0.25);\n }\n\n .submit-kinetic-trigger.unlocked:hover {\n background: var(--cl-teal); box-shadow: 0 15px 30px rgba(20, 184, 166, 0.35); transform: translateY(-4px);\n }\n\n .submit-kinetic-trigger i { transition: transform 0.3s ease; }\n .submit-kinetic-trigger.unlocked:hover i { transform: translateX(6px); }\n\n @media (max-width: 991px) {\n .form-fields-matrix { grid-template-columns: 1fr; gap: 20px; }\n .input-node-shell.span-full { grid-column: span 1; }\n .form-body-padding { padding: 0 24px; }\n .live-header-box { padding: 45px 20px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<section id=\"cl-assessment-portal\">\n <div class=\"intake-card-wrapper\">\n \n <header class=\"live-header-box\" id=\"headerInteractiveZone\">\n <canvas id=\"headerCanvas\"><\/canvas>\n <div class=\"header-content-node\">\n <h2>Diagnostic Evaluation <span>Enrolment<\/span><\/h2>\n <div class=\"live-accent-bar\"><\/div>\n <p>Begin your assessment journey by submitting your details below. Register today to receive a comprehensive evaluation of academic skills, identify strengths and areas for growth, and gain personalised learning recommendations to support your next steps.<\/p>\n <\/div>\n <\/header>\n\n <form id=\"nzRegistrationForm\" class=\"form-body-padding\" novalidate=\"\">\n \n <div class=\"segment-headline\">\n <i class=\"fa-solid fa-graduation-cap\"><\/i> Student Core Profiles\n <\/div>\n <div class=\"form-fields-matrix\">\n <div class=\"input-node-shell\">\n <label for=\"fName\">First Name <span>*<\/span><\/label>\n <div class=\"input-field-container\">\n <input type=\"text\" id=\"fName\" required=\"\" placeholder=\"Enter student's first name\">\n <i class=\"fa-solid fa-user\"><\/i>\n <\/div>\n <\/div>\n <div class=\"input-node-shell\">\n <label for=\"lName\">Last Name <span>*<\/span><\/label>\n <div class=\"input-field-container\">\n <input type=\"text\" id=\"lName\" required=\"\" placeholder=\"Enter student's last name\">\n <i class=\"fa-solid fa-user\"><\/i>\n <\/div>\n <\/div>\n \n <div class=\"input-node-shell\">\n <label for=\"yrLevel\">Year Level <span>*<\/span><\/label>\n <div class=\"input-field-container\">\n <select id=\"yrLevel\" required=\"\">\n <option value=\"\" disabled=\"\" selected=\"\">Select School Year Level<\/option>\n <option value=\"Year 1\">Year 1 (Ages 5-6)<\/option>\n <option value=\"Year 2\">Year 2 (Ages 6-7)<\/option>\n <option value=\"Year 3\">Year 3 (Ages 7-8)<\/option>\n <option value=\"Year 4\">Year 4 (Ages 8-9)<\/option>\n <option value=\"Year 5\">Year 5 (Ages 9-10)<\/option>\n <option value=\"Year 6\">Year 6 (Ages 10-11)<\/option>\n <option value=\"Year 7\">Year 7 (Ages 11-12)<\/option>\n <option value=\"Year 8\">Year 8 (Ages 12-13)<\/option>\n <option value=\"Year 9\">Year 9 (Ages 13-14)<\/option>\n <option value=\"Year 10\">Year 10 (Ages 14-15)<\/option>\n <option value=\"Year 11\">Year 11 (Ages 15-16)<\/option>\n <option value=\"Year 12\">Year 12 (Ages 16-17)<\/option>\n <option value=\"Year 13\">Year 13 (Ages 17-18)<\/option>\n <\/select>\n <i class=\"fa-solid fa-calendar-day\"><\/i>\n <\/div>\n <\/div>\n <div class=\"input-node-shell\">\n <label for=\"schName\">School Name <span>*<\/span><\/label>\n <div class=\"input-field-container\">\n <input type=\"text\" id=\"schName\" required=\"\" placeholder=\"e.g., Macleans College\">\n <i class=\"fa-solid fa-school\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"segment-headline\">\n <i class=\"fa-solid fa-user-shield\"><\/i> Parent \/ Guardian Parameters\n <\/div>\n <div class=\"form-fields-matrix\">\n <div class=\"input-node-shell\">\n <label for=\"pName\">Parent Name <span>*<\/span><\/label>\n <div class=\"input-field-container\">\n <input type=\"text\" id=\"pName\" required=\"\" placeholder=\"Enter primary contact name\">\n <i class=\"fa-solid fa-signature\"><\/i>\n <\/div>\n <\/div>\n \n <div class=\"input-node-shell\">\n <label for=\"pEmail\">Parent Email <span>*<\/span><\/label>\n <div class=\"input-field-container\">\n <input type=\"email\" id=\"pEmail\" required=\"\" autocomplete=\"off\" placeholder=\"username@domain.co.nz\">\n <i class=\"fa-solid fa-envelope\"><\/i>\n <\/div>\n <ul class=\"email-suggest-panel\" id=\"emailPanel\"><\/ul>\n <\/div>\n \n <div class=\"input-node-shell span-full\">\n <label for=\"pPhone\">Parent Phone Number (WhatsApp) <span>*<\/span><\/label>\n <div class=\"input-field-container nz-phone-container\">\n <i class=\"fa-brands fa-whatsapp\" style=\"font-size: 1.25rem;\"><\/i>\n <span class=\"nz-prefix\">+64<\/span>\n <input type=\"tel\" id=\"pPhone\" required=\"\" placeholder=\"21 555 1234\" maxlength=\"10\">\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"segment-headline\">\n <i class=\"fa-solid fa-chart-pie\"><\/i> Academic Orientation Target\n <\/div>\n <div class=\"form-fields-matrix\">\n <div class=\"input-node-shell span-full\">\n <label for=\"assessForOption\">Assessing For <span>*<\/span><\/label>\n <div class=\"input-field-container\">\n <select id=\"assessForOption\" required=\"\">\n <option value=\"\" disabled=\"\" selected=\"\">Choose Focus Classification Option<\/option>\n <option value=\"Foundation Gap\">Foundation Gap<\/option>\n <option value=\"Study assistance\">Study assistance<\/option>\n <option value=\"Advance\/Gifted Track\">Advance\/Gifted Track<\/option>\n <option value=\"Competitive assessment\">Competitive assessment<\/option>\n <\/select>\n <i class=\"fa-solid fa-crosshairs\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"consent-matrix-box\">\n <div class=\"consent-row\">\n <input type=\"checkbox\" id=\"chkReport\" required=\"\">\n <label for=\"chkReport\">I agree to receive my child’s assessment report by email <span>*<\/span><\/label>\n <\/div>\n <div class=\"consent-row\">\n <input type=\"checkbox\" id=\"chkContact\" required=\"\">\n <label for=\"chkContact\">I agree to Curious Learner Academy contacting me regarding the assessment results and also for promotional content <span>*<\/span><\/label>\n <\/div>\n <\/div>\n\n <div class=\"cta-action-center\">\n <button type=\"submit\" id=\"submitCtaNode\" class=\"submit-kinetic-trigger\" disabled=\"\">\n <span>Submit & Next<\/span>\n <i class=\"fa-solid fa-arrow-right-long\"><\/i>\n <\/button>\n <\/div>\n\n <\/form>\n <\/div>\n<\/section>\n\n<script>\n document.addEventListener('DOMContentLoaded', () => {\n \n \/\/ --- 1. HYPER-LIVE HEADER BACKGROUND CANVAS ---\n const headerZone = document.getElementById('headerInteractiveZone');\n const canvas = document.getElementById('headerCanvas');\n const ctx = canvas.getContext('2d');\n let particlesArray = [];\n\n function resizeCanvas() {\n canvas.width = headerZone.offsetWidth; canvas.height = headerZone.offsetHeight;\n }\n resizeCanvas();\n window.addEventListener('resize', resizeCanvas);\n\n class Particle {\n constructor(x, y) {\n this.x = x; this.y = y;\n this.size = Math.random() * 3 + 1;\n this.speedX = Math.random() * 2 - 1; this.speedY = Math.random() * 2 - 1;\n this.color = Math.random() > 0.5 ? 'rgba(20, 184, 166, 0.4)' : 'rgba(249, 115, 22, 0.3)';\n }\n update() {\n this.x += this.speedX; this.y += this.speedY;\n if (this.size > 0.1) this.size -= 0.02;\n }\n draw() {\n ctx.fillStyle = this.color; ctx.beginPath();\n ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2); ctx.fill();\n }\n }\n\n headerZone.addEventListener('mousemove', (e) => {\n const rect = headerZone.getBoundingClientRect();\n const mouseX = e.clientX - rect.left; const mouseY = e.clientY - rect.top;\n for (let i = 0; i < 3; i++) { particlesArray.push(new Particle(mouseX, mouseY)); }\n });\n\n function handleParticles() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n for (let i = 0; i < particlesArray.length; i++) {\n particlesArray[i].update(); particlesArray[i].draw();\n if (particlesArray[i].size <= 0.1) { particlesArray.splice(i, 1); i--; }\n }\n requestAnimationFrame(handleParticles);\n }\n handleParticles();\n\n \/\/ --- 2. SURGICAL PHONE DIGITS-ONLY & LENGTH ENFORCEMENT ENGINE ---\n const phoneInput = document.getElementById('pPhone');\n phoneInput.addEventListener('input', (e) => {\n let processedValue = e.target.value.replace(\/\\D\/g, '');\n if (processedValue.length > 10) {\n processedValue = processedValue.substring(0, 10);\n }\n e.target.value = processedValue;\n evaluateFormExecutionStatus();\n });\n\n \/\/ --- 3. DYNAMIC INTEL EMAIL EXTENSION SELECTOR MATRIX ---\n const emailInput = document.getElementById('pEmail');\n const emailPanel = document.getElementById('emailPanel');\n const targetDomains = ['gmail.com', 'hotmail.com', 'yahoo.com', 'outlook.com', 'xtra.co.nz', 'schools.nz'];\n\n emailInput.addEventListener('input', (e) => {\n const rawValue = e.target.value;\n emailPanel.innerHTML = '';\n \n if (!rawValue || rawValue.includes('@')) {\n emailPanel.style.display = 'none';\n evaluateFormExecutionStatus();\n return;\n }\n\n targetDomains.forEach(domain => {\n const li = document.createElement('li');\n li.innerText = `${rawValue}@${domain}`;\n li.addEventListener('click', () => {\n emailInput.value = `${rawValue}@${domain}`;\n emailPanel.style.display = 'none';\n evaluateFormExecutionStatus();\n });\n emailPanel.appendChild(li);\n });\n emailPanel.style.display = 'block';\n evaluateFormExecutionStatus();\n });\n\n document.addEventListener('click', (e) => {\n if (e.target !== emailInput && e.target !== emailPanel) { emailPanel.style.display = 'none'; }\n });\n\n \/\/ --- 4. FORM FIELD RUNTIME STRUCTURAL COMPLIANCE ANALYSIS ---\n const targetForm = document.getElementById('nzRegistrationForm');\n const actionBtn = document.getElementById('submitCtaNode');\n const validationElements = targetForm.querySelectorAll('input[required], select[required]');\n\n function evaluateFormExecutionStatus() {\n let parametersMet = true;\n\n validationElements.forEach(item => {\n if (item.type === 'checkbox') {\n if (!item.checked) parametersMet = false;\n } else if (item.id === 'pPhone') {\n const digitLength = item.value.trim().length;\n if (digitLength < 8 || digitLength > 10) parametersMet = false;\n } else if (item.id === 'pEmail') {\n const hasAtSymbol = item.value.includes('@');\n if (!item.value.trim() || !item.checkValidity() || !hasAtSymbol) parametersMet = false;\n } else {\n if (!item.value.trim() || !item.checkValidity()) parametersMet = false;\n }\n });\n\n if (parametersMet) {\n actionBtn.classList.add('unlocked'); actionBtn.removeAttribute('disabled');\n } else {\n actionBtn.classList.remove('unlocked'); actionBtn.setAttribute('disabled', 'true');\n }\n }\n\n validationElements.forEach(item => {\n item.addEventListener('input', evaluateFormExecutionStatus);\n item.addEventListener('change', evaluateFormExecutionStatus);\n });\n\n \/\/ --- 5. PAYLOAD SERIALIZATION DATA SCHEMA & API TRANSMISSION ---\n targetForm.addEventListener('submit', async (e) => {\n e.preventDefault();\n\n const newUser = {\n firstName: document.getElementById('fName').value.trim(),\n lastName: document.getElementById('lName').value.trim(),\n yearLevel: document.getElementById('yrLevel').value,\n schoolName: document.getElementById('schName').value.trim(),\n parentName: document.getElementById('pName').value.trim(),\n parentEmail: document.getElementById('pEmail').value.trim(),\n parentPhone: `+64${document.getElementById('pPhone').value.trim()}`,\n assessingFor: document.getElementById('assessForOption').value,\n timestamp: new Date().toISOString()\n };\n\n \/\/ \ud83d\udea8 SECURE PRODUCTION ENDPOINT LINK CHANGER\n const API_ENDPOINT = \"https:\/\/diagnostic-backend-jmsu.onrender.com\/api\/register\"; \n \n \/\/ \ud83d\udce5 SUBMISSION TARGET SUCCESS ROUTING\n const REDIRECT_URL = \"https:\/\/curiouslearneracademy.com\/newzealand\/assessment-instructions\/\"; \n\n actionBtn.innerText = \"Processing...\";\n actionBtn.setAttribute('disabled', 'true');\n\n try {\n const response = await fetch(API_ENDPOINT, {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify(newUser)\n });\n\n \/\/ \ud83d\udd04 RE-ACTIVE LOCALSTORAGE HYDRATION LOGIC BLOCK WITH DEBUGGING CODES\n const data = await response.json();\n\n if (data.success) {\n console.log(\"FULL API RESPONSE:\", data);\n console.log(\"studentId from API =\", data.studentId);\n\n localStorage.setItem(\"studentId\", data.studentId);\n\n console.log(\n \"Saved Student ID:\",\n localStorage.getItem(\"studentId\")\n );\n\n localStorage.setItem(\n \"studentName\",\n newUser.firstName + \" \" + newUser.lastName\n );\n\n localStorage.setItem(\"yearLevel\", newUser.yearLevel);\n localStorage.setItem(\"assessingFor\", newUser.assessingFor);\n\n window.location.href = REDIRECT_URL;\n } else {\n console.log(\"API ERROR RESPONSE:\", data);\n alert(\"Registration failed.\");\n actionBtn.innerText = \"Submit & Next\";\n actionBtn.removeAttribute('disabled');\n actionBtn.classList.add('unlocked');\n }\n } catch (error) {\n console.error(\"API Transmission Pipeline Exception:\", error);\n alert(\"Network communication error. Unable to log registration to MongoDB server cluster.\");\n actionBtn.innerText = \"Submit & Next\"; \n actionBtn.removeAttribute('disabled');\n actionBtn.classList.add('unlocked');\n }\n });\n });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Curious Learner – Diagnostic Evaluation Enrolment Diagnostic Evaluation Enrolment Begin your assessment journey by submitting your details below. Register today […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-699","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"curiouslearneroffice@gmail.com","author_link":"https:\/\/curiouslearneracademy.com\/newzealand\/author\/curiouslearnerofficegmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Curious Learner – Diagnostic Evaluation Enrolment Diagnostic Evaluation Enrolment Begin your assessment journey by submitting your details below. Register today […]","_links":{"self":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/699","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/comments?post=699"}],"version-history":[{"count":10,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/699\/revisions"}],"predecessor-version":[{"id":764,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/699\/revisions\/764"}],"wp:attachment":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/media?parent=699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":699,"date":"2026-06-04T10:56:02","date_gmt":"2026-06-04T10:56:02","guid":{"rendered":"https:\/\/curiouslearneracademy.com\/newzealand\/?page_id=699"},"modified":"2026-06-08T14:44:50","modified_gmt":"2026-06-08T14:44:50","slug":"diagnostic-assessment","status":"publish","type":"page","link":"https:\/\/curiouslearneracademy.com\/newzealand\/diagnostic-assessment\/","title":{"rendered":"Diagnostic Assessment"},"content":{"rendered":"\n\n\n\n \n \n Curious Learner – Diagnostic Evaluation Enrolment<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;900&display=swap');\n\n :root {\n --cl-teal: #14b8a6;\n --cl-navy-dark: #020617;\n --cl-navy-pure: #0c4a6e;\n --cl-orange: #f97316;\n --cl-white: #ffffff;\n --cl-slate-50: #f8fafc;\n --cl-slate-100: #f1f5f9;\n --cl-slate-400: #94a3b8;\n --cl-slate-700: #334155;\n --border-soft: rgba(12, 74, 110, 0.12);\n }\n\n body {\n background-color: var(--cl-white);\n font-family: 'Outfit', sans-serif;\n margin: 0; padding: 0;\n color: var(--cl-slate-700);\n -webkit-font-smoothing: antialiased;\n }\n\n #cl-assessment-portal {\n padding: 40px 0;\n display: flex; justify-content: center; align-items: center;\n }\n\n .intake-card-wrapper {\n max-width: 1200px; width: 90%;\n background: var(--cl-white);\n border: 1px solid var(--border-soft);\n border-radius: 40px; padding: 0 0 50px 0;\n box-shadow: 0 25px 60px rgba(2, 6, 23, 0.03);\n box-sizing: border-box; position: relative; overflow: hidden;\n }\n\n \/* --- HYPER-LIVE INTERACTIVE HEADER --- *\/\n .live-header-box {\n position: relative;\n background: linear-gradient(135deg, #020617 0%, #0c4a6e 100%);\n padding: 60px 40px; text-align: center;\n border-bottom: 4px solid var(--cl-teal);\n border-radius: 38px 38px 0 0; overflow: hidden;\n }\n\n #headerCanvas {\n position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n pointer-events: none; z-index: 1;\n }\n\n .header-content-node { position: relative; z-index: 5; }\n\n .live-header-box h2 {\n font-size: clamp(2rem, 4vw, 3rem); color: var(--cl-white);\n font-weight: 900; letter-spacing: -1.5px; margin: 0 0 15px; text-transform: uppercase;\n }\n\n .live-header-box h2 span {\n color: var(--cl-teal); position: relative; display: inline-block;\n animation: pulseTealText 3s infinite ease-in-out;\n }\n\n @keyframes pulseTealText {\n 0%, 100% { text-shadow: 0 0 0px rgba(20, 184, 166, 0); }\n 50% { text-shadow: 0 0 20px rgba(20, 184, 166, 0.6); }\n }\n\n .live-accent-bar {\n width: 100px; height: 6px;\n background: linear-gradient(90deg, var(--cl-orange), var(--cl-teal));\n margin: 0 auto 20px; border-radius: 10px;\n }\n\n .live-header-box p {\n color: #e2e8f0; font-size: 1.1rem; max-width: 850px; margin: 0 auto; line-height: 1.6;\n }\n\n \/* --- STABILIZED FORM WORKSPACE --- *\/\n .form-body-padding { padding: 0 50px; }\n\n .segment-headline {\n font-size: 1.1rem; color: var(--cl-navy-pure); font-weight: 900;\n margin: 40px 0 20px; padding-bottom: 10px; border-bottom: 2px solid var(--cl-slate-100);\n display: flex; align-items: center; gap: 12px; text-transform: uppercase; letter-spacing: 0.5px;\n }\n\n .segment-headline i { color: var(--cl-teal); }\n .form-fields-matrix { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; }\n .input-node-shell { display: flex; flex-direction: column; position: relative; }\n .input-node-shell.span-full { grid-column: span 2; }\n\n .input-node-shell label {\n font-size: 0.85rem; font-weight: 900; color: var(--cl-navy-pure);\n margin-bottom: 8px; text-transform: uppercase; letter-spacing: 1px;\n }\n\n .input-node-shell label span { color: var(--cl-orange); }\n .input-field-container { position: relative; display: flex; align-items: center; width: 100%; }\n .input-field-container i { position: absolute; left: 20px; color: var(--cl-slate-400); pointer-events: none; z-index: 2; }\n\n .input-field-container input, .input-field-container select {\n width: 100%; padding: 16px 20px 16px 52px; font-family: 'Outfit', sans-serif; font-size: 1rem;\n background: var(--cl-slate-50); border: 1px solid var(--cl-slate-100); border-radius: 16px;\n color: var(--cl-navy-dark); box-sizing: border-box; transition: all 0.3s ease-in-out;\n }\n\n .input-field-container select {\n background-image: url(\"data:image\/svg+svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2314b8a6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\");\n background-repeat: no-repeat; background-position: right 20px center; background-size: 14px; padding-right: 50px;\n appearance: none; -webkit-appearance: none;\n }\n\n .input-field-container input:focus, .input-field-container select:focus {\n outline: none; background: var(--cl-white); border-color: var(--cl-teal); box-shadow: 0 0 0 4px rgba(20, 184, 166, 0.12);\n }\n\n \/* --- NZ COUNTRY CODE PREFIX EXTENSION --- *\/\n .nz-phone-container { position: relative; display: flex; align-items: center; width: 100%; }\n \n .nz-prefix {\n position: absolute; left: 52px; font-weight: 600; color: var(--cl-navy-pure);\n font-size: 1rem; pointer-events: none; z-index: 2; display: flex; align-items: center; gap: 5px;\n }\n \n .nz-prefix::after { content: ''; width: 1px; height: 18px; background: var(--cl-slate-400); margin-left: 5px; }\n .nz-phone-container input { padding-left: 110px !important; }\n\n \/* --- SMART EMAIL DOMAIN EXPANSION SUITE --- *\/\n .email-suggest-panel {\n position: absolute; top: 100%; left: 0; width: 100%; background: var(--cl-white);\n border: 1px solid var(--cl-teal); border-radius: 12px; margin-top: 5px;\n box-shadow: 0 10px 25px rgba(2, 6, 23, 0.1); z-index: 999; display: none;\n max-height: 200px; overflow-y: auto; padding: 5px 0; list-style: none;\n }\n\n .email-suggest-panel li {\n padding: 12px 20px; font-size: 0.95rem; color: var(--cl-slate-700); cursor: pointer; transition: 0.2s;\n }\n\n .email-suggest-panel li:hover { background: var(--cl-slate-100); color: var(--cl-teal); font-weight: 600; }\n\n \/* --- REGIONAL COMPLIANCE CONSENT DESIGN --- *\/\n .consent-matrix-box {\n margin-top: 35px; background: var(--cl-slate-50); border: 1px solid var(--cl-slate-100);\n padding: 30px; border-radius: 24px; display: flex; flex-direction: column; gap: 20px;\n }\n\n .consent-row { display: flex; align-items: flex-start; gap: 16px; cursor: pointer; user-select: none; }\n .consent-row input[type=\"checkbox\"] {\n appearance: none; -webkit-appearance: none; width: 22px; height: 22px; border: 2px solid var(--cl-slate-400);\n border-radius: 6px; background: var(--cl-white); cursor: pointer; display: inline-block; position: relative; margin-top: 2px; flex-shrink: 0;\n }\n\n .consent-row input[type=\"checkbox\"]:checked { background: var(--cl-teal); border-color: var(--cl-teal); }\n .consent-row input[type=\"checkbox\"]:checked::after {\n content: \"\\f00c\"; font-family: \"Font Awesome 6 Free\"; font-weight: 900; color: var(--cl-white); font-size: 0.85rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\n }\n\n .consent-row label { font-size: 1rem; line-height: 1.5; color: var(--cl-slate-700); }\n .consent-row label span { color: var(--cl-orange); font-weight: 600; }\n\n \/* --- CHROMATIC CALL TO ACTION BUTTON --- *\/\n .cta-action-center { margin-top: 40px; display: flex; justify-content: center; }\n\n .submit-kinetic-trigger {\n width: 100%; max-width: 450px; padding: 18px 35px; font-family: 'Outfit', sans-serif;\n font-size: 1.15rem; font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px;\n border: none; border-radius: 20px; cursor: not-allowed; display: flex; align-items: center; justify-content: center; gap: 12px;\n background: var(--cl-slate-400); color: rgba(255, 255, 255, 0.7); transition: all 0.4s ease-in-out;\n }\n\n .submit-kinetic-trigger.unlocked {\n background: var(--cl-orange); color: var(--cl-white); cursor: pointer; box-shadow: 0 12px 24px rgba(249, 115, 22, 0.25);\n }\n\n .submit-kinetic-trigger.unlocked:hover {\n background: var(--cl-teal); box-shadow: 0 15px 30px rgba(20, 184, 166, 0.35); transform: translateY(-4px);\n }\n\n .submit-kinetic-trigger i { transition: transform 0.3s ease; }\n .submit-kinetic-trigger.unlocked:hover i { transform: translateX(6px); }\n\n @media (max-width: 991px) {\n .form-fields-matrix { grid-template-columns: 1fr; gap: 20px; }\n .input-node-shell.span-full { grid-column: span 1; }\n .form-body-padding { padding: 0 24px; }\n .live-header-box { padding: 45px 20px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<section id=\"cl-assessment-portal\">\n <div class=\"intake-card-wrapper\">\n \n <header class=\"live-header-box\" id=\"headerInteractiveZone\">\n <canvas id=\"headerCanvas\"><\/canvas>\n <div class=\"header-content-node\">\n <h2>Diagnostic Evaluation <span>Enrolment<\/span><\/h2>\n <div class=\"live-accent-bar\"><\/div>\n <p>Begin your assessment journey by submitting your details below. Register today to receive a comprehensive evaluation of academic skills, identify strengths and areas for growth, and gain personalised learning recommendations to support your next steps.<\/p>\n <\/div>\n <\/header>\n\n <form id=\"nzRegistrationForm\" class=\"form-body-padding\" novalidate=\"\">\n \n <div class=\"segment-headline\">\n <i class=\"fa-solid fa-graduation-cap\"><\/i> Student Core Profiles\n <\/div>\n <div class=\"form-fields-matrix\">\n <div class=\"input-node-shell\">\n <label for=\"fName\">First Name <span>*<\/span><\/label>\n <div class=\"input-field-container\">\n <input type=\"text\" id=\"fName\" required=\"\" placeholder=\"Enter student's first name\">\n <i class=\"fa-solid fa-user\"><\/i>\n <\/div>\n <\/div>\n <div class=\"input-node-shell\">\n <label for=\"lName\">Last Name <span>*<\/span><\/label>\n <div class=\"input-field-container\">\n <input type=\"text\" id=\"lName\" required=\"\" placeholder=\"Enter student's last name\">\n <i class=\"fa-solid fa-user\"><\/i>\n <\/div>\n <\/div>\n \n <div class=\"input-node-shell\">\n <label for=\"yrLevel\">Year Level <span>*<\/span><\/label>\n <div class=\"input-field-container\">\n <select id=\"yrLevel\" required=\"\">\n <option value=\"\" disabled=\"\" selected=\"\">Select School Year Level<\/option>\n <option value=\"Year 1\">Year 1 (Ages 5-6)<\/option>\n <option value=\"Year 2\">Year 2 (Ages 6-7)<\/option>\n <option value=\"Year 3\">Year 3 (Ages 7-8)<\/option>\n <option value=\"Year 4\">Year 4 (Ages 8-9)<\/option>\n <option value=\"Year 5\">Year 5 (Ages 9-10)<\/option>\n <option value=\"Year 6\">Year 6 (Ages 10-11)<\/option>\n <option value=\"Year 7\">Year 7 (Ages 11-12)<\/option>\n <option value=\"Year 8\">Year 8 (Ages 12-13)<\/option>\n <option value=\"Year 9\">Year 9 (Ages 13-14)<\/option>\n <option value=\"Year 10\">Year 10 (Ages 14-15)<\/option>\n <option value=\"Year 11\">Year 11 (Ages 15-16)<\/option>\n <option value=\"Year 12\">Year 12 (Ages 16-17)<\/option>\n <option value=\"Year 13\">Year 13 (Ages 17-18)<\/option>\n <\/select>\n <i class=\"fa-solid fa-calendar-day\"><\/i>\n <\/div>\n <\/div>\n <div class=\"input-node-shell\">\n <label for=\"schName\">School Name <span>*<\/span><\/label>\n <div class=\"input-field-container\">\n <input type=\"text\" id=\"schName\" required=\"\" placeholder=\"e.g., Macleans College\">\n <i class=\"fa-solid fa-school\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"segment-headline\">\n <i class=\"fa-solid fa-user-shield\"><\/i> Parent \/ Guardian Parameters\n <\/div>\n <div class=\"form-fields-matrix\">\n <div class=\"input-node-shell\">\n <label for=\"pName\">Parent Name <span>*<\/span><\/label>\n <div class=\"input-field-container\">\n <input type=\"text\" id=\"pName\" required=\"\" placeholder=\"Enter primary contact name\">\n <i class=\"fa-solid fa-signature\"><\/i>\n <\/div>\n <\/div>\n \n <div class=\"input-node-shell\">\n <label for=\"pEmail\">Parent Email <span>*<\/span><\/label>\n <div class=\"input-field-container\">\n <input type=\"email\" id=\"pEmail\" required=\"\" autocomplete=\"off\" placeholder=\"username@domain.co.nz\">\n <i class=\"fa-solid fa-envelope\"><\/i>\n <\/div>\n <ul class=\"email-suggest-panel\" id=\"emailPanel\"><\/ul>\n <\/div>\n \n <div class=\"input-node-shell span-full\">\n <label for=\"pPhone\">Parent Phone Number (WhatsApp) <span>*<\/span><\/label>\n <div class=\"input-field-container nz-phone-container\">\n <i class=\"fa-brands fa-whatsapp\" style=\"font-size: 1.25rem;\"><\/i>\n <span class=\"nz-prefix\">+64<\/span>\n <input type=\"tel\" id=\"pPhone\" required=\"\" placeholder=\"21 555 1234\" maxlength=\"10\">\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"segment-headline\">\n <i class=\"fa-solid fa-chart-pie\"><\/i> Academic Orientation Target\n <\/div>\n <div class=\"form-fields-matrix\">\n <div class=\"input-node-shell span-full\">\n <label for=\"assessForOption\">Assessing For <span>*<\/span><\/label>\n <div class=\"input-field-container\">\n <select id=\"assessForOption\" required=\"\">\n <option value=\"\" disabled=\"\" selected=\"\">Choose Focus Classification Option<\/option>\n <option value=\"Foundation Gap\">Foundation Gap<\/option>\n <option value=\"Study assistance\">Study assistance<\/option>\n <option value=\"Advance\/Gifted Track\">Advance\/Gifted Track<\/option>\n <option value=\"Competitive assessment\">Competitive assessment<\/option>\n <\/select>\n <i class=\"fa-solid fa-crosshairs\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"consent-matrix-box\">\n <div class=\"consent-row\">\n <input type=\"checkbox\" id=\"chkReport\" required=\"\">\n <label for=\"chkReport\">I agree to receive my child’s assessment report by email <span>*<\/span><\/label>\n <\/div>\n <div class=\"consent-row\">\n <input type=\"checkbox\" id=\"chkContact\" required=\"\">\n <label for=\"chkContact\">I agree to Curious Learner Academy contacting me regarding the assessment results and also for promotional content <span>*<\/span><\/label>\n <\/div>\n <\/div>\n\n <div class=\"cta-action-center\">\n <button type=\"submit\" id=\"submitCtaNode\" class=\"submit-kinetic-trigger\" disabled=\"\">\n <span>Submit & Next<\/span>\n <i class=\"fa-solid fa-arrow-right-long\"><\/i>\n <\/button>\n <\/div>\n\n <\/form>\n <\/div>\n<\/section>\n\n<script>\n document.addEventListener('DOMContentLoaded', () => {\n \n \/\/ --- 1. HYPER-LIVE HEADER BACKGROUND CANVAS ---\n const headerZone = document.getElementById('headerInteractiveZone');\n const canvas = document.getElementById('headerCanvas');\n const ctx = canvas.getContext('2d');\n let particlesArray = [];\n\n function resizeCanvas() {\n canvas.width = headerZone.offsetWidth; canvas.height = headerZone.offsetHeight;\n }\n resizeCanvas();\n window.addEventListener('resize', resizeCanvas);\n\n class Particle {\n constructor(x, y) {\n this.x = x; this.y = y;\n this.size = Math.random() * 3 + 1;\n this.speedX = Math.random() * 2 - 1; this.speedY = Math.random() * 2 - 1;\n this.color = Math.random() > 0.5 ? 'rgba(20, 184, 166, 0.4)' : 'rgba(249, 115, 22, 0.3)';\n }\n update() {\n this.x += this.speedX; this.y += this.speedY;\n if (this.size > 0.1) this.size -= 0.02;\n }\n draw() {\n ctx.fillStyle = this.color; ctx.beginPath();\n ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2); ctx.fill();\n }\n }\n\n headerZone.addEventListener('mousemove', (e) => {\n const rect = headerZone.getBoundingClientRect();\n const mouseX = e.clientX - rect.left; const mouseY = e.clientY - rect.top;\n for (let i = 0; i < 3; i++) { particlesArray.push(new Particle(mouseX, mouseY)); }\n });\n\n function handleParticles() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n for (let i = 0; i < particlesArray.length; i++) {\n particlesArray[i].update(); particlesArray[i].draw();\n if (particlesArray[i].size <= 0.1) { particlesArray.splice(i, 1); i--; }\n }\n requestAnimationFrame(handleParticles);\n }\n handleParticles();\n\n \/\/ --- 2. SURGICAL PHONE DIGITS-ONLY & LENGTH ENFORCEMENT ENGINE ---\n const phoneInput = document.getElementById('pPhone');\n phoneInput.addEventListener('input', (e) => {\n let processedValue = e.target.value.replace(\/\\D\/g, '');\n if (processedValue.length > 10) {\n processedValue = processedValue.substring(0, 10);\n }\n e.target.value = processedValue;\n evaluateFormExecutionStatus();\n });\n\n \/\/ --- 3. DYNAMIC INTEL EMAIL EXTENSION SELECTOR MATRIX ---\n const emailInput = document.getElementById('pEmail');\n const emailPanel = document.getElementById('emailPanel');\n const targetDomains = ['gmail.com', 'hotmail.com', 'yahoo.com', 'outlook.com', 'xtra.co.nz', 'schools.nz'];\n\n emailInput.addEventListener('input', (e) => {\n const rawValue = e.target.value;\n emailPanel.innerHTML = '';\n \n if (!rawValue || rawValue.includes('@')) {\n emailPanel.style.display = 'none';\n evaluateFormExecutionStatus();\n return;\n }\n\n targetDomains.forEach(domain => {\n const li = document.createElement('li');\n li.innerText = `${rawValue}@${domain}`;\n li.addEventListener('click', () => {\n emailInput.value = `${rawValue}@${domain}`;\n emailPanel.style.display = 'none';\n evaluateFormExecutionStatus();\n });\n emailPanel.appendChild(li);\n });\n emailPanel.style.display = 'block';\n evaluateFormExecutionStatus();\n });\n\n document.addEventListener('click', (e) => {\n if (e.target !== emailInput && e.target !== emailPanel) { emailPanel.style.display = 'none'; }\n });\n\n \/\/ --- 4. FORM FIELD RUNTIME STRUCTURAL COMPLIANCE ANALYSIS ---\n const targetForm = document.getElementById('nzRegistrationForm');\n const actionBtn = document.getElementById('submitCtaNode');\n const validationElements = targetForm.querySelectorAll('input[required], select[required]');\n\n function evaluateFormExecutionStatus() {\n let parametersMet = true;\n\n validationElements.forEach(item => {\n if (item.type === 'checkbox') {\n if (!item.checked) parametersMet = false;\n } else if (item.id === 'pPhone') {\n const digitLength = item.value.trim().length;\n if (digitLength < 8 || digitLength > 10) parametersMet = false;\n } else if (item.id === 'pEmail') {\n const hasAtSymbol = item.value.includes('@');\n if (!item.value.trim() || !item.checkValidity() || !hasAtSymbol) parametersMet = false;\n } else {\n if (!item.value.trim() || !item.checkValidity()) parametersMet = false;\n }\n });\n\n if (parametersMet) {\n actionBtn.classList.add('unlocked'); actionBtn.removeAttribute('disabled');\n } else {\n actionBtn.classList.remove('unlocked'); actionBtn.setAttribute('disabled', 'true');\n }\n }\n\n validationElements.forEach(item => {\n item.addEventListener('input', evaluateFormExecutionStatus);\n item.addEventListener('change', evaluateFormExecutionStatus);\n });\n\n \/\/ --- 5. PAYLOAD SERIALIZATION DATA SCHEMA & API TRANSMISSION ---\n targetForm.addEventListener('submit', async (e) => {\n e.preventDefault();\n\n const newUser = {\n firstName: document.getElementById('fName').value.trim(),\n lastName: document.getElementById('lName').value.trim(),\n yearLevel: document.getElementById('yrLevel').value,\n schoolName: document.getElementById('schName').value.trim(),\n parentName: document.getElementById('pName').value.trim(),\n parentEmail: document.getElementById('pEmail').value.trim(),\n parentPhone: `+64${document.getElementById('pPhone').value.trim()}`,\n assessingFor: document.getElementById('assessForOption').value,\n timestamp: new Date().toISOString()\n };\n\n \/\/ \ud83d\udea8 SECURE PRODUCTION ENDPOINT LINK CHANGER\n const API_ENDPOINT = \"https:\/\/diagnostic-backend-jmsu.onrender.com\/api\/register\"; \n \n \/\/ \ud83d\udce5 SUBMISSION TARGET SUCCESS ROUTING\n const REDIRECT_URL = \"https:\/\/curiouslearneracademy.com\/newzealand\/assessment-instructions\/\"; \n\n actionBtn.innerText = \"Processing...\";\n actionBtn.setAttribute('disabled', 'true');\n\n try {\n const response = await fetch(API_ENDPOINT, {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify(newUser)\n });\n\n \/\/ \ud83d\udd04 RE-ACTIVE LOCALSTORAGE HYDRATION LOGIC BLOCK WITH DEBUGGING CODES\n const data = await response.json();\n\n if (data.success) {\n console.log(\"FULL API RESPONSE:\", data);\n console.log(\"studentId from API =\", data.studentId);\n\n localStorage.setItem(\"studentId\", data.studentId);\n\n console.log(\n \"Saved Student ID:\",\n localStorage.getItem(\"studentId\")\n );\n\n localStorage.setItem(\n \"studentName\",\n newUser.firstName + \" \" + newUser.lastName\n );\n\n localStorage.setItem(\"yearLevel\", newUser.yearLevel);\n localStorage.setItem(\"assessingFor\", newUser.assessingFor);\n\n window.location.href = REDIRECT_URL;\n } else {\n console.log(\"API ERROR RESPONSE:\", data);\n alert(\"Registration failed.\");\n actionBtn.innerText = \"Submit & Next\";\n actionBtn.removeAttribute('disabled');\n actionBtn.classList.add('unlocked');\n }\n } catch (error) {\n console.error(\"API Transmission Pipeline Exception:\", error);\n alert(\"Network communication error. Unable to log registration to MongoDB server cluster.\");\n actionBtn.innerText = \"Submit & Next\"; \n actionBtn.removeAttribute('disabled');\n actionBtn.classList.add('unlocked');\n }\n });\n });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Curious Learner – Diagnostic Evaluation Enrolment Diagnostic Evaluation Enrolment Begin your assessment journey by submitting your details below. Register today […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-699","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"curiouslearneroffice@gmail.com","author_link":"https:\/\/curiouslearneracademy.com\/newzealand\/author\/curiouslearnerofficegmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Curious Learner – Diagnostic Evaluation Enrolment Diagnostic Evaluation Enrolment Begin your assessment journey by submitting your details below. Register today […]","_links":{"self":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/699","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/comments?post=699"}],"version-history":[{"count":10,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/699\/revisions"}],"predecessor-version":[{"id":764,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/699\/revisions\/764"}],"wp:attachment":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/media?parent=699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}