import{$,api,state,escape,toast}from'./common.js';
let view='outer',selected='occipital',active=[];
const colors={teal:'#4e927b',amber:'#d8a451',purple:'#9b86bb',blue:'#7e9fbb',coral:'#d87860',pink:'#bc8299'};
const positions={cortex:[308,57],frontal:[136,145],parietal:[379,111],occipital:[496,196],temporal:[291,247],motor:[266,113],sensory:[303,111],association:[381,171],broca:[179,207],wernicke:[388,231],angular:[445,163],hippocampus:[345,251],amygdala:[262,267],limbic:[297,91],thalamus:[323,201],basal:[236,174],callosum:[324,126],cerebellum:[467,321],brainstem:[341,318],medulla:[368,371],ras:[343,276],pons:[376,313],hypothalamus:[299,235],pituitary:[271,299],pineal:[371,198],chiasm:[252,239],ventricles:[282,165]};
const cortexOutline='M83 266C52 255 35 231 42 200C24 180 37 137 64 123C67 91 94 69 128 69C155 42 190 45 216 48C247 27 281 32 311 40C350 25 394 44 411 62C449 53 485 78 496 99C532 111 552 144 547 174C568 204 549 238 525 250C505 274 472 286 439 279C413 295 376 285 352 275C313 293 270 295 238 282C198 296 165 283 142 275C119 279 100 276 83 266Z';
const folds=['M77 127C108 110 112 147 139 135S170 101 183 123S168 172 196 171','M67 183C89 169 91 203 117 194S141 158 159 177S145 225 175 216','M99 238C132 223 128 250 158 247S185 236 204 253','M144 84C154 109 187 75 205 100S220 131 238 108','M204 60C207 84 246 70 250 96S221 143 241 158','M274 57C284 74 282 91 269 111S258 145 276 163','M312 62C333 83 309 95 326 117S353 112 359 139','M365 71C378 92 406 72 419 99S397 125 426 143','M449 109C444 137 478 126 490 152S468 180 496 197','M504 221C487 207 465 232 443 217S429 187 402 198','M329 156C320 177 355 180 355 204S331 230 362 243','M222 214C239 197 248 225 271 214S302 197 304 225','M270 260C295 244 302 272 326 261','M199 197C229 182 244 194 258 181','M369 253C388 244 407 264 428 251','M113 97C126 115 136 95 149 116'];
function illustration(v='outer',interactive=true){const prefix=interactive?'diagram':'hero';const picked=id=>selected===id||active.includes(id);const fill=(id,base)=>interactive&&picked(id)?'#d2ddc2':base;const lobes=v==='outer'?`<g clip-path="url(#${prefix}-cortex)"><path d="M22 25H293L287 113L267 170L197 212L155 290H22Z" fill="${fill('frontal','#dce9d8')}"/><path d="M293 23H486L481 158L431 211L267 177L287 113Z" fill="${fill('parietal','#e6deed')}"/><path d="M486 74H585V309H434L431 211L481 158Z" fill="${fill('occipital','#d4e6df')}"/><path d="M192 209L278 178L431 203L451 300H154Z" fill="${fill('temporal','#dbe5ec')}"/><path d="M277 56Q283 81 266 116L253 170L269 177L286 123Q306 81 294 57Z" fill="#efd3c6"/><path d="M294 58Q306 89 286 123L269 177L285 183L306 126Q324 87 310 59Z" fill="#e6d3df"/></g>`:`<g clip-path="url(#${prefix}-cortex)"><path d="M190 200C170 117 246 85 332 95C374 100 397 119 409 144L391 160C367 139 330 128 292 135C247 138 225 160 225 189L214 204Z" fill="#bed8c3" stroke="#8fb69b" stroke-width="2"/><path d="M179 181C172 111 253 72 330 79C381 82 410 111 424 145" fill="none" stroke="#d5c3db" stroke-width="17"/><path d="M238 185C235 153 282 143 326 152C349 156 356 165 348 180C339 191 319 183 304 184L276 198L267 214" fill="none" stroke="#a8cddd" stroke-width="13"/><ellipse cx="322" cy="204" rx="38" ry="25" fill="${fill('thalamus','#c5d7e1')}" stroke="#8daabb" stroke-width="1.5"/><path d="M214 177C208 151 229 132 252 140L266 171L245 199Z" fill="#dfd2e7" stroke="#ab98bb"/><path d="M300 226L324 242L305 254L283 241Z" fill="#e5bdaa" stroke="#c6937a"/><path d="M265 253C286 271 355 279 387 234" fill="none" stroke="${fill('hippocampus','#e3bd75')}" stroke-width="13"/><ellipse cx="261" cy="265" rx="14" ry="12" fill="#d98d80"/><circle cx="373" cy="197" r="8" fill="#a891ba"/><path d="M253 239L280 252M254 252L279 239" stroke="#83b8a4" stroke-width="6"/><path d="M288 249L274 286" stroke="#c4979e" stroke-width="5"/><ellipse cx="271" cy="297" rx="14" ry="11" fill="#d9a8b9"/></g>`;const parts=state.anatomy.filter(p=>p.view===v);return `<svg viewBox="0 0 600 420" role="img" aria-label="${v==='outer'?'Left lateral exterior':'Internal anatomical cutaway'} brain. Front is left, back is right."><defs><clipPath id="${prefix}-cortex"><path d="${cortexOutline}"/></clipPath><linearGradient id="${prefix}-stem" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#d9ded0"/><stop offset="1" stop-color="#b6c9b7"/></linearGradient></defs><path d="M350 252C340 270 347 294 354 312C341 333 346 351 359 377L370 394L387 385C381 362 375 346 386 325C407 301 399 274 387 255Z" fill="url(#${prefix}-stem)" stroke="#8ca58e" stroke-width="2"/><ellipse cx="376" cy="311" rx="23" ry="22" fill="#cbd8c3" stroke="#92a48b" stroke-width="1.5"/><path d="M399 280C423 260 465 264 498 280C528 293 536 320 517 341C496 365 456 368 425 350C399 335 387 306 399 280Z" fill="${fill('cerebellum','#e5d5db')}" stroke="#b89fae" stroke-width="2"/><g fill="none" stroke="#c2abb8" stroke-width="2">${[0,1,2,3,4,5].map(i=>`<path d="M${400+i*2} ${285+i*11}Q454 ${268+i*13} ${514-i*2} ${294+i*10}"/>`).join('')}</g><path d="${cortexOutline}" fill="${v==='outer'?'#e3eadf':'#edece3'}"/>${lobes}<g clip-path="url(#${prefix}-cortex)" fill="none" stroke="${v==='outer'?'#95ad95':'#c4c8b7'}" stroke-width="2" opacity="${v==='outer'?'.65':'.48'}" stroke-linecap="round">${folds.map(d=>`<path d="${d}"/>`).join('')}</g><path d="${cortexOutline}" fill="none" stroke="#91a48e" stroke-width="2.3"/>${interactive?parts.map(p=>{const on=state.modules[p.id]!==false,[x,y]=positions[p.id],isSelected=selected===p.id;return `<g class="brain-point" data-part="${p.id}" opacity="${on?1:.35}" role="button" tabindex="0" aria-label="${escape(p.name)}"><circle cx="${x}" cy="${y}" r="${isSelected?15:12}" fill="${active.includes(p.id)?'#d97955':colors[p.color]}" stroke="${isSelected?'#365e44':'#fffefa'}" stroke-width="${isSelected?3:2}"/><text x="${x}" y="${y+4}" text-anchor="middle" fill="white" font-size="11" font-family="sans-serif">${p.number}</text></g>`}).join(''):''}${interactive?'<text x="53" y="409" font-size="11" fill="#7f927b">FRONT</text><text x="490" y="409" font-size="11" fill="#7f927b">BACK</text>':''}</svg>`}
function map(){$('#brain-map').innerHTML=illustration(view);const hero=$('#hero-brain');if(hero&&!hero.firstChild)hero.innerHTML=illustration('outer',false);document.querySelectorAll('#brain-map .brain-point').forEach(e=>{const choose=()=>{selected=e.dataset.part;detail();map()};e.onclick=choose;e.onkeydown=ev=>{if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();choose()}}})}
function detail(){const p=state.anatomy.find(p=>p.id===selected);if(!p)return;$('#brain-detail').innerHTML=`<strong>${p.number.toString().padStart(2,'0')} · ${escape(p.name)}</strong><p>${escape(p.biology)}</p><p><b>In this lab:</b> ${escape(p.analogy)}</p>`}
const labels={occipital:['Vision','Analyze images and sketches'],hippocampus:['Learning & memories','Update new memories and neural weights'],motor:['Movement','Issue motion and drawing commands'],wernicke:['Understanding','Interpret spoken and written hints'],basal:['Action selection','Allow an action to proceed'],frontal:['Planning','Choose and organize goals'],association:['Integration','Combine memories and hints'],temporal:['Audio input','Recognize recorded speech'],broca:['Language output','Speak an answer aloud'],cerebellum:['Coordination','Smooth paddle commands'],pineal:['Night signal','Reserved for a sleep exhibit'],hypothalamus:['Internal needs','Reserved for a homeostasis exhibit'],amygdala:['Threat response','Reserved for a threat-learning exhibit'],ras:['Alertness','Let the racer and arcade act'],thalamus:['Sensory routing','Route image input to recognition'],callosum:['Communication','Reserved for a split-brain exhibit']};
function switches(){const render=ids=>ids.map(id=>{const p=state.anatomy.find(p=>p.id===id);return `<div class="switch-row"><i class="switch-dot" style="background:${colors[p.color]}"></i><span>${labels[id][0]}<small>${labels[id][1]}</small></span><label class="switch"><input type="checkbox" data-switch="${id}" ${state.modules[id]?'checked':''} aria-label="${escape(p.name)} module"></label></div>`}).join('');$('#switches').innerHTML=render(['occipital','hippocampus','motor','wernicke','basal']);$('#extra-switches').innerHTML=render(Object.keys(labels).filter(k=>!['occipital','hippocampus','motor','wernicke','basal'].includes(k)));document.querySelectorAll('[data-switch]').forEach(el=>el.onchange=async()=>{const id=el.dataset.switch;try{state.modules=await api('modules',{modules:{[id]:el.checked}});selected=id;const p=state.anatomy.find(p=>p.id===id);if(p.view!==view)setView(p.view);else{map();detail()}document.dispatchEvent(new Event('modules-changed'));toast(`${p.name} analogue ${el.checked?'on':'off'}.`)}catch(e){el.checked=!el.checked;toast(e.message,true)}})}
function setView(v){view=v;if(state.anatomy.find(p=>p.id===selected)?.view!==v)selected=v==='inner'?'hippocampus':'occipital';$('#outer-view').classList.toggle('active',v==='outer');$('#inner-view').classList.toggle('active',v==='inner');map();detail()}
export function initBrain(){map();detail();switches();$('#outer-view').onclick=()=>setView('outer');$('#inner-view').onclick=()=>setView('inner');$('#restore').onclick=async()=>{state.modules=await api('reset/modules',{});switches();map();document.dispatchEvent(new Event('modules-changed'));toast('All modules restored.')};document.addEventListener('brain-activity',e=>{active=e.detail;map();setTimeout(()=>{active=[];map()},900)})}