Curious Learner Academy – Year 5-6 Diagnostic Evaluation<\/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;700;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-quiz-portal {\n padding: 40px 0;\n display: flex; justify-content: center; align-items: center;\n min-height: 100vh;\n background: var(--cl-slate-50);\n }\n\n .quiz-wrapper {\n max-width: 900px; width: 90%;\n background: var(--cl-white);\n border: 1px solid var(--border-soft);\n border-radius: 40px; padding: 40px;\n box-shadow: 0 25px 60px rgba(2, 6, 23, 0.05);\n box-sizing: border-box; position: relative;\n transition: all 0.5s ease-in-out;\n }\n\n .custom-assessment-header {\n padding-bottom: 25px; \n border-bottom: 2px solid var(--cl-slate-100);\n margin-bottom: 35px;\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n }\n\n .meta-top-row {\n display: flex; justify-content: space-between; align-items: center;\n margin-bottom: 20px; width: 100%;\n }\n\n .progress-indicator {\n font-size: 1.1rem; font-weight: 900; color: var(--cl-navy-pure);\n text-transform: uppercase; letter-spacing: 1px;\n }\n\n .progress-indicator span { color: var(--cl-teal); }\n\n .timer-badge {\n background: var(--cl-navy-dark); color: var(--cl-white);\n padding: 10px 22px; border-radius: 14px; font-weight: 700;\n display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,0.1);\n }\n\n .timer-badge.warning-state {\n background: #ef4444; border-color: #ef4444;\n animation: panicPulse 1s infinite alternate;\n }\n\n @keyframes panicPulse {\n 0% { transform: scale(1); } 100% { transform: scale(1.05); box-shadow: 0 0 15px rgba(239, 68, 68, 0.4); }\n }\n\n .quiz-progress-track {\n width: 100%; height: 8px; background: var(--cl-slate-100); border-radius: 10px; overflow: hidden;\n }\n .quiz-progress-fill {\n width: 4%; height: 100%; background: linear-gradient(90deg, var(--cl-teal), #06b6d4);\n border-radius: 10px; transition: width 0.4s ease-in-out;\n }\n\n \/* --- QUESTION WORKSPACE --- *\/\n .question-node-box h3 {\n font-size: 0.85rem; color: var(--cl-teal); font-weight: 900;\n text-transform: uppercase; letter-spacing: 2px; margin: 0 0 10px 0;\n display: block !important;\n }\n\n .question-node-box h2 {\n font-size: 1.45rem; color: var(--cl-navy-dark); font-weight: 800;\n line-height: 1.5; margin: 0 0 30px 0;\n }\n\n .options-matrix-stack {\n display: flex; flex-direction: column; gap: 16px; margin-bottom: 40px;\n }\n\n .option-label-card {\n background: var(--cl-white); border: 2px solid var(--cl-slate-100);\n border-radius: 18px; padding: 20px 25px; display: flex; align-items: center;\n gap: 15px; cursor: pointer; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n }\n\n .option-label-card:hover { border-color: var(--cl-teal); background: var(--cl-slate-50); transform: translateX(4px); }\n .option-label-card input[type=\"radio\"] { appearance: none; -webkit-appearance: none; margin: 0; position: absolute; }\n .custom-indicator-dot { width: 22px; height: 22px; border: 2px solid var(--cl-slate-400); border-radius: 50%; display: inline-block; flex-shrink: 0; position: relative; transition: all 0.2s ease; }\n .option-label-card.selected-active { border-color: var(--cl-teal); background: rgba(20, 184, 166, 0.03); }\n .option-label-card.selected-active .custom-indicator-dot { border-color: var(--cl-teal); background: var(--cl-teal); }\n .option-label-card.selected-active .custom-indicator-dot::after { content: ''; width: 8px; height: 8px; background: var(--cl-white); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }\n .option-text-val { font-size: 1.05rem; font-weight: 600; color: var(--cl-slate-700); }\n\n \/* --- FOOTER CTAS --- *\/\n .quiz-action-footer { display: flex; justify-content: flex-end; padding-top: 25px; border-top: 2px solid var(--cl-slate-100); }\n \n .next-step-trigger-btn {\n padding: 16px 40px; font-family: 'Outfit', sans-serif; font-size: 1.1rem;\n font-weight: 900; text-transform: uppercase; letter-spacing: 1px;\n border: none; border-radius: 16px; cursor: not-allowed;\n display: flex; align-items: center; gap: 12px;\n background: var(--cl-slate-400); color: rgba(255, 255, 255, 0.6); transition: all 0.3s ease;\n }\n\n .next-step-trigger-btn.unlocked-ready { background: var(--cl-orange); color: var(--cl-white); cursor: pointer; box-shadow: 0 10px 20px rgba(249, 115, 22, 0.2); }\n .next-step-trigger-btn.unlocked-ready.submit-state { background: var(--cl-teal); box-shadow: 0 10px 20px rgba(20, 184, 166, 0.2); }\n .next-step-trigger-btn.unlocked-ready:hover { transform: translateY(-2px); filter: brightness(1.05); }\n .next-step-trigger-btn i { transition: transform 0.2s ease; }\n .next-step-trigger-btn.unlocked-ready:hover i { transform: translateX(4px); }\n\n \/* --- DIAGNOSTIC SCORECARD HUB --- *\/\n .success-display-card { animation: fadeInHub 0.6s ease-out forwards; text-align: center; }\n @keyframes fadeInHub { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }\n \n .success-badge-icon {\n width: 80px; height: 80px; background: rgba(20, 184, 166, 0.1); color: var(--cl-teal);\n border-radius: 50%; display: flex; align-items: center; justify-content: center;\n font-size: 2.5rem; margin: 0 auto 20px;\n }\n\n .success-display-card h2 { font-size: 2.2rem; color: var(--cl-navy-dark); font-weight: 900; margin: 0 0 10px 0; }\n .success-display-card p { font-size: 1.05rem; color: var(--cl-slate-700); max-width: 650px; margin: 0 auto 30px; line-height: 1.6; }\n\n .master-score-container {\n background: linear-gradient(135deg, var(--cl-navy-dark) 0%, var(--cl-navy-pure) 100%);\n border-radius: 24px; padding: 30px; margin-bottom: 35px; color: var(--cl-white);\n display: flex; align-items: center; justify-content: space-around; text-align: left;\n }\n\n .score-circle {\n width: 110px; height: 110px; border: 6px solid var(--cl-teal); border-radius: 50%;\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n background: rgba(255,255,255,0.05); box-shadow: 0 0 20px rgba(20, 184, 166, 0.2);\n }\n .score-circle .big-num { font-size: 2rem; font-weight: 900; color: var(--cl-white); line-height: 1; }\n .score-circle .small-lbl { font-size: 0.75rem; text-transform: uppercase; color: var(--cl-slate-400); font-weight: 700; margin-top: 4px; }\n\n .master-meta-info h4 { margin: 0 0 5px 0; font-size: 1.3rem; font-weight: 900; }\n .master-meta-info p { margin: 0; color: var(--cl-slate-400); font-size: 0.95rem; }\n\n .metrics-breakdown-box { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin-bottom: 35px; text-align: left; }\n .metric-block-card { background: var(--cl-slate-50); border: 1px solid var(--cl-slate-100); padding: 25px; border-radius: 20px; }\n .metric-block-card h3 { margin: 0 0 20px 0; font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; color: var(--cl-navy-pure); font-weight: 900; border-bottom: 2px solid var(--cl-slate-100); padding-bottom: 8px; }\n\n .score-row-item { margin-bottom: 15px; }\n .score-row-item:last-child { margin-bottom: 0; }\n .row-item-meta { display: flex; justify-content: space-between; font-size: 0.9rem; font-weight: 700; margin-bottom: 6px; color: var(--cl-slate-700); }\n \n .progress-track-bg { width: 100%; height: 8px; background: var(--cl-slate-100); border-radius: 10px; overflow: hidden; }\n .progress-fill-bar { height: 100%; border-radius: 10px; width: 0%; transition: width 1s ease-in-out; }\n .progress-fill-bar.sec-color { background: var(--cl-teal); }\n .progress-fill-bar.topic-color { background: var(--cl-orange); }\n\n .primary-result-cta {\n display: block; width: 100%; max-width: 450px; margin: 0 auto 10px;\n padding: 18px 30px; background: var(--cl-teal); color: var(--cl-white);\n border-radius: 18px; font-size: 1.2rem; font-weight: 900; text-transform: uppercase;\n letter-spacing: 1px; text-decoration: none; border: none; cursor: pointer;\n box-shadow: 0 12px 24px rgba(20, 184, 166, 0.25); transition: all 0.3s ease;\n }\n .primary-result-cta:hover { background: var(--cl-navy-pure); transform: translateY(-3px); }\n\n .email-delivery-notice-msg { font-size: 0.9rem; font-weight: 700; color: var(--cl-orange); margin: 15px auto 25px; display: none; text-transform: uppercase; letter-spacing: 0.5px; }\n\n .conversion-split-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; max-width: 600px; margin: 15px auto 0; padding-top: 30px; border-top: 1px solid var(--cl-slate-100); }\n .secondary-conversion-btn { padding: 16px 25px; border-radius: 14px; font-size: 1rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 10px; transition: all 0.3s ease; }\n .secondary-conversion-btn.mentor-btn { background: var(--cl-slate-100); color: var(--cl-navy-pure); }\n .secondary-conversion-btn.mentor-btn:hover { background: var(--white); box-shadow: 0 0 0 2px var(--cl-navy-pure); transform: translateY(-2px); }\n .secondary-conversion-btn.enroll-btn { background: var(--cl-orange); color: var(--cl-white); box-shadow: 0 8px 16px rgba(249, 115, 22, 0.2); }\n .secondary-conversion-btn.enroll-btn:hover { background: var(--cl-navy-dark); transform: translateY(-2px); }\n\n @media (max-width: 768px) {\n .quiz-wrapper { padding: 30px 20px; border-radius: 30px; }\n .custom-assessment-header { padding-bottom: 15px; margin-bottom: 25px; }\n .meta-top-row { flex-direction: column; gap: 15px; align-items: flex-start; }\n .timer-badge { width: 100%; justify-content: center; box-sizing: border-box; }\n .metrics-breakdown-box { grid-template-columns: 1fr; gap: 20px; }\n .master-score-container { flex-direction: column; text-align: center; gap: 20px; }\n .conversion-split-row { grid-template-columns: 1fr; gap: 15px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<section id=\"cl-quiz-portal\">\n <div class=\"quiz-wrapper\" id=\"coreHubShell\">\n \n <div id=\"activeQuizStateLayer\">\n <div class=\"custom-assessment-header\" id=\"masterHeaderContainer\">\n <div class=\"meta-top-row\">\n <div class=\"progress-indicator\">Question <span id=\"currentQuestionNum\">1<\/span> of <span id=\"totalQuestionsNum\">25<\/span> \u2014 <span id=\"currentTopicNum\">Topic<\/span><\/div>\n <div class=\"timer-badge\" id=\"timerBadge\">\n <i class=\"fa-solid fa-clock-rotate-left\"><\/i> <span id=\"timeClockVal\">40:00<\/span>\n <\/div>\n <\/div>\n <div class=\"quiz-progress-track\">\n <div class=\"quiz-progress-fill\" id=\"visualProgressBarFill\"><\/div>\n <\/div>\n <\/div>\n\n <main id=\"questionWorkspaceNode\">\n <\/main>\n\n <footer class=\"quiz-action-footer\">\n <button type=\"button\" id=\"nextQuestionBtn\" class=\"next-step-trigger-btn\" disabled=\"\">\n <span id=\"ctaBtnText\">Next Question<\/span>\n <i class=\"fa-solid fa-arrow-right-long\" id=\"ctaBtnIcon\"><\/i>\n <\/button>\n <\/footer>\n <\/div>\n\n <\/div>\n<\/section>\n\n<script>\n document.addEventListener('DOMContentLoaded', () => {\n\n \/\/ --- \ud83d\udd12 GLOBAL SITE NAVIGATION OVERRIDE SWITCHES ---\n const GlobalNavigationSelectors = [\n 'header:not(.custom-assessment-header)', 'nav:not(.custom-assessment-header)', \n '.site-header', '#site-navigation', '.nav-container', '#top-menu', \n '.main-header', '.navbar'\n ];\n\n function isolateAssessmentWorkspaceView(shouldHide) {\n GlobalNavigationSelectors.forEach(selector => {\n const DOMElements = document.querySelectorAll(selector);\n DOMElements.forEach(element => {\n if (shouldHide) {\n element.style.setProperty('display', 'none', 'important');\n } else {\n element.style.removeProperty('display');\n }\n });\n });\n }\n\n isolateAssessmentWorkspaceView(true);\n\n \/\/ --- \ud83d\udcda EVALUATION QUESTIONS MATRIX FOR YEAR 5-6 ---\n const EVALUATION_QUESTIONS = [\n \/\/ SECTION 1: FOUNDATIONAL\n { id: 1, section: 1, topic: \"Mathematics\", answer: \"1,350\", text: \"A stadium has 5,000 seats. 2,450 tickets were sold on Monday, and 1,200 tickets were sold on Tuesday. How many empty seats are left?\", choices: [\"3,650\", \"1,350\", \"2,550\", \"1,450\"] },\n { id: 2, section: 1, topic: \"Mathematics\", answer: \"360\", text: \"A school orders 15 boxes of whiteboard markers. Each box contains 24 markers. How many markers did the school order in total?\", choices: [\"360\", \"340\", \"300\", \"390\"] },\n { id: 3, section: 1, topic: \"Mathematics\", answer: \"$2.75\", text: \"Maya buys a sandwich for $4.50 and a juice for $2.75. She pays with a $10.00 note. How much change should she receive?\", choices: [\"$3.75\", \"$2.25\", \"$2.75\", \"$3.25\"] },\n { id: 4, section: 1, topic: \"Mathematics\", answer: \"24\", text: \"144 students are attending a sports camp. They are divided equally into teams of 6. How many teams are there?\", choices: [\"22\", \"24\", \"26\", \"28\"] },\n { id: 5, section: 1, topic: \"Analytical Skill\", answer: \"8 slices\", text: \"A large pizza is cut into 12 equal slices. Sam eats 1\/3 of the pizza. How many slices are left for his family?\", choices: [\"4 slices\", \"6 slices\", \"8 slices\", \"9 slices\"] },\n { id: 6, section: 1, topic: \"Analytical Skill\", answer: \"155 cm\", text: \"A wooden board is exactly 2 meters long. A carpenter cuts off a piece that is 45 centimeters long. How long is the remaining board?\", choices: [\"55 cm\", \"145 cm\", \"155 cm\", \"245 cm\"] },\n { id: 7, section: 1, topic: \"Analytical Skill\", answer: \"10 meters\", text: \"A square garden has a total perimeter of 40 meters. What is the length of one side of the garden?\", choices: [\"5 meters\", \"10 meters\", \"20 meters\", \"40 meters\"] },\n { id: 8, section: 1, topic: \"Logical Reasoning\", answer: \"2 hours 30 minutes\", text: \"A train departs the station at 9:15 AM and arrives at its destination at 11:45 AM. How long was the train ride?\", choices: [\"2 hours 15 minutes\", \"2 hours 30 minutes\", \"3 hours\", \"1 hour 30 minutes\"] },\n { id: 9, section: 1, topic: \"Logical Reasoning\", answer: \"3 degrees\", text: \"The temperature outside is 15 degrees. It drops by 3 degrees every hour. What will the temperature be after 4 hours?\", choices: [\"3 degrees\", \"12 degrees\", \"0 degrees\", \"3 degrees\"] },\n { id: 10, section: 1, topic: \"Logical Reasoning\", answer: \"30\", text: \"A tally chart uses a star symbol to represent 5 students. If there are 6 stars next to 'Soccer', how many students play soccer?\", choices: [\"11\", \"6\", \"25\", \"30\"] },\n\n \/\/ SECTION 2: ABOVE AVERAGE TRACK\n { id: 11, section: 2, topic: \"Analytical Skill\", answer: \"3\/4 kg\", text: \"A baker uses 1\/2 kg of flour to bake bread and 1\/4 kg of flour to bake a cake. How much total flour did the baker use?\", choices: [\"2\/6 kg\", \"3\/4 kg\", \"2\/4 kg\", \"1\/8 kg\"] },\n { id: 12, section: 2, topic: \"Mathematics\", answer: \"$60\", text: \"A pair of running shoes normally costs $80. They are on sale for 25% off. What is the new sale price of the shoes?\", choices: [\"$20\", \"$55\", \"$60\", \"$75\"] },\n { id: 13, section: 2, topic: \"Mathematics\", answer: \"10.45 km\", text: \"A runner tracks her distances: 2.5 km on Monday, 3.75 km on Tuesday, and 4.2 km on Wednesday. What is her total distance run?\", choices: [\"9.45 km\", \"10.45 km\", \"10.05 km\", \"9.95 km\"] },\n { id: 14, section: 2, topic: \"Analytical Skill\", answer: \"2 cans\", text: \"A rectangular wall is 6 meters long and 3 meters high. One can of paint covers exactly 9 square meters. How many cans of paint are needed to cover the entire wall?\", choices: [\"2 cans\", \"3 cans\", \"4 cans\", \"18 cans\"] },\n { id: 15, section: 2, topic: \"Mathematics\", answer: \"$22\", text: \"A teacher buys 3 packs of pens for $4 each and one stapler for $10. Using the correct order of operations, what is her total cost?\", choices: [\"$42\", \"$22\", \"$17\", \"$34\"] },\n { id: 16, section: 2, topic: \"Mathematics\", answer: \"15\", text: \"The scores on a math quiz were 12, 15, 14, and 19 out of 20. What is the mean (average) score of the group?\", choices: [\"14\", \"15\", \"16\", \"17\"] },\n { id: 17, section: 2, topic: \"Analytical Skill\", answer: \"30,000 cm\u00b3\", text: \"A glass fish tank is shaped like a rectangular prism. It is 50 cm long, 20 cm wide, and 30 cm high. What is the volume of the tank?\", choices: [\"100 cm\u00b3\", \"3,000 cm\u00b3\", \"10,000 cm\u00b3\", \"30,000 cm\u00b3\"] },\n { id: 18, section: 2, topic: \"Logical Reasoning\", answer: \"6 cups\", text: \"A recipe requires 2 cups of sugar for every 3 cups of flour. If a baker uses 9 cups of flour for a large batch, how many cups of sugar does he need?\", choices: [\"4 cups\", \"6 cups\", \"8 cups\", \"12 cups\"] },\n { id: 19, section: 2, topic: \"Analytical Skill\", answer: \"0.4\", text: \"Exactly 3\/5 of the students in a class went on a field trip. What decimal represents the fraction of students who did NOT go on the trip?\", choices: [\"0.6\", \"0.3\", \"0.4\", \"0.2\"] },\n { id: 20, section: 2, topic: \"Logical Reasoning\", answer: \"10:25 AM\", text: \"A flight lasts for 3 hours and 45 minutes. The plane lands at 2:10 PM. At what time did the flight take off?\", choices: [\"10:25 AM\", \"10:15 AM\", \"11:25 AM\", \"11:15 AM\"] },\n\n \/\/ SECTION 3: EXCEPTIONAL REASONING\n { id: 21, section: 3, topic: \"Logical Reasoning\", answer: \"$3.00\", text: \"In a cafe, 2 coffees and 1 slice of cake cost $10.00. 2 coffees and 3 slices of cake cost $18.00. How much does 1 coffee cost?\", choices: [\"$3.00\", \"$4.00\", \"$5.00\", \"$6.00\"] },\n { id: 22, section: 3, topic: \"Logical Reasoning\", answer: \"10 days\", text: \"A crew of 5 builders can build a brick wall in exactly 4 days. Assuming they all work at the same speed, how many days would it take 2 builders to build the exact same wall?\", choices: [\"8 days\", \"10 days\", \"12 days\", \"20 days\"] },\n { id: 23, section: 3, topic: \"Logical Reasoning\", answer: \"2 meters\", text: \"A bouncy ball is dropped from a balcony 16 meters high. Each time it bounces, it reaches exactly half of its previous height. How high does the ball reach after its 3rd bounce?\", choices: [\"4 meters\", \"2 meters\", \"1 meter\", \"0.5 meters\"] },\n { id: 24, section: 3, topic: \"Analytical Skill\", answer: \"8\", text: \"In a class of 30 students, 18 play soccer and 15 play basketball. 5 students do not play either sport. How many students play BOTH soccer and basketball?\", choices: [\"3\", \"5\", \"8\", \"10\"] },\n { id: 25, section: 3, topic: \"Logical Reasoning\", answer: \"5\", text: \"Think of a secret number. Double it, add 10 to the result, divide that answer by 2, and finally subtract your original secret number. What is your final answer?\", choices: [\"It depends on the secret number.\", \"2\", \"5\", \"10\"] }\n ];\n\n let currentQuestionIndex = 0;\n let chosenResponsesLog = [];\n let clockSecondsRemaining = 40 * 60; \/\/ Hard-set 40 Min limit\n let countdownTimerReference = null;\n\n let s1Correct = 0, s2Correct = 0, s3Correct = 0;\n let mathCorrect = 0, analyticalCorrect = 0, logicalCorrect = 0;\n\n const shellBox = document.getElementById('coreHubShell');\n const workspace = document.getElementById('questionWorkspaceNode');\n const currentQNumDisplay = document.getElementById('currentQuestionNum');\n const totalQNumDisplay = document.getElementById('totalQuestionsNum');\n const currentTopicDisplay = document.getElementById('currentTopicNum');\n const visualBarFill = document.getElementById('visualProgressBarFill');\n const timeDisplay = document.getElementById('timeClockVal');\n const nextCta = document.getElementById('nextQuestionBtn');\n const ctaText = document.getElementById('ctaBtnText');\n const ctaIcon = document.getElementById('ctaBtnIcon');\n\n totalQNumDisplay.innerText = EVALUATION_QUESTIONS.length;\n\n function startTimer() {\n countdownTimerReference = setInterval(() => {\n clockSecondsRemaining--;\n let mins = Math.floor(clockSecondsRemaining \/ 60);\n let secs = clockSecondsRemaining % 60;\n timeDisplay.innerText = `${mins < 10 ? '0' : ''}${mins}:${secs < 10 ? '0' : ''}${secs}`;\n if (clockSecondsRemaining <= 300) document.getElementById('timerBadge').classList.add('warning-state');\n if (clockSecondsRemaining <= 0) { clearInterval(countdownTimerReference); submitQuiz(); }\n }, 1000);\n }\n\n function renderQuestion() {\n nextCta.setAttribute('disabled', 'true');\n nextCta.classList.remove('unlocked-ready');\n\n const qData = EVALUATION_QUESTIONS[currentQuestionIndex];\n currentQNumDisplay.innerText = currentQuestionIndex + 1;\n currentTopicDisplay.innerText = qData.topic;\n\n const liveProgressPercent = Math.round(((currentQuestionIndex + 1) \/ EVALUATION_QUESTIONS.length) * 100);\n visualBarFill.style.width = `${liveProgressPercent}%`;\n\n if (currentQuestionIndex === EVALUATION_QUESTIONS.length - 1) {\n ctaText.innerText = \"Submit Assessment\";\n nextCta.classList.add('submit-state');\n ctaIcon.className = \"fa-solid fa-circle-check\";\n } else {\n ctaText.innerText = \"Next Question\";\n nextCta.classList.remove('submit-state');\n ctaIcon.className = \"fa-solid fa-arrow-right-long\";\n }\n\n let optionsHTML = '';\n qData.choices.forEach(choice => {\n optionsHTML += `\n <label class=\"option-label-card\">\n <input type=\"radio\" name=\"mcqOption\" value=\"${choice}\">\n <span class=\"custom-indicator-dot\"><\/span>\n <span class=\"option-text-val\">${choice}<\/span>\n <\/label>\n `;\n });\n\n workspace.innerHTML = `\n <div class=\"question-node-box\">\n <h3>Section ${qData.section}<\/h3>\n <h2>${qData.id}. ${qData.text}<\/h2>\n <div class=\"options-matrix-stack\">${optionsHTML}<\/div>\n <\/div>\n `;\n\n const cards = workspace.querySelectorAll('.option-label-card');\n cards.forEach(card => {\n card.addEventListener('click', function() {\n cards.forEach(c => c.classList.remove('selected-active'));\n this.classList.add('selected-active');\n this.querySelector('input').checked = true;\n nextCta.removeAttribute('disabled');\n nextCta.classList.add('unlocked-ready');\n });\n });\n }\n\n nextCta.addEventListener('click', () => {\n const checkedNode = workspace.querySelector('input[name=\"mcqOption\"]:checked');\n const selectedVal = checkedNode.value;\n const currentQ = EVALUATION_QUESTIONS[currentQuestionIndex];\n\n if (selectedVal === currentQ.answer) {\n if (currentQ.section === 1) s1Correct++;\n else if (currentQ.section === 2) s2Correct++;\n else if (currentQ.section === 3) s3Correct++;\n\n if (currentQ.topic === \"Mathematics\") mathCorrect++;\n else if (currentQ.topic === \"Analytical Skill\") analyticalCorrect++;\n else if (currentQ.topic === \"Logical Reasoning\") logicalCorrect++;\n }\n\n chosenResponsesLog.push({ questionId: currentQ.id, selectedAnswer: selectedVal });\n\n if (currentQuestionIndex < EVALUATION_QUESTIONS.length - 1) {\n currentQuestionIndex++; renderQuestion();\n } else {\n submitQuiz();\n }\n });\n\n async function submitQuiz() {\n clearInterval(countdownTimerReference);\n document.getElementById('masterHeaderContainer').style.display = 'none';\n\n workspace.innerHTML = `\n <div style=\"text-align:center; padding: 50px 0;\">\n <i class=\"fa-solid fa-circle-notch fa-spin\" style=\"font-size:3.5rem; color:var(--cl-teal); margin-bottom:20px;\"><\/i>\n <h2 style=\"color:var(--cl-navy-dark); font-weight:900;\">Processing Assessment Analytics...<\/h2>\n <p style=\"color:var(--cl-slate-400);\">Please wait while our engine compiles performance scores and runs data diagnostics.<\/p>\n <\/div>\n `;\n nextCta.style.display = 'none';\n\n const BACKEND_API_URL = \"https:\/\/diagnostic-backend-jmsu.onrender.com\/api\/assessment-submit-y56\";\n const CONTACT_MENTOR_URL = \"https:\/\/wa.me\/919251230015\";\n const ENROL_NOW_URL = \"\"; \n\n const totalCorrect = s1Correct + s2Correct + s3Correct;\n const overallPercent = Math.round((totalCorrect \/ 25) * 100);\n \n const s1Percent = Math.round((s1Correct \/ 10) * 100);\n const s2Percent = Math.round((s2Correct \/ 10) * 100);\n const s3Percent = Math.round((s3Correct \/ 5) * 100);\n\n const mathPercent = Math.round((mathCorrect \/ 8) * 100); \n const analyticalPercent = Math.round((analyticalCorrect \/ 8) * 100); \n const logicalPercent = Math.round((logicalCorrect \/ 9) * 100); \n\n try {\n const studentId = localStorage.getItem(\"studentId\");\n \n \/\/ \ud83d\udea8 CRITICAL REPAIR: Closed down fragmented object property assignments causing code execution block compile breaks\n await fetch(BACKEND_API_URL, {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify({\n studentId: studentId,\n answers: chosenResponsesLog,\n gradeGroup: \"Year 5-6\"\n })\n });\n renderSuccessHubState();\n } catch (err) {\n console.error(\"API Error:\", err);\n renderSuccessHubState();\n }\n\n function renderSuccessHubState() {\n isolateAssessmentWorkspaceView(false);\n\n \/\/ \ud83c\udf1f STEP 5: RETAINED CARD STRUCTURE LAYOUT CONTAINERS AS INTENDED\n shellBox.innerHTML = `\n <div class=\"success-display-card\">\n <div class=\"success-badge-icon\"><i class=\"fa-solid fa-trophy\"><\/i><\/div>\n <h2>Congratulations!<\/h2>\n <p>You have successfully completed the Diagnostic Evaluation. Your results have been computed across curriculum categories below.<\/p>\n \n <div class=\"master-score-container\" style=\"display: none;\">\n <div class=\"score-circle\">\n <span class=\"big-num\">${overallPercent}%<\/span>\n <span class=\"small-lbl\">Overall<\/span>\n <\/div>\n <div class=\"master-meta-info\">\n <h4>Diagnostic Scorecard<\/h4>\n <p>Total Correct Answers: ${totalCorrect} \/ 25<\/p>\n <p>Status: Analysis Confirmed & Saved<\/p>\n <\/div>\n <\/div>\n\n <div class=\"metrics-breakdown-box\" style=\"display: none;\">\n <div class=\"metric-block-card\">\n <h3>Section Performance<\/h3>\n <div class=\"score-row-item\">\n <div class=\"row-item-meta\"><span>Section 1 (Foundational)<\/span><span>${s1Percent}%<\/span><\/div>\n <div class=\"progress-track-bg\"><div class=\"progress-fill-bar sec-color\" style=\"width: ${s1Percent}%\"><\/div><\/div>\n <\/div>\n <div class=\"score-row-item\">\n <div class=\"row-item-meta\"><span>Section 2 (Above Average)<\/span><span>${s2Percent}%<\/span><\/div>\n <div class=\"progress-track-bg\"><div class=\"progress-fill-bar sec-color\" style=\"width: ${s2Percent}%\"><\/div><\/div>\n <\/div>\n <div class=\"score-row-item\">\n <div class=\"row-item-meta\"><span>Section 3 (Exceptional)<\/span><span>${s3Percent}%<\/span><\/div>\n <div class=\"progress-track-bg\"><div class=\"progress-fill-bar sec-color\" style=\"width: ${s3Percent}%\"><\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"metric-block-card\">\n <h3>Topic Performance<\/h3>\n <div class=\"score-row-item\">\n <div class=\"row-item-meta\"><span>Mathematics (Core Skills)<\/span><span>${mathPercent}%<\/span><\/div>\n <div class=\"progress-track-bg\"><div class=\"progress-fill-bar topic-color\" style=\"width: ${mathPercent}%\"><\/div><\/div>\n <\/div>\n <div class=\"score-row-item\">\n <div class=\"row-item-meta\"><span>Analytical Skill<\/span><span>${analyticalPercent}%<\/span><\/div>\n <div class=\"progress-track-bg\"><div class=\"progress-fill-bar topic-color\" style=\"width: ${analyticalPercent}%\"><\/div><\/div>\n <\/div>\n <div class=\"score-row-item\">\n <div class=\"row-item-meta\"><span>Logical Reasoning<\/span><span>${logicalPercent}%<\/span><\/div>\n <div class=\"progress-track-bg\"><div class=\"progress-fill-bar topic-color\" style=\"width: ${logicalPercent}%\"><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <button type=\"button\" id=\"getReportBtnTrigger\" class=\"primary-result-cta\">\n <i class=\"fa-solid fa-envelope-open-text\" style=\"margin-right:10px;\"><\/i> Request Report\n <\/button>\n \n <div class=\"email-delivery-notice-msg\" id=\"deliveryNoticeBox\">\n <i class=\"fa-solid fa-bell\" style=\"margin-right:8px;\"><\/i> Your comprehensive analysis will arrive on your registered email within 6 hours.\n <\/div>\n \n <div class=\"conversion-split-row\">\n <a href=\"${CONTACT_MENTOR_URL}\" target=\"_blank\" class=\"secondary-conversion-btn mentor-btn\">\n <i class=\"fa-brands fa-whatsapp\" style=\"font-size:1.2rem; color:#25D366;\"><\/i> Contact Expert Mentor\n <\/a>\n <a href=\"${ENROL_NOW_URL !== \"\" ? ENROL_NOW_URL : '#'}\" class=\"secondary-conversion-btn enroll-btn\" id=\"enrollCtaNode\">\n <i class=\"fa-solid fa-graduation-cap\"><\/i> Enrol Now\n <\/a>\n <\/div>\n <\/div>\n `;\n\n \/\/ --- \ud83c\udf1f STEP 3: INSTALLED SIMPLIFIED TELEMETRY DISPATCH HANDLING MATRIX ---\n document.getElementById('getReportBtnTrigger').addEventListener('click', async function () {\n\n const studentId = localStorage.getItem('studentId');\n\n console.log(\"Student ID:\", studentId);\n\n if (!studentId) {\n alert('Student ID not found. Please register again.');\n return;\n }\n\n try {\n\n this.innerHTML = 'Processing Request...';\n this.disabled = true;\n\n const response = await fetch(\n `https:\/\/diagnostic-backend-jmsu.onrender.com\/api\/assessment-latest-report?sessionId=${studentId}`\n );\n\n const result = await response.json();\n\n console.log(\"REPORT DATA:\", result);\n\n if (!result.success) {\n\n alert(result.message || 'Report not found');\n\n this.disabled = false;\n this.innerHTML = 'Get Report & AI Analysis';\n\n return;\n }\n\n document.getElementById('deliveryNoticeBox').style.display = 'block';\n\n this.innerHTML = 'REPORT REQUEST SENT';\n\n this.style.opacity = '0.6';\n this.style.cursor = 'not-allowed';\n\n } catch (error) {\n\n console.error(error);\n\n alert('Failed to connect to report server.');\n\n this.disabled = false;\n this.innerHTML = 'Get Report & AI Analysis';\n }\n });\n\n document.getElementById('enrollCtaNode').addEventListener('click', function(e) {\n if (ENROL_NOW_URL === \"\") { e.preventDefault(); alert(\"Enrolment module placeholder activated. Configure the 'ENROL_NOW_URL' path later.\"); }\n });\n }\n }\n\n startTimer();\n renderQuestion();\n });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Curious Learner Academy – Year 5-6 Diagnostic Evaluation Question 1 of 25 \u2014 Topic 40:00 Next Question<\/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-724","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 Academy – Year 5-6 Diagnostic Evaluation Question 1 of 25 \u2014 Topic 40:00 Next Question","_links":{"self":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/724","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=724"}],"version-history":[{"count":5,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/724\/revisions"}],"predecessor-version":[{"id":777,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/724\/revisions\/777"}],"wp:attachment":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/media?parent=724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":724,"date":"2026-06-05T10:40:09","date_gmt":"2026-06-05T10:40:09","guid":{"rendered":"https:\/\/curiouslearneracademy.com\/newzealand\/?page_id=724"},"modified":"2026-06-10T06:29:51","modified_gmt":"2026-06-10T06:29:51","slug":"year-5-6-diagnostic-assessment","status":"publish","type":"page","link":"https:\/\/curiouslearneracademy.com\/newzealand\/year-5-6-diagnostic-assessment\/","title":{"rendered":"Year 5\u20136 Diagnostic Assessment"},"content":{"rendered":"\n\n\n\n \n \n Curious Learner Academy – Year 5-6 Diagnostic Evaluation<\/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;700;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-quiz-portal {\n padding: 40px 0;\n display: flex; justify-content: center; align-items: center;\n min-height: 100vh;\n background: var(--cl-slate-50);\n }\n\n .quiz-wrapper {\n max-width: 900px; width: 90%;\n background: var(--cl-white);\n border: 1px solid var(--border-soft);\n border-radius: 40px; padding: 40px;\n box-shadow: 0 25px 60px rgba(2, 6, 23, 0.05);\n box-sizing: border-box; position: relative;\n transition: all 0.5s ease-in-out;\n }\n\n .custom-assessment-header {\n padding-bottom: 25px; \n border-bottom: 2px solid var(--cl-slate-100);\n margin-bottom: 35px;\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n }\n\n .meta-top-row {\n display: flex; justify-content: space-between; align-items: center;\n margin-bottom: 20px; width: 100%;\n }\n\n .progress-indicator {\n font-size: 1.1rem; font-weight: 900; color: var(--cl-navy-pure);\n text-transform: uppercase; letter-spacing: 1px;\n }\n\n .progress-indicator span { color: var(--cl-teal); }\n\n .timer-badge {\n background: var(--cl-navy-dark); color: var(--cl-white);\n padding: 10px 22px; border-radius: 14px; font-weight: 700;\n display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,0.1);\n }\n\n .timer-badge.warning-state {\n background: #ef4444; border-color: #ef4444;\n animation: panicPulse 1s infinite alternate;\n }\n\n @keyframes panicPulse {\n 0% { transform: scale(1); } 100% { transform: scale(1.05); box-shadow: 0 0 15px rgba(239, 68, 68, 0.4); }\n }\n\n .quiz-progress-track {\n width: 100%; height: 8px; background: var(--cl-slate-100); border-radius: 10px; overflow: hidden;\n }\n .quiz-progress-fill {\n width: 4%; height: 100%; background: linear-gradient(90deg, var(--cl-teal), #06b6d4);\n border-radius: 10px; transition: width 0.4s ease-in-out;\n }\n\n \/* --- QUESTION WORKSPACE --- *\/\n .question-node-box h3 {\n font-size: 0.85rem; color: var(--cl-teal); font-weight: 900;\n text-transform: uppercase; letter-spacing: 2px; margin: 0 0 10px 0;\n display: block !important;\n }\n\n .question-node-box h2 {\n font-size: 1.45rem; color: var(--cl-navy-dark); font-weight: 800;\n line-height: 1.5; margin: 0 0 30px 0;\n }\n\n .options-matrix-stack {\n display: flex; flex-direction: column; gap: 16px; margin-bottom: 40px;\n }\n\n .option-label-card {\n background: var(--cl-white); border: 2px solid var(--cl-slate-100);\n border-radius: 18px; padding: 20px 25px; display: flex; align-items: center;\n gap: 15px; cursor: pointer; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n }\n\n .option-label-card:hover { border-color: var(--cl-teal); background: var(--cl-slate-50); transform: translateX(4px); }\n .option-label-card input[type=\"radio\"] { appearance: none; -webkit-appearance: none; margin: 0; position: absolute; }\n .custom-indicator-dot { width: 22px; height: 22px; border: 2px solid var(--cl-slate-400); border-radius: 50%; display: inline-block; flex-shrink: 0; position: relative; transition: all 0.2s ease; }\n .option-label-card.selected-active { border-color: var(--cl-teal); background: rgba(20, 184, 166, 0.03); }\n .option-label-card.selected-active .custom-indicator-dot { border-color: var(--cl-teal); background: var(--cl-teal); }\n .option-label-card.selected-active .custom-indicator-dot::after { content: ''; width: 8px; height: 8px; background: var(--cl-white); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }\n .option-text-val { font-size: 1.05rem; font-weight: 600; color: var(--cl-slate-700); }\n\n \/* --- FOOTER CTAS --- *\/\n .quiz-action-footer { display: flex; justify-content: flex-end; padding-top: 25px; border-top: 2px solid var(--cl-slate-100); }\n \n .next-step-trigger-btn {\n padding: 16px 40px; font-family: 'Outfit', sans-serif; font-size: 1.1rem;\n font-weight: 900; text-transform: uppercase; letter-spacing: 1px;\n border: none; border-radius: 16px; cursor: not-allowed;\n display: flex; align-items: center; gap: 12px;\n background: var(--cl-slate-400); color: rgba(255, 255, 255, 0.6); transition: all 0.3s ease;\n }\n\n .next-step-trigger-btn.unlocked-ready { background: var(--cl-orange); color: var(--cl-white); cursor: pointer; box-shadow: 0 10px 20px rgba(249, 115, 22, 0.2); }\n .next-step-trigger-btn.unlocked-ready.submit-state { background: var(--cl-teal); box-shadow: 0 10px 20px rgba(20, 184, 166, 0.2); }\n .next-step-trigger-btn.unlocked-ready:hover { transform: translateY(-2px); filter: brightness(1.05); }\n .next-step-trigger-btn i { transition: transform 0.2s ease; }\n .next-step-trigger-btn.unlocked-ready:hover i { transform: translateX(4px); }\n\n \/* --- DIAGNOSTIC SCORECARD HUB --- *\/\n .success-display-card { animation: fadeInHub 0.6s ease-out forwards; text-align: center; }\n @keyframes fadeInHub { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }\n \n .success-badge-icon {\n width: 80px; height: 80px; background: rgba(20, 184, 166, 0.1); color: var(--cl-teal);\n border-radius: 50%; display: flex; align-items: center; justify-content: center;\n font-size: 2.5rem; margin: 0 auto 20px;\n }\n\n .success-display-card h2 { font-size: 2.2rem; color: var(--cl-navy-dark); font-weight: 900; margin: 0 0 10px 0; }\n .success-display-card p { font-size: 1.05rem; color: var(--cl-slate-700); max-width: 650px; margin: 0 auto 30px; line-height: 1.6; }\n\n .master-score-container {\n background: linear-gradient(135deg, var(--cl-navy-dark) 0%, var(--cl-navy-pure) 100%);\n border-radius: 24px; padding: 30px; margin-bottom: 35px; color: var(--cl-white);\n display: flex; align-items: center; justify-content: space-around; text-align: left;\n }\n\n .score-circle {\n width: 110px; height: 110px; border: 6px solid var(--cl-teal); border-radius: 50%;\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n background: rgba(255,255,255,0.05); box-shadow: 0 0 20px rgba(20, 184, 166, 0.2);\n }\n .score-circle .big-num { font-size: 2rem; font-weight: 900; color: var(--cl-white); line-height: 1; }\n .score-circle .small-lbl { font-size: 0.75rem; text-transform: uppercase; color: var(--cl-slate-400); font-weight: 700; margin-top: 4px; }\n\n .master-meta-info h4 { margin: 0 0 5px 0; font-size: 1.3rem; font-weight: 900; }\n .master-meta-info p { margin: 0; color: var(--cl-slate-400); font-size: 0.95rem; }\n\n .metrics-breakdown-box { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin-bottom: 35px; text-align: left; }\n .metric-block-card { background: var(--cl-slate-50); border: 1px solid var(--cl-slate-100); padding: 25px; border-radius: 20px; }\n .metric-block-card h3 { margin: 0 0 20px 0; font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; color: var(--cl-navy-pure); font-weight: 900; border-bottom: 2px solid var(--cl-slate-100); padding-bottom: 8px; }\n\n .score-row-item { margin-bottom: 15px; }\n .score-row-item:last-child { margin-bottom: 0; }\n .row-item-meta { display: flex; justify-content: space-between; font-size: 0.9rem; font-weight: 700; margin-bottom: 6px; color: var(--cl-slate-700); }\n \n .progress-track-bg { width: 100%; height: 8px; background: var(--cl-slate-100); border-radius: 10px; overflow: hidden; }\n .progress-fill-bar { height: 100%; border-radius: 10px; width: 0%; transition: width 1s ease-in-out; }\n .progress-fill-bar.sec-color { background: var(--cl-teal); }\n .progress-fill-bar.topic-color { background: var(--cl-orange); }\n\n .primary-result-cta {\n display: block; width: 100%; max-width: 450px; margin: 0 auto 10px;\n padding: 18px 30px; background: var(--cl-teal); color: var(--cl-white);\n border-radius: 18px; font-size: 1.2rem; font-weight: 900; text-transform: uppercase;\n letter-spacing: 1px; text-decoration: none; border: none; cursor: pointer;\n box-shadow: 0 12px 24px rgba(20, 184, 166, 0.25); transition: all 0.3s ease;\n }\n .primary-result-cta:hover { background: var(--cl-navy-pure); transform: translateY(-3px); }\n\n .email-delivery-notice-msg { font-size: 0.9rem; font-weight: 700; color: var(--cl-orange); margin: 15px auto 25px; display: none; text-transform: uppercase; letter-spacing: 0.5px; }\n\n .conversion-split-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; max-width: 600px; margin: 15px auto 0; padding-top: 30px; border-top: 1px solid var(--cl-slate-100); }\n .secondary-conversion-btn { padding: 16px 25px; border-radius: 14px; font-size: 1rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 10px; transition: all 0.3s ease; }\n .secondary-conversion-btn.mentor-btn { background: var(--cl-slate-100); color: var(--cl-navy-pure); }\n .secondary-conversion-btn.mentor-btn:hover { background: var(--white); box-shadow: 0 0 0 2px var(--cl-navy-pure); transform: translateY(-2px); }\n .secondary-conversion-btn.enroll-btn { background: var(--cl-orange); color: var(--cl-white); box-shadow: 0 8px 16px rgba(249, 115, 22, 0.2); }\n .secondary-conversion-btn.enroll-btn:hover { background: var(--cl-navy-dark); transform: translateY(-2px); }\n\n @media (max-width: 768px) {\n .quiz-wrapper { padding: 30px 20px; border-radius: 30px; }\n .custom-assessment-header { padding-bottom: 15px; margin-bottom: 25px; }\n .meta-top-row { flex-direction: column; gap: 15px; align-items: flex-start; }\n .timer-badge { width: 100%; justify-content: center; box-sizing: border-box; }\n .metrics-breakdown-box { grid-template-columns: 1fr; gap: 20px; }\n .master-score-container { flex-direction: column; text-align: center; gap: 20px; }\n .conversion-split-row { grid-template-columns: 1fr; gap: 15px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<section id=\"cl-quiz-portal\">\n <div class=\"quiz-wrapper\" id=\"coreHubShell\">\n \n <div id=\"activeQuizStateLayer\">\n <div class=\"custom-assessment-header\" id=\"masterHeaderContainer\">\n <div class=\"meta-top-row\">\n <div class=\"progress-indicator\">Question <span id=\"currentQuestionNum\">1<\/span> of <span id=\"totalQuestionsNum\">25<\/span> \u2014 <span id=\"currentTopicNum\">Topic<\/span><\/div>\n <div class=\"timer-badge\" id=\"timerBadge\">\n <i class=\"fa-solid fa-clock-rotate-left\"><\/i> <span id=\"timeClockVal\">40:00<\/span>\n <\/div>\n <\/div>\n <div class=\"quiz-progress-track\">\n <div class=\"quiz-progress-fill\" id=\"visualProgressBarFill\"><\/div>\n <\/div>\n <\/div>\n\n <main id=\"questionWorkspaceNode\">\n <\/main>\n\n <footer class=\"quiz-action-footer\">\n <button type=\"button\" id=\"nextQuestionBtn\" class=\"next-step-trigger-btn\" disabled=\"\">\n <span id=\"ctaBtnText\">Next Question<\/span>\n <i class=\"fa-solid fa-arrow-right-long\" id=\"ctaBtnIcon\"><\/i>\n <\/button>\n <\/footer>\n <\/div>\n\n <\/div>\n<\/section>\n\n<script>\n document.addEventListener('DOMContentLoaded', () => {\n\n \/\/ --- \ud83d\udd12 GLOBAL SITE NAVIGATION OVERRIDE SWITCHES ---\n const GlobalNavigationSelectors = [\n 'header:not(.custom-assessment-header)', 'nav:not(.custom-assessment-header)', \n '.site-header', '#site-navigation', '.nav-container', '#top-menu', \n '.main-header', '.navbar'\n ];\n\n function isolateAssessmentWorkspaceView(shouldHide) {\n GlobalNavigationSelectors.forEach(selector => {\n const DOMElements = document.querySelectorAll(selector);\n DOMElements.forEach(element => {\n if (shouldHide) {\n element.style.setProperty('display', 'none', 'important');\n } else {\n element.style.removeProperty('display');\n }\n });\n });\n }\n\n isolateAssessmentWorkspaceView(true);\n\n \/\/ --- \ud83d\udcda EVALUATION QUESTIONS MATRIX FOR YEAR 5-6 ---\n const EVALUATION_QUESTIONS = [\n \/\/ SECTION 1: FOUNDATIONAL\n { id: 1, section: 1, topic: \"Mathematics\", answer: \"1,350\", text: \"A stadium has 5,000 seats. 2,450 tickets were sold on Monday, and 1,200 tickets were sold on Tuesday. How many empty seats are left?\", choices: [\"3,650\", \"1,350\", \"2,550\", \"1,450\"] },\n { id: 2, section: 1, topic: \"Mathematics\", answer: \"360\", text: \"A school orders 15 boxes of whiteboard markers. Each box contains 24 markers. How many markers did the school order in total?\", choices: [\"360\", \"340\", \"300\", \"390\"] },\n { id: 3, section: 1, topic: \"Mathematics\", answer: \"$2.75\", text: \"Maya buys a sandwich for $4.50 and a juice for $2.75. She pays with a $10.00 note. How much change should she receive?\", choices: [\"$3.75\", \"$2.25\", \"$2.75\", \"$3.25\"] },\n { id: 4, section: 1, topic: \"Mathematics\", answer: \"24\", text: \"144 students are attending a sports camp. They are divided equally into teams of 6. How many teams are there?\", choices: [\"22\", \"24\", \"26\", \"28\"] },\n { id: 5, section: 1, topic: \"Analytical Skill\", answer: \"8 slices\", text: \"A large pizza is cut into 12 equal slices. Sam eats 1\/3 of the pizza. How many slices are left for his family?\", choices: [\"4 slices\", \"6 slices\", \"8 slices\", \"9 slices\"] },\n { id: 6, section: 1, topic: \"Analytical Skill\", answer: \"155 cm\", text: \"A wooden board is exactly 2 meters long. A carpenter cuts off a piece that is 45 centimeters long. How long is the remaining board?\", choices: [\"55 cm\", \"145 cm\", \"155 cm\", \"245 cm\"] },\n { id: 7, section: 1, topic: \"Analytical Skill\", answer: \"10 meters\", text: \"A square garden has a total perimeter of 40 meters. What is the length of one side of the garden?\", choices: [\"5 meters\", \"10 meters\", \"20 meters\", \"40 meters\"] },\n { id: 8, section: 1, topic: \"Logical Reasoning\", answer: \"2 hours 30 minutes\", text: \"A train departs the station at 9:15 AM and arrives at its destination at 11:45 AM. How long was the train ride?\", choices: [\"2 hours 15 minutes\", \"2 hours 30 minutes\", \"3 hours\", \"1 hour 30 minutes\"] },\n { id: 9, section: 1, topic: \"Logical Reasoning\", answer: \"3 degrees\", text: \"The temperature outside is 15 degrees. It drops by 3 degrees every hour. What will the temperature be after 4 hours?\", choices: [\"3 degrees\", \"12 degrees\", \"0 degrees\", \"3 degrees\"] },\n { id: 10, section: 1, topic: \"Logical Reasoning\", answer: \"30\", text: \"A tally chart uses a star symbol to represent 5 students. If there are 6 stars next to 'Soccer', how many students play soccer?\", choices: [\"11\", \"6\", \"25\", \"30\"] },\n\n \/\/ SECTION 2: ABOVE AVERAGE TRACK\n { id: 11, section: 2, topic: \"Analytical Skill\", answer: \"3\/4 kg\", text: \"A baker uses 1\/2 kg of flour to bake bread and 1\/4 kg of flour to bake a cake. How much total flour did the baker use?\", choices: [\"2\/6 kg\", \"3\/4 kg\", \"2\/4 kg\", \"1\/8 kg\"] },\n { id: 12, section: 2, topic: \"Mathematics\", answer: \"$60\", text: \"A pair of running shoes normally costs $80. They are on sale for 25% off. What is the new sale price of the shoes?\", choices: [\"$20\", \"$55\", \"$60\", \"$75\"] },\n { id: 13, section: 2, topic: \"Mathematics\", answer: \"10.45 km\", text: \"A runner tracks her distances: 2.5 km on Monday, 3.75 km on Tuesday, and 4.2 km on Wednesday. What is her total distance run?\", choices: [\"9.45 km\", \"10.45 km\", \"10.05 km\", \"9.95 km\"] },\n { id: 14, section: 2, topic: \"Analytical Skill\", answer: \"2 cans\", text: \"A rectangular wall is 6 meters long and 3 meters high. One can of paint covers exactly 9 square meters. How many cans of paint are needed to cover the entire wall?\", choices: [\"2 cans\", \"3 cans\", \"4 cans\", \"18 cans\"] },\n { id: 15, section: 2, topic: \"Mathematics\", answer: \"$22\", text: \"A teacher buys 3 packs of pens for $4 each and one stapler for $10. Using the correct order of operations, what is her total cost?\", choices: [\"$42\", \"$22\", \"$17\", \"$34\"] },\n { id: 16, section: 2, topic: \"Mathematics\", answer: \"15\", text: \"The scores on a math quiz were 12, 15, 14, and 19 out of 20. What is the mean (average) score of the group?\", choices: [\"14\", \"15\", \"16\", \"17\"] },\n { id: 17, section: 2, topic: \"Analytical Skill\", answer: \"30,000 cm\u00b3\", text: \"A glass fish tank is shaped like a rectangular prism. It is 50 cm long, 20 cm wide, and 30 cm high. What is the volume of the tank?\", choices: [\"100 cm\u00b3\", \"3,000 cm\u00b3\", \"10,000 cm\u00b3\", \"30,000 cm\u00b3\"] },\n { id: 18, section: 2, topic: \"Logical Reasoning\", answer: \"6 cups\", text: \"A recipe requires 2 cups of sugar for every 3 cups of flour. If a baker uses 9 cups of flour for a large batch, how many cups of sugar does he need?\", choices: [\"4 cups\", \"6 cups\", \"8 cups\", \"12 cups\"] },\n { id: 19, section: 2, topic: \"Analytical Skill\", answer: \"0.4\", text: \"Exactly 3\/5 of the students in a class went on a field trip. What decimal represents the fraction of students who did NOT go on the trip?\", choices: [\"0.6\", \"0.3\", \"0.4\", \"0.2\"] },\n { id: 20, section: 2, topic: \"Logical Reasoning\", answer: \"10:25 AM\", text: \"A flight lasts for 3 hours and 45 minutes. The plane lands at 2:10 PM. At what time did the flight take off?\", choices: [\"10:25 AM\", \"10:15 AM\", \"11:25 AM\", \"11:15 AM\"] },\n\n \/\/ SECTION 3: EXCEPTIONAL REASONING\n { id: 21, section: 3, topic: \"Logical Reasoning\", answer: \"$3.00\", text: \"In a cafe, 2 coffees and 1 slice of cake cost $10.00. 2 coffees and 3 slices of cake cost $18.00. How much does 1 coffee cost?\", choices: [\"$3.00\", \"$4.00\", \"$5.00\", \"$6.00\"] },\n { id: 22, section: 3, topic: \"Logical Reasoning\", answer: \"10 days\", text: \"A crew of 5 builders can build a brick wall in exactly 4 days. Assuming they all work at the same speed, how many days would it take 2 builders to build the exact same wall?\", choices: [\"8 days\", \"10 days\", \"12 days\", \"20 days\"] },\n { id: 23, section: 3, topic: \"Logical Reasoning\", answer: \"2 meters\", text: \"A bouncy ball is dropped from a balcony 16 meters high. Each time it bounces, it reaches exactly half of its previous height. How high does the ball reach after its 3rd bounce?\", choices: [\"4 meters\", \"2 meters\", \"1 meter\", \"0.5 meters\"] },\n { id: 24, section: 3, topic: \"Analytical Skill\", answer: \"8\", text: \"In a class of 30 students, 18 play soccer and 15 play basketball. 5 students do not play either sport. How many students play BOTH soccer and basketball?\", choices: [\"3\", \"5\", \"8\", \"10\"] },\n { id: 25, section: 3, topic: \"Logical Reasoning\", answer: \"5\", text: \"Think of a secret number. Double it, add 10 to the result, divide that answer by 2, and finally subtract your original secret number. What is your final answer?\", choices: [\"It depends on the secret number.\", \"2\", \"5\", \"10\"] }\n ];\n\n let currentQuestionIndex = 0;\n let chosenResponsesLog = [];\n let clockSecondsRemaining = 40 * 60; \/\/ Hard-set 40 Min limit\n let countdownTimerReference = null;\n\n let s1Correct = 0, s2Correct = 0, s3Correct = 0;\n let mathCorrect = 0, analyticalCorrect = 0, logicalCorrect = 0;\n\n const shellBox = document.getElementById('coreHubShell');\n const workspace = document.getElementById('questionWorkspaceNode');\n const currentQNumDisplay = document.getElementById('currentQuestionNum');\n const totalQNumDisplay = document.getElementById('totalQuestionsNum');\n const currentTopicDisplay = document.getElementById('currentTopicNum');\n const visualBarFill = document.getElementById('visualProgressBarFill');\n const timeDisplay = document.getElementById('timeClockVal');\n const nextCta = document.getElementById('nextQuestionBtn');\n const ctaText = document.getElementById('ctaBtnText');\n const ctaIcon = document.getElementById('ctaBtnIcon');\n\n totalQNumDisplay.innerText = EVALUATION_QUESTIONS.length;\n\n function startTimer() {\n countdownTimerReference = setInterval(() => {\n clockSecondsRemaining--;\n let mins = Math.floor(clockSecondsRemaining \/ 60);\n let secs = clockSecondsRemaining % 60;\n timeDisplay.innerText = `${mins < 10 ? '0' : ''}${mins}:${secs < 10 ? '0' : ''}${secs}`;\n if (clockSecondsRemaining <= 300) document.getElementById('timerBadge').classList.add('warning-state');\n if (clockSecondsRemaining <= 0) { clearInterval(countdownTimerReference); submitQuiz(); }\n }, 1000);\n }\n\n function renderQuestion() {\n nextCta.setAttribute('disabled', 'true');\n nextCta.classList.remove('unlocked-ready');\n\n const qData = EVALUATION_QUESTIONS[currentQuestionIndex];\n currentQNumDisplay.innerText = currentQuestionIndex + 1;\n currentTopicDisplay.innerText = qData.topic;\n\n const liveProgressPercent = Math.round(((currentQuestionIndex + 1) \/ EVALUATION_QUESTIONS.length) * 100);\n visualBarFill.style.width = `${liveProgressPercent}%`;\n\n if (currentQuestionIndex === EVALUATION_QUESTIONS.length - 1) {\n ctaText.innerText = \"Submit Assessment\";\n nextCta.classList.add('submit-state');\n ctaIcon.className = \"fa-solid fa-circle-check\";\n } else {\n ctaText.innerText = \"Next Question\";\n nextCta.classList.remove('submit-state');\n ctaIcon.className = \"fa-solid fa-arrow-right-long\";\n }\n\n let optionsHTML = '';\n qData.choices.forEach(choice => {\n optionsHTML += `\n <label class=\"option-label-card\">\n <input type=\"radio\" name=\"mcqOption\" value=\"${choice}\">\n <span class=\"custom-indicator-dot\"><\/span>\n <span class=\"option-text-val\">${choice}<\/span>\n <\/label>\n `;\n });\n\n workspace.innerHTML = `\n <div class=\"question-node-box\">\n <h3>Section ${qData.section}<\/h3>\n <h2>${qData.id}. ${qData.text}<\/h2>\n <div class=\"options-matrix-stack\">${optionsHTML}<\/div>\n <\/div>\n `;\n\n const cards = workspace.querySelectorAll('.option-label-card');\n cards.forEach(card => {\n card.addEventListener('click', function() {\n cards.forEach(c => c.classList.remove('selected-active'));\n this.classList.add('selected-active');\n this.querySelector('input').checked = true;\n nextCta.removeAttribute('disabled');\n nextCta.classList.add('unlocked-ready');\n });\n });\n }\n\n nextCta.addEventListener('click', () => {\n const checkedNode = workspace.querySelector('input[name=\"mcqOption\"]:checked');\n const selectedVal = checkedNode.value;\n const currentQ = EVALUATION_QUESTIONS[currentQuestionIndex];\n\n if (selectedVal === currentQ.answer) {\n if (currentQ.section === 1) s1Correct++;\n else if (currentQ.section === 2) s2Correct++;\n else if (currentQ.section === 3) s3Correct++;\n\n if (currentQ.topic === \"Mathematics\") mathCorrect++;\n else if (currentQ.topic === \"Analytical Skill\") analyticalCorrect++;\n else if (currentQ.topic === \"Logical Reasoning\") logicalCorrect++;\n }\n\n chosenResponsesLog.push({ questionId: currentQ.id, selectedAnswer: selectedVal });\n\n if (currentQuestionIndex < EVALUATION_QUESTIONS.length - 1) {\n currentQuestionIndex++; renderQuestion();\n } else {\n submitQuiz();\n }\n });\n\n async function submitQuiz() {\n clearInterval(countdownTimerReference);\n document.getElementById('masterHeaderContainer').style.display = 'none';\n\n workspace.innerHTML = `\n <div style=\"text-align:center; padding: 50px 0;\">\n <i class=\"fa-solid fa-circle-notch fa-spin\" style=\"font-size:3.5rem; color:var(--cl-teal); margin-bottom:20px;\"><\/i>\n <h2 style=\"color:var(--cl-navy-dark); font-weight:900;\">Processing Assessment Analytics...<\/h2>\n <p style=\"color:var(--cl-slate-400);\">Please wait while our engine compiles performance scores and runs data diagnostics.<\/p>\n <\/div>\n `;\n nextCta.style.display = 'none';\n\n const BACKEND_API_URL = \"https:\/\/diagnostic-backend-jmsu.onrender.com\/api\/assessment-submit-y56\";\n const CONTACT_MENTOR_URL = \"https:\/\/wa.me\/919251230015\";\n const ENROL_NOW_URL = \"\"; \n\n const totalCorrect = s1Correct + s2Correct + s3Correct;\n const overallPercent = Math.round((totalCorrect \/ 25) * 100);\n \n const s1Percent = Math.round((s1Correct \/ 10) * 100);\n const s2Percent = Math.round((s2Correct \/ 10) * 100);\n const s3Percent = Math.round((s3Correct \/ 5) * 100);\n\n const mathPercent = Math.round((mathCorrect \/ 8) * 100); \n const analyticalPercent = Math.round((analyticalCorrect \/ 8) * 100); \n const logicalPercent = Math.round((logicalCorrect \/ 9) * 100); \n\n try {\n const studentId = localStorage.getItem(\"studentId\");\n \n \/\/ \ud83d\udea8 CRITICAL REPAIR: Closed down fragmented object property assignments causing code execution block compile breaks\n await fetch(BACKEND_API_URL, {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify({\n studentId: studentId,\n answers: chosenResponsesLog,\n gradeGroup: \"Year 5-6\"\n })\n });\n renderSuccessHubState();\n } catch (err) {\n console.error(\"API Error:\", err);\n renderSuccessHubState();\n }\n\n function renderSuccessHubState() {\n isolateAssessmentWorkspaceView(false);\n\n \/\/ \ud83c\udf1f STEP 5: RETAINED CARD STRUCTURE LAYOUT CONTAINERS AS INTENDED\n shellBox.innerHTML = `\n <div class=\"success-display-card\">\n <div class=\"success-badge-icon\"><i class=\"fa-solid fa-trophy\"><\/i><\/div>\n <h2>Congratulations!<\/h2>\n <p>You have successfully completed the Diagnostic Evaluation. Your results have been computed across curriculum categories below.<\/p>\n \n <div class=\"master-score-container\" style=\"display: none;\">\n <div class=\"score-circle\">\n <span class=\"big-num\">${overallPercent}%<\/span>\n <span class=\"small-lbl\">Overall<\/span>\n <\/div>\n <div class=\"master-meta-info\">\n <h4>Diagnostic Scorecard<\/h4>\n <p>Total Correct Answers: ${totalCorrect} \/ 25<\/p>\n <p>Status: Analysis Confirmed & Saved<\/p>\n <\/div>\n <\/div>\n\n <div class=\"metrics-breakdown-box\" style=\"display: none;\">\n <div class=\"metric-block-card\">\n <h3>Section Performance<\/h3>\n <div class=\"score-row-item\">\n <div class=\"row-item-meta\"><span>Section 1 (Foundational)<\/span><span>${s1Percent}%<\/span><\/div>\n <div class=\"progress-track-bg\"><div class=\"progress-fill-bar sec-color\" style=\"width: ${s1Percent}%\"><\/div><\/div>\n <\/div>\n <div class=\"score-row-item\">\n <div class=\"row-item-meta\"><span>Section 2 (Above Average)<\/span><span>${s2Percent}%<\/span><\/div>\n <div class=\"progress-track-bg\"><div class=\"progress-fill-bar sec-color\" style=\"width: ${s2Percent}%\"><\/div><\/div>\n <\/div>\n <div class=\"score-row-item\">\n <div class=\"row-item-meta\"><span>Section 3 (Exceptional)<\/span><span>${s3Percent}%<\/span><\/div>\n <div class=\"progress-track-bg\"><div class=\"progress-fill-bar sec-color\" style=\"width: ${s3Percent}%\"><\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"metric-block-card\">\n <h3>Topic Performance<\/h3>\n <div class=\"score-row-item\">\n <div class=\"row-item-meta\"><span>Mathematics (Core Skills)<\/span><span>${mathPercent}%<\/span><\/div>\n <div class=\"progress-track-bg\"><div class=\"progress-fill-bar topic-color\" style=\"width: ${mathPercent}%\"><\/div><\/div>\n <\/div>\n <div class=\"score-row-item\">\n <div class=\"row-item-meta\"><span>Analytical Skill<\/span><span>${analyticalPercent}%<\/span><\/div>\n <div class=\"progress-track-bg\"><div class=\"progress-fill-bar topic-color\" style=\"width: ${analyticalPercent}%\"><\/div><\/div>\n <\/div>\n <div class=\"score-row-item\">\n <div class=\"row-item-meta\"><span>Logical Reasoning<\/span><span>${logicalPercent}%<\/span><\/div>\n <div class=\"progress-track-bg\"><div class=\"progress-fill-bar topic-color\" style=\"width: ${logicalPercent}%\"><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <button type=\"button\" id=\"getReportBtnTrigger\" class=\"primary-result-cta\">\n <i class=\"fa-solid fa-envelope-open-text\" style=\"margin-right:10px;\"><\/i> Request Report\n <\/button>\n \n <div class=\"email-delivery-notice-msg\" id=\"deliveryNoticeBox\">\n <i class=\"fa-solid fa-bell\" style=\"margin-right:8px;\"><\/i> Your comprehensive analysis will arrive on your registered email within 6 hours.\n <\/div>\n \n <div class=\"conversion-split-row\">\n <a href=\"${CONTACT_MENTOR_URL}\" target=\"_blank\" class=\"secondary-conversion-btn mentor-btn\">\n <i class=\"fa-brands fa-whatsapp\" style=\"font-size:1.2rem; color:#25D366;\"><\/i> Contact Expert Mentor\n <\/a>\n <a href=\"${ENROL_NOW_URL !== \"\" ? ENROL_NOW_URL : '#'}\" class=\"secondary-conversion-btn enroll-btn\" id=\"enrollCtaNode\">\n <i class=\"fa-solid fa-graduation-cap\"><\/i> Enrol Now\n <\/a>\n <\/div>\n <\/div>\n `;\n\n \/\/ --- \ud83c\udf1f STEP 3: INSTALLED SIMPLIFIED TELEMETRY DISPATCH HANDLING MATRIX ---\n document.getElementById('getReportBtnTrigger').addEventListener('click', async function () {\n\n const studentId = localStorage.getItem('studentId');\n\n console.log(\"Student ID:\", studentId);\n\n if (!studentId) {\n alert('Student ID not found. Please register again.');\n return;\n }\n\n try {\n\n this.innerHTML = 'Processing Request...';\n this.disabled = true;\n\n const response = await fetch(\n `https:\/\/diagnostic-backend-jmsu.onrender.com\/api\/assessment-latest-report?sessionId=${studentId}`\n );\n\n const result = await response.json();\n\n console.log(\"REPORT DATA:\", result);\n\n if (!result.success) {\n\n alert(result.message || 'Report not found');\n\n this.disabled = false;\n this.innerHTML = 'Get Report & AI Analysis';\n\n return;\n }\n\n document.getElementById('deliveryNoticeBox').style.display = 'block';\n\n this.innerHTML = 'REPORT REQUEST SENT';\n\n this.style.opacity = '0.6';\n this.style.cursor = 'not-allowed';\n\n } catch (error) {\n\n console.error(error);\n\n alert('Failed to connect to report server.');\n\n this.disabled = false;\n this.innerHTML = 'Get Report & AI Analysis';\n }\n });\n\n document.getElementById('enrollCtaNode').addEventListener('click', function(e) {\n if (ENROL_NOW_URL === \"\") { e.preventDefault(); alert(\"Enrolment module placeholder activated. Configure the 'ENROL_NOW_URL' path later.\"); }\n });\n }\n }\n\n startTimer();\n renderQuestion();\n });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Curious Learner Academy – Year 5-6 Diagnostic Evaluation Question 1 of 25 \u2014 Topic 40:00 Next Question<\/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-724","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 Academy – Year 5-6 Diagnostic Evaluation Question 1 of 25 \u2014 Topic 40:00 Next Question","_links":{"self":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/724","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=724"}],"version-history":[{"count":5,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/724\/revisions"}],"predecessor-version":[{"id":777,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/724\/revisions\/777"}],"wp:attachment":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/media?parent=724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}