'use strict';
const paths={home:'m3 10 9-7 9 7v11h-6v-7H9v7H3z',book:'M12 6v15 M2 3h6a4 4 0 0 1 4 4 4 4 0 0 1 4-4h6v17h-6a4 4 0 0 0-4 2 4 4 0 0 0-4-2H2z',calendar:'M8 2v4 M16 2v4 M3 10h18 M5 4h14a2 2 0 0 1 2 2v14H3V6a2 2 0 0 1 2-2 M7 14h2 M15 14h2',spark:'m12 3 2.7 6.3L21 12l-6.3 2.7L12 21l-2.7-6.3L3 12l6.3-2.7z',arrow:'M5 12h14 M13 6l6 6-6 6',check:'m5 12 4 4L19 6',clock:'M12 8v5l3 2 M22 12A10 10 0 1 1 2 12a10 10 0 0 1 20 0',grid:'M3 3h7v7H3z M14 3h7v7h-7z M3 14h7v7H3z M14 14h7v7h-7z',graph:'M6 6l12 5-9 8 M9 19 6 6 M9 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0 M21 11a3 3 0 1 1-6 0 3 3 0 0 1 6 0 M12 19a3 3 0 1 1-6 0 3 3 0 0 1 6 0',users:'M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2 M16 3a4 4 0 0 1 0 8 M22 21v-2a4 4 0 0 0-3-3.87 M13 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0'};
const icon=n=>`<svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><path d="${paths[n]||paths.spark}"/></svg>`;
const esc=s=>String(s).replace(/[&<>"']/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]));
const state={role:'student',page:'home',selected:'Emma',tasks:[{id:1,title:'Revoir l’addition de fractions',subject:'Mathématiques',duration:'10 min',day:'Mardi',done:true,symbol:'½',color:''},{id:2,title:'Retenir 8 mots du cours',subject:'Allemand',duration:'8 min',day:'Mercredi',done:false,symbol:'Aa',color:'orange'},{id:3,title:'Revenir aux équations',subject:'Mathématiques',duration:'12 min',day:'Vendredi',done:false,symbol:'𝑥',color:'green'}],quizIndex:0,answers:[],hint:0,coachSaved:false,note:'Reprendre les fractions avec deux représentations visuelles, puis vérifier le transfert vers une équation.',attachment:''};
const students={Emma:{name:'Emma Dubois',initials:'ED',subject:'Mathématiques',issue:'Fractions avant équations',progress:38,description:'Emma additionne parfois les dénominateurs. Revenir au sens des parts avant de reprendre les équations.',lesson:'Jeudi 12 · 16 h 30',goal:'Additionner deux fractions de dénominateurs différents.'},Lucas:{name:'Lucas Bernard',initials:'LB',subject:'Allemand',issue:'Vocabulaire à réactiver',progress:62,description:'Lucas reconnaît les mots à la lecture mais hésite sans les choix de réponse. Prévoir un rappel libre et espacé.',lesson:'Vendredi 13 · 15 h 00',goal:'Retrouver huit mots du cours sans choix de réponse.'},Lea:{name:'Léa Perrin',initials:'LP',subject:'Mathématiques',issue:'Vérifier l’autonomie',progress:78,description:'Léa réussit avec un indice. Proposer une nouvelle équation sans aide pour vérifier sa compréhension.',lesson:'Vendredi 13 · 17 h 00',goal:'Résoudre une équation puis vérifier sa solution seule.'}};
const roles={student:{label:'Élève',name:'Emma Dubois',initials:'ED',sub:'Élève · 10e'},coach:{label:'Coach',name:'Camille Martin',initials:'CM',sub:'Coach · Nash Academy'},parent:{label:'Parents',name:'Famille Dubois',initials:'FD',sub:'Suivi d’Emma'}};
const quizzes=[{q:'Pour additionner ½ et ⅓, quel dénominateur commun peux-tu choisir ?',options:['5','6','8'],answer:1,explanation:'6 est un multiple de 2 et de 3. On peut donc écrire ½ = 3/6 et ⅓ = 2/6.'},{q:'Combien vaut ½ + ⅓ ?',options:['2/5','5/6','1/6'],answer:1,explanation:'On additionne les parts de même taille : 3/6 + 2/6 = 5/6. Le dénominateur reste 6.'},{q:'Dans x + ⅓ = 5/6, quelle est la valeur de x ?',options:['1/2','2/3','1/3'],answer:0,explanation:'On retire ⅓, soit 2/6, des deux côtés. x = 5/6 − 2/6 = 3/6 = ½.'}];
const action=(text,a,cls='')=>`<button class="button ${cls}" data-action="${a}">${text}${icon('arrow')}</button>`;
const link=(text,page)=>`<a class="text-button" href="#${state.role}/${page}">${text} ${icon('arrow')}</a>`;
function routes(){return state.role==='coach'?[['home','Ma journée','home'],['students','Mes élèves','users'],['planning','Les séances','calendar'],['progress','Les notions','graph'],['courses','Ressources','book'],['companions','Compagnons','spark']]:state.role==='parent'?[['home','Vue d’ensemble','home'],['planning','Son planning','calendar'],['progress','Ses progrès','graph'],['family','À la maison','book'],['companions','Compagnons','spark']]:[['home','Mon espace','home'],['courses','Mes cours','book'],['planning','Mon planning','calendar'],['progress','Mes progrès','graph'],['challenges','Mes défis','spark'],['companions','Compagnons','users']];}
function readRoute(){const [role,page]=location.hash.slice(1).split('/');state.role=roles[role]?role:'student';state.page=page||'home';if(!routes().some(r=>r[0]===state.page))state.page='home';}
function shell(){const r=roles[state.role];return `<div class="layout"><aside class="sidebar"><a class="brand" href="#${state.role}/home" aria-label="George, accueil"><span class="brandmark">G</span><span class="brand-word"><b>George</b><small>/ Nash Academy</small></span></a><div class="side-label">${state.role==='student'?'UN PAS APRÈS L’AUTRE':'LE COACHING CONTINUE'}</div><nav class="nav" aria-label="Navigation principale">${routes().map(([id,title,i])=>`<a href="#${state.role}/${id}" ${state.page===id?'aria-current="page"':''} class="${state.page===id?'active':''}">${icon(i)}${title}</a>`).join('')}</nav><div class="side-note">${icon('spark')}<strong>Les petits pas font<br>les grandes avancées.</strong><p>Un cours, une question, un déclic.<br>George garde le fil avec toi.</p></div><a class="ecosystem" href="https://nash-academy.ch/">${icon('grid')} L’univers Nash Academy ${icon('arrow')}</a></aside><div class="workspace"><header class="topbar"><div class="crumb"><span>Mon centre</span><span>/</span><b>Nash Academy</b></div><div class="topright"><div class="role-switch" role="group" aria-label="Explorer les vues de démonstration">${Object.entries(roles).map(([id,v])=>`<button data-role="${id}" aria-pressed="${state.role===id}" class="${state.role===id?'active':''}">${v.label}</button>`).join('')}</div><div class="account"><span class="avatar">${r.initials}</span><div><b>${r.name}</b><small>${r.sub}</small></div></div></div></header><main class="content" id="main"><p class="demo"><i></i>Maquette interactive · profils et semaine fictifs · aucune donnée transmise</p>${body()}<footer><span>George par Nash Academy · Le coaching continue entre les séances.</span><a href="https://nash-academy.ch/discover/george/" target="_blank" rel="noopener">Découvrir le concept ↗</a></footer></main></div></div>`;}
function heading(eyebrow,title,sub){return `<div class="intro"><div><span class="eyebrow">${eyebrow}</span><h1>${title}</h1><p>${sub}</p></div><span class="date">Semaine du 9 au 15 novembre · démo</span></div>`;}
function panelHead(title,extra=''){return `<div class="section-head"><h2>${title}</h2>${extra}</div>`;}
function taskRow(t,interactive=true){return `<div class="task"><span class="subject ${t.color}">${t.symbol}</span><div class="task-copy"><b>${t.title}</b><small>${t.subject} · ${t.duration} · ${t.day}</small></div>${interactive?`<button class="check ${t.done?'done':''}" data-task="${t.id}" aria-label="${t.done?'Marquer à faire':'Terminer'} : ${t.title}" aria-pressed="${t.done}">${t.done?icon('check'):''}</button>`:`<span class="pill ${t.done?'green':''}">${t.done?'Fait':'Prévu'}</span>`}</div>`;}
function tasksCard(){const n=state.tasks.filter(t=>t.done).length;return `<section class="panel">${panelHead(state.role==='parent'?'Ses prochains petits pas':'Mes prochains petits pas',link('Tout le planning','planning'))}${state.tasks.map(t=>taskRow(t,state.role==='student')).join('')}<div class="progress-line"><div class="track"><span style="width:${n/state.tasks.length*100}%"></span></div>${n} sur ${state.tasks.length} terminés</div></section>`;}
function sessionCard(){return `<section class="panel session"><div class="section-head"><span class="eyebrow">LE PROCHAIN RENDEZ-VOUS</span>${icon('calendar')}</div><div class="session-time"><div class="date-square"><small>Jeudi</small><strong>12</strong></div><div><h3>Un moment avec Camille</h3><p>16 h 30 – 17 h 30 · Mathématiques</p></div></div><div class="session-note">Au programme : consolider les fractions, puis faire le lien avec les équations.</div><button class="text-button" data-action="session">Voir la préparation ${icon('arrow')}</button></section>`;}
function notion(title,pct,cls,caption){return `<div class="notion"><div><span>${title}</span><small>${pct} % · exemple</small></div><div class="track"><span class="${cls}" style="width:${pct}%"></span></div><p>${caption}</p></div>`;}
function progressCard(){return `<section class="panel">${panelHead('Ça prend forme.',link('Voir les liens','progress'))}<span class="eyebrow">LES NOTIONS D’EMMA</span>${notion('Calculs entiers',92,'green','Une base solide pour la suite.')}${notion('Fractions',38,'','Le point de départ de cette semaine.')}${notion('Équations',26,'orange','À reprendre après les fractions.')}<div class="hint">${icon('spark')}<p>Comprendre les fractions peut débloquer les équations.</p></div></section>`;}
function homeStudent(){return `${heading('MARDI · ON GARDE LE FIL','Un petit pas, <em>Emma.</em>','Tu n’as pas besoin de tout réussir aujourd’hui. Juste d’avancer.')}${companionStrip()}<div class="dashboard"><div class="left-stack"><section class="hero">${state.companion==='george'?'<img class="hero-image" src="assets/george.png" alt="George, compagnon pédagogique">':portrait(state.companion,'hero-companion')}<div class="hero-copy"><span class="eyebrow">TON DÉFI DU JOUR · AVEC ${companions.find(c=>c.id===state.companion).name.toUpperCase()}</span><h2>Les fractions ?<br><em>On y va ensemble.</em></h2><p>Trois questions pour comprendre ce qui bloque, et retrouver le déclic.</p>${action('Commencer mon défi','quiz','orange')}<span class="tiny">3 minutes · À partir de ton cours de maths</span></div></section>${tasksCard()}<section class="bottom-card"><span class="big-symbol">?</span><div><h3>Un exercice te résiste ?</h3><p>On cherche la prochaine étape ensemble.</p></div><button class="text-button" data-action="help">Essayer ${icon('arrow')}</button></section></div><div class="right-stack">${sessionCard()}${progressCard()}</div></div><section class="home-more">${panelHead("À explorer ensuite",link("Tous les défis","challenges"))}<div class="challenge-grid">${learningTopics.slice(1,4).map(topicCard).join('')}</div></section>`;}
function coachWorkspace(){const s=students[state.selected];return `<div class="two-col"><section class="panel">${panelHead('Les parcours à accompagner','<span class="pill">6 élèves · démo</span>')}<p class="note">Une priorité par élève, à valider avec ce que tu observes en séance.</p><div class="people">${Object.entries(students).map(([id,p])=>`<button data-student="${id}" class="person ${id===state.selected?'active':''}" aria-pressed="${id===state.selected}"><span class="avatar">${p.initials}</span><span><b>${p.name}</b><small>${p.issue}</small></span>${icon('arrow')}</button>`).join('')}</div><p class="coach-list-title">PROCHAINE SÉANCE · ${s.lesson}</p><div class="hint">${icon('book')}<p>${s.goal}</p></div></section><section class="panel coach-note">${panelHead(s.name,'<span class="pill purple">'+s.subject+'</span>')}<p class="note">${s.description}</p>${notion(s.notion||(state.selected==='Lucas'?'Vocabulaire du cours':state.selected==='Lea'?'Équations':'Fractions'),s.progress,'','Repère fictif pour préparer la séance.')}<form id="coach-form"><label for="coach-note">Mon objectif pour la prochaine séance</label><textarea id="coach-note" name="note" maxlength="1000" required>${esc(state.note)}</textarea><button type="submit" class="button purple">${state.coachSaved?'Objectif enregistré pour cette visite':'Valider cet objectif'} ${icon('check')}</button></form><p class="note" style="font-size:9px;margin-top:14px">Note de démonstration, conservée uniquement jusqu’au rechargement.</p></section></div>`;}
function homeCoach(){return `${heading('L’ESSENTIEL AVANT LA SÉANCE','Bonjour, <em>Camille.</em>','Ce qui a avancé. Ce qui résiste. Le bon point de départ pour chacun.')}<div class="summary-metrics"><article><span class="eyebrow">À ACCOMPAGNER</span><b>6 élèves</b><small>Parcours fictifs à explorer</small></article><article><span class="eyebrow">PROCHAINE SÉANCE</span><b>Jeudi</b><small>Emma · 16 h 30</small></article><article><span class="eyebrow">PRIORITÉ D’EMMA</span><b>Fractions</b><small>Avant de revenir aux équations</small></article></div>${coachWorkspace()}`;}
function homeParent(){return `${heading('LE SUIVI D’EMMA','Des progrès, <em>à son rythme.</em>','Un aperçu du travail prévu et des notions à consolider avec son coach.')}<div class="full-hero"><span class="eyebrow">CETTE SEMAINE</span><h2>Reprendre les bases.<br>Retrouver la confiance.</h2><p>Emma travaille les fractions pour avancer ensuite dans les équations. Camille reprendra ce point avec elle jeudi.</p></div><div class="dashboard"><div class="left-stack">${tasksCard()}<section class="panel"><div class="eyebrow" style="margin-bottom:15px">UN MOT DU COACH · EXEMPLE</div><div class="parent-message">« L’objectif est qu’Emma puisse expliquer sa méthode, pas seulement trouver le résultat. »<small>Camille Martin · coaching mathématiques</small></div></section></div><div class="right-stack">${sessionCard()}${progressCard()}</div></div><p class="note" style="margin-top:20px">L’accès parents est inclus avec celui de l’élève. Ce suivi présente les progrès et le planning ; les conversations détaillées restent hors de cette vue.</p>`;}
function courses(){return `${heading('LE POINT DE DÉPART','Tes cours. <em>Ton terrain.</em>','George t’accompagne sur les notions que tu travailles vraiment.')}<div class="document-grid"><article class="document"><span class="subject">½</span><h3>Fractions & équations</h3><p>Devoir de mathématiques · chapitre 4<br>Objectif : additionner des fractions, puis isoler x.</p><span class="pill purple">À revoir avant jeudi</span><br>${action('Explorer mon exercice','help')}</article><article class="document"><span class="subject orange">Aa</span><h3>Wörter im Alltag</h3><p>Allemand · vocabulaire du quotidien<br>Objectif : retrouver 8 mots du cours sans aide.</p><span class="pill">Prévu mercredi · 8 min</span><br>${action('Ouvrir la fiche exemple','german','light')}</article></div><div class="upload"><label for="course-file">Prévisualiser l’ajout d’un cours ou d’un devoir</label><input type="file" id="course-file" accept="image/*,application/pdf"><p id="file-status" role="status">${state.attachment?esc(state.attachment)+' · aperçu du nom uniquement. Aucun fichier envoyé.':'PDF ou image · cette maquette affiche le nom du fichier, sans le lire ni l’envoyer.'}</p></div><div class="hint">${icon('book')}<p>Les exemples ci-dessus sont déjà préparés. L’analyse d’un vrai devoir et la génération d’exercices seront raccordées au projet George.</p></div>`;}
function planning(){const coach=state.role==='coach';return `${heading('UNE SEMAINE RÉALISABLE',coach?'Chaque séance, <em>bien préparée.</em>':state.role==='parent'?'Son planning, <em>en un regard.</em>':'Un peu chaque jour. <em>Ça change tout.</em>',coach?'Le contexte de chaque élève accompagne le prochain rendez-vous.':'Des séquences courtes, avec une place pour souffler.')}<div class="week">${coach?Object.entries(students).map(([id,s])=>`<section class="day"><h2>${s.lesson}</h2><small>${s.name} · ${s.subject}</small><div class="hint">${icon('spark')}<p>${s.goal}</p></div><button class="button light" style="margin-top:20px" data-prepare="${id}">Préparer la séance ${icon('arrow')}</button></section>`).join(''):state.tasks.map(t=>`<section class="day"><h2>${t.day}</h2><small>${t.duration} · une petite étape</small>${taskRow(t,state.role==='student')}${state.role==='student'?`<label class="note" for="day-${t.id}">Déplacer ce travail</label><select id="day-${t.id}" data-move="${t.id}">${['Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi','Dimanche'].map(d=>`<option ${d===t.day?'selected':''}>${d}</option>`).join('')}</select>`:''}</section>`).join('')}</div><div style="margin-top:22px">${coach?'':sessionCard()}</div><p class="note" style="margin-top:20px">${coach?'Les séances affichées sont fictives.':'Les changements de la démo restent dans cette visite ; ils ne sont pas envoyés au coach.'}</p>`;}
function progress(){return `${heading('COMPRENDRE LES LIENS','Une base solide. <em>Puis la suite.</em>','Parcours d’Emma · des repères par notion pour choisir le prochain petit pas.')}<div class="two-col"><section class="panel">${panelHead('Le chemin vers les équations','<span class="pill">Mathématiques</span>')}<div class="map"><div class="node green">Calculs entiers<small>92 % · base solide</small></div>${icon('arrow')}<div class="node">Fractions<small>38 % · à consolider</small></div>${icon('arrow')}<div class="node orange">Équations<small>26 % · prochaine étape</small></div></div><div class="hint">${icon('spark')}<p>Le point à travailler : comprendre que des fractions doivent représenter des parts de même taille avant de les additionner.</p></div><p class="note" style="margin-top:20px">Ces repères sont illustratifs, pas des notes scolaires. Le défi de cette maquette ne modifie pas ces pourcentages.</p>${state.role==='student'?action('Vérifier ma compréhension','quiz','purple'):''}</section><section class="panel">${panelHead('Avant, pendant, après')}<div class="task"><span class="subject">01</span><div class="task-copy"><b>Repérer le blocage</b><small>Une question ancrée dans le devoir.</small></div></div><div class="task"><span class="subject orange">02</span><div class="task-copy"><b>Travailler avec Camille</b><small>La méthode et le prérequis manquant.</small></div></div><div class="task"><span class="subject green">03</span><div class="task-copy"><b>Réussir à nouveau, seul</b><small>Un autre exercice quelques jours après.</small></div></div></section></div>`;}
function body(){switch(state.page){case'courses':return richerCourses();case'challenges':return challengePage();case'companions':return companionPage();case'family':return familyPage();case'planning':return planning();case'progress':return progress();case'students':return heading('LE PARCOURS PÉDAGOGIQUE','Chaque élève, <em>son point de départ.</em>','Sélectionne un parcours pour préparer un objectif adapté.')+coachWorkspace();default:return state.role==='coach'?homeCoach():state.role==='parent'?homeParent():homeStudent();}}
function render(){document.getElementById('app').innerHTML=shell();document.title=`George · ${roles[state.role].label} · Nash Academy`;}
function go(role,page='home'){const hash=`#${role}/${page}`;if(location.hash===hash){readRoute();render();}else location.hash=hash;}
const dialog=document.getElementById('dialog');
function dialogHead(label,title){return `<div class="dialog-head"><div><span class="eyebrow">${label}</span><h2 id="dialog-title">${title}</h2></div><button class="close" data-action="close" aria-label="Fermer">×</button></div>`;}
function modal(html){document.getElementById('dialog-content').innerHTML=html;if(!dialog.open)dialog.showModal();}
function quiz(){const i=state.quizIndex;if(i>=quizzes.length){const count=state.answers.filter((a,j)=>a===quizzes[j].answer).length;state.quizResults[state.activeTopic]=count;render();modal(`${dialogHead('DÉFI TERMINÉ','Un pas de plus dans ta compréhension.')}<p class="question">${count} réponse${count>1?'s':''} correcte${count>1?'s':''} sur 3</p><div class="feedback good">${count===3?'Tu as réussi ce défi. Essaie de retrouver les idées demain sans aide.':'Les explications t’ont donné une méthode à reprendre. Tu peux refaire le défi à ton rythme.'}</div><p class="note">Résultat de cette visite uniquement. Rien n’est envoyé au coach ni enregistré dans un dossier élève.</p><div class="dialog-actions"><button class="button light" data-topic="${state.activeTopic}">Recommencer ${icon('arrow')}</button>${action('Fermer le bilan','close')}</div>`);return;}const q=quizzes[i],a=state.answers[i],answered=a!==undefined;modal(`${dialogHead(state.quizLabel||'MATHÉMATIQUES · FRACTIONS',`Question ${i+1} sur 3`)}<div class="track"><span style="width:${(i+1)/3*100}%"></span></div><p class="question">${q.q}</p><div class="answers">${q.options.map((o,n)=>`<button data-answer="${n}" ${answered?'disabled':''} class="${a===n?'selected':''}" aria-pressed="${a===n}">${o}</button>`).join('')}</div><div class="feedback ${answered&&a===q.answer?'good':''}" role="status">${answered?`<strong>${a===q.answer?'Oui, c’est ça.':'Regardons la méthode.'}</strong><br>${q.explanation}`:'Choisis une réponse. Chaque essai est une occasion de comprendre.'}</div><div class="dialog-actions"><span class="note">Défi de démonstration</span><button class="button" data-action="next" ${answered?'':'disabled'}>${i===2?'Voir mon bilan':'Question suivante'} ${icon('arrow')}</button></div>`);}
function help(){const hints=['Tu bloques sur cette équation ? Avant de chercher x, regardons les fractions : comment écrire ⅓ avec un dénominateur de 6 ?','⅓ et 2/6 représentent la même quantité. Multiplie le numérateur et le dénominateur par 2. Quel calcul permet ensuite d’isoler x ?','Soustrais 2/6 des deux côtés : x = 5/6 − 2/6 = 3/6. Peux-tu maintenant simplifier cette fraction et vérifier le résultat dans l’équation ?'];modal(`${dialogHead('À PARTIR DE TON DEVOIR','Cherchons la prochaine étape.')}<span class="pill">Exercice exemple · chapitre 4</span><div class="equation">x + ⅓ = ⅚</div><div class="chat">${portrait(state.companion)}<div class="bubble">${hints[state.hint]}</div></div><p class="note">Accompagnement préparé pour cette maquette. L’assistant réel et l’analyse des devoirs ne sont pas encore connectés.</p><div class="dialog-actions">${state.hint<2?action('Un indice de plus','hint','light'):action('Reprendre depuis le début','help','light')}${action('Essayer le défi','quiz','purple')}</div>`);}
let toastTimer;function toast(t){const el=document.getElementById('toast');el.textContent=t;el.classList.add('visible');clearTimeout(toastTimer);toastTimer=setTimeout(()=>el.classList.remove('visible'),3500);}
function selectStudent(id){if(!students[id])return;state.selected=id;state.note=students[id].goal;state.coachSaved=false;}
document.addEventListener('click',e=>{const b=e.target.closest('button');if(!b)return;if(handleEnrichmentClick(b))return;if(b.dataset.role){go(b.dataset.role);return;}if(b.dataset.task&&state.role==='student'){const t=state.tasks.find(t=>t.id===Number(b.dataset.task));t.done=!t.done;render();document.querySelector(`[data-task="${t.id}"]`)?.focus();return;}if(b.dataset.student){selectStudent(b.dataset.student);render();document.querySelector(`[data-student="${state.selected}"]`)?.focus();return;}if(b.dataset.prepare){selectStudent(b.dataset.prepare);go('coach','students');return;}if(b.dataset.answer!==undefined){if(state.answers[state.quizIndex]!==undefined)return;state.answers[state.quizIndex]=Number(b.dataset.answer);quiz();document.querySelector('[data-action="next"]')?.focus();return;}switch(b.dataset.action){case'close':dialog.close();break;case'quiz':beginTopic('fractions');break;case'next':if(state.answers[state.quizIndex]===undefined)return;state.quizIndex++;quiz();document.getElementById('dialog-title').setAttribute('tabindex','-1');document.getElementById('dialog-title').focus();break;case'help':state.hint=0;help();break;case'hint':state.hint=Math.min(2,state.hint+1);help();break;case'session':modal(`${dialogHead('JEUDI 12 · 16 H 30','Le bon point de départ.')}<p class="note">Séance fictive avec Camille Martin · Mathématiques</p><div class="feedback"><strong>Objectif</strong><br>Comprendre l’addition des fractions avant de reprendre les équations.</div><p class="note">Avant la séance : préparer le devoir du chapitre 4 et noter une question.<br>Pendant : représenter les fractions, puis expliquer sa méthode.<br>Après : vérifier la compréhension avec un exercice différent.</p><div class="dialog-actions">${action('C’est noté','close')}</div>`);break;case'german':modal(`${dialogHead('ALLEMAND · EXEMPLE','Huit mots, un petit rituel.')}<p class="note">Lis les mots, cache leur traduction, puis essaie de les retrouver.</p>${[['das Buch','le livre'],['die Schule','l’école'],['der Tag','le jour'],['das Haus','la maison'],['lernen','apprendre'],['lesen','lire'],['schreiben','écrire'],['verstehen','comprendre']].map(([a,b])=>`<details style="padding:10px;border-bottom:1px solid var(--line);font-size:13px"><summary>${a}</summary><p style="margin:8px 0;color:var(--green)">${b}</p></details>`).join('')}<p class="note" style="margin-top:15px">Liste d’illustration, à remplacer par le vrai vocabulaire du cours.</p>`);break;}});
document.addEventListener('change',e=>{if(e.target.dataset.move&&state.role==='student'){const t=state.tasks.find(t=>t.id===Number(e.target.dataset.move));t.day=e.target.value;render();document.getElementById('day-'+t.id)?.focus();toast('Planning ajusté pour cette visite.');}if(e.target.id==='course-file'){const f=e.target.files[0];state.attachment=f?f.name:'';document.getElementById('file-status').textContent=f?f.name+' · aperçu du nom uniquement. Aucun fichier envoyé.':'Aucun fichier sélectionné.';}});
document.addEventListener('input',e=>{if(e.target.id==='coach-note'){state.note=e.target.value;state.coachSaved=false;const b=document.querySelector('#coach-form button');if(b)b.innerHTML='Valider cet objectif '+icon('check');}});
document.addEventListener('submit',e=>{if(e.target.id==='coach-form'){e.preventDefault();state.note=document.getElementById('coach-note').value;state.coachSaved=true;render();toast('Objectif enregistré dans la démo, pour cette visite.');}});
window.addEventListener('hashchange',()=>{if(dialog.open)dialog.close();readRoute();render();window.scrollTo(0,0);});
Object.assign(state,{companion:'george',subjectFilter:'Tout',activeTopic:'fractions',quizLabel:'Mathématiques · Fractions',quizResults:{}});
Object.assign(students,{
Nora:{name:'Nora Martins',initials:'NM',subject:'Français',notion:'Accords sujet-verbe',issue:'Retrouver le noyau du sujet',progress:55,description:'Nora accorde parfois le verbe avec le nom le plus proche. Travailler sur les groupes sujets qui contiennent un complément.',lesson:'Jeudi 12 · 17 h 30',goal:'Identifier le noyau du sujet dans trois phrases avant de conjuguer le verbe.'},
Sami:{name:'Sami Benali',initials:'SB',subject:'Sciences',notion:'Cycle de l’eau',issue:'Distinguer les changements d’état',progress:46,description:'Sami confond condensation et évaporation. Relier les mots à deux observations concrètes : une flaque et une vitre embuée.',lesson:'Vendredi 13 · 14 h 00',goal:'Expliquer le sens de deux changements d’état à partir d’exemples.'},
Chloe:{name:'Chloé Meyer',initials:'CM',subject:'Anglais',notion:'Présent simple',issue:'Utiliser does sans doubler le -s',progress:68,description:'Chloé réussit les phrases affirmatives mais conserve parfois le -s après does. Comparer affirmation, question et négation.',lesson:'Vendredi 13 · 16 h 00',goal:'Transformer trois phrases au présent simple en questions et négations.'}
});
readRoute();render();