// SCK CEN — AI Geletterdheid · content & theme config
// 6 modules, opbouw: verkennend → kritisch → poll → SCK afspraken → prompting → technisch.
// Elke lesson-module heeft 2 oefeningen; eerste oefening = telkens een ander gamification-type.

window.LEERPAD_CONFIG = {
  client: "sckcen",
  pageTitle: "SCK CEN Academy — AI Geletterdheid",

  theme: {
    dark:    "#3F2073",
    bright:  "#C745CC",
    bright2: "#A734AE",
    soft:    "#EBE0F4",
    cream:   "#F4EEF8",
    pager:   "#C7B0DA",
  },

  branding: {
    appName: "SCK CEN Academy",
    moduleName: "AI Geletterdheid",
    userInitials: "JD",
    userName: "J. Dubois",
    successFactorsUrl: "successfactors.eu/learning/sckcen/ai-geletterdheid",
  },

  welcome: {
    title: "Welkom bij de AI-module van SCK CEN.",
    body: <>Zes korte stappen die je doorvoeren van <b>"wat is AI eigenlijk"</b> tot <b>"hoe schrijf je een goede prompt"</b>. Onder een kwartier ben je rond.</>,
    pager: "1 / 3",
    estimate: "SuccessFactors-module · ± 15 min",
  },

  tips: {
    speech: "Zo werkt deze module. Lees even rustig door.",
    items: [
      { icon: "map",  title: "Bekijk je leerpad", desc: "Zes korte modules. Je voortgang bewaart automatisch in SuccessFactors." },
      { icon: "rank", title: "Verzamel Sparks", desc: "Elk juist antwoord levert een Spark op. Je manager ziet ze terug in je rapport." },
      { icon: "tip",  title: "Vraag om een toelichting", desc: "Een korte uitleg na elke vraag — geen goed of fout in de rondvraag." },
    ],
  },

  overview: {
    eyebrow: "SCK CEN Academy · AI Geletterdheid",
    title: "Zes modules, één pad.",
  },

  modules: [
    /* ─── M1 · VERKENNEND — herken AI in het wild ─── */
    {
      id: 1, kind: "lesson",
      title: "AI in het wild — wat zie je?",
      meta: "Module 1 · video + 2 oefeningen · ± 4 min",
      video: "media/exp 1 ronde 1 intro.mp4",
      videoTitle: "Waar zit AI al in je dagelijks leven?",
      videoBody: "Een korte verkenning: van spamfilters tot Netflix-aanbevelingen tot ChatGPT — AI zit al langer in onze tools dan we beseffen.",
      exercises: [
        {
          type: "dragdrop", difficulty: "hard",
          timeLimit: 60,
          q: "Welke van deze foto's zijn door AI gegenereerd?",
          hint: "Klik een foto, klik dan de juiste bak. Let op vreemde details: oren, achtergrond, te perfecte huid.",
          items: [
            { id: "p1", label: "Onderzoeker in lab",
              image: "https://images.unsplash.com/photo-1532187863486-abf9dbad1b69?w=320&h=200&fit=crop&auto=format" },
            { id: "p2", label: "Portret — collega",
              image: "https://thispersondoesnotexist.com/?cb=1" },
            { id: "p3", label: "Koeltoren bij dageraad",
              image: "https://images.unsplash.com/photo-1466611653911-95081537e5b7?w=320&h=200&fit=crop&auto=format" },
            { id: "p4", label: "Portret — manager",
              image: "https://thispersondoesnotexist.com/?cb=2" },
            { id: "p5", label: "Glaswerk in laboratorium",
              image: "https://images.unsplash.com/photo-1576086213369-97a306d36557?w=320&h=200&fit=crop&auto=format" },
            { id: "p6", label: "Portret — nieuwe medewerker",
              image: "https://thispersondoesnotexist.com/?cb=3" },
          ],
          bins: [
            { id: "real", label: "Echte foto" },
            { id: "ai",   label: "AI-gegenereerd" },
          ],
          answer: { p1: "real", p3: "real", p5: "real", p2: "ai", p4: "ai", p6: "ai" },
          explain: "De drie portretten komen van thispersondoesnotexist.com — die personen bestaan niet. AI-portretten zien er vaak érg gepolijst uit: te perfecte symmetrie, gladde huid, soms een vreemd oor. Echte foto's hebben rommel: een vlek, een onscherp randje. Twijfel je? Vergroot altijd ogen, oren en handen.",
        },
        {
          type: "quiz", difficulty: "easy",
          q: "Welke van deze dingen wordt vandaag al door AI aangestuurd?",
          options: [
            "Alleen ChatGPT en gelijkaardige chatbots.",
            "Spamfilter, Netflix-aanbevelingen, vertaalapps én ChatGPT.",
            "Enkel grote bedrijfssoftware zoals SAP.",
            "Alleen gespecialiseerde wetenschappelijke tools.",
          ],
          correct: 1,
          explain: "AI is geen nieuwe technologie — ze zit al jaren onder de motorkap van alles wat je dagelijks gebruikt. Wat nieuw is, is dat we er nu rechtstreeks tegen kunnen praten via chatinterfaces.",
        },
      ],
    },

    /* ─── M2 · KRITISCH — moeten we voorzichtig zijn? ─── */
    {
      id: 2, kind: "lesson",
      title: "Moeten we voorzichtig zijn?",
      meta: "Module 2 · video + 3 oefeningen · ± 5 min",
      video: "media/exp 1 ronde 2 intro.mp4",
      videoTitle: "Waar AI fout gaat",
      videoBody: "Hallucinaties, vooringenomenheid, foute cijfers. Een blik op wat AI níet kan — en waar je extra op moet letten.",
      exercises: [
        {
          type: "match", difficulty: "medium",
          q: "Match elke AI-misstap met de juiste term.",
          hint: "Klik een voorbeeld links, klik dan de juiste term rechts.",
          pairs: [
            { left: "AI verzint een bron die niet bestaat",                       right: "Hallucinatie" },
            { left: "AI rangschikt mannen hoger dan vrouwen op identieke CV's",   right: "Bias" },
            { left: "AI weet niets over een gebeurtenis van vorige week",         right: "Kennis-cutoff" },
            { left: "AI geeft een ander antwoord op dezelfde vraag",              right: "Niet-determinisme" },
          ],
          explain: "Vier klassieke AI-misstappen. Hallucinatie = verzinnen met overtuiging. Bias = vooroordelen uit de trainingsdata. Kennis-cutoff = AI weet niets van na zijn trainingsdatum. Niet-determinisme = zelfde vraag, ander antwoord — omdat er statistische willekeur in zit.",
        },
        {
          type: "hotspot", difficulty: "hard",
          timeLimit: 45,
          q: "Klik de fouten aan in deze AI-gegenereerde foto.",
          hint: "Kijk naar gezichten, handen, sieraden en de overgangen aan de randen. Klik op elke AI-vergissing die je ziet.",
          image: "media/ai-portrait-flawed.png",
          // Hotspots als percentages t.o.v. de afbeelding (914x914 selfie met AI-fouten).
          hotspots: [
            { x: 12, y: 32, label: "Vervormd gezicht — smelt in haar weg" },
            { x: 8,  y: 40, label: "Bril zonder houvast — drijvend" },
            { x: 16, y: 56, label: "Hand met onmogelijke vingers" },
            { x: 60, y: 41, label: "Oorringen niet symmetrisch" },
            { x: 88, y: 48, label: "Achtergrond/haar smelt weg" },
          ],
          minToWin: 3,
          explain: "Vijf klassieke AI-tells in deze selfie: een gezicht links dat smelt en versmelt met haar, drijvende zonnebril zonder logische verbinding, een hand met onmogelijke vingers, asymmetrische sieraden (verschillende oorbellen links/rechts) en een achtergrond die langs de rechterrand wegsmelt. Vind je er 3 van de 5, dan ben je geslaagd.",
        },
        {
          type: "quiz", difficulty: "hard",
          q: "De AI geeft een feitelijke claim met overtuiging. Wat is de meest betrouwbare manier om hallucinatie uit te sluiten?",
          options: [
            "Vraag de AI om de claim nog eens te bevestigen.",
            "Vraag een tweede AI hetzelfde — als ze overeenkomen, is het juist.",
            "Vraag om de bron en verifieer die zelf bij de originele bron.",
            "Kijk of het antwoord lang en gedetailleerd is — dat duidt op kwaliteit.",
          ],
          correct: 2,
          explain: "Twee AI's kunnen perfect dezelfde hallucinatie produceren als ze op dezelfde data getraind zijn. Lengte en zekerheid zegt niets over correctheid. Enkel verificatie bij de originele bron sluit echt uit dat je een verzonnen feit overneemt.",
        },
      ],
    },

    /* ─── M3 · POLL — Hoe sta jij erin? ─── */
    {
      id: 3, kind: "poll",
      title: "Hoe sta jij tegenover AI?",
      meta: "Module 3 · anonieme rondvraag · ± 2 min",
      pollIntro: "Vier korte vragen, volledig anoniem. Jouw antwoorden bepalen mee het AI-beleid van SCK CEN.",
      poll: [
        { q: "Hoe vaak gebruik je AI voor je werk?", options: ["Nooit", "Af en toe", "Wekelijks", "Dagelijks"] },
        { q: "Welke tool gebruik je het meest?", options: ["CoPilot", "ChatGPT", "Claude", "Gemini", "Andere", "Nog geen"] },
        { q: "Hoe comfortabel voel je je met AI?", options: ["Onzeker", "Beginnend", "Comfortabel", "Expert"] },
        { q: "Wat houdt je vooral tegen?", options: ["Te onzeker om te starten", "Veiligheidsregels onduidelijk", "Geen tijd om te leren", "Niet relevant voor mijn werk", "Niets — ik gebruik AI al"] },
      ],
    },

    /* ─── M4 · INTERNE AFSPRAKEN — workflow + tool keuze ─── */
    {
      id: 4, kind: "lesson",
      title: "Interne afspraken rond AI",
      meta: "Module 4 · video + 2 oefeningen · ± 4 min",
      video: "media/exp 1 ronde 3 intro.mp4",
      videoTitle: "Welke tool wanneer?",
      videoBody: "De heldere SCK CEN-regel: zit er SCK-info in je vraag, dan gebruik je CoPilot. Geen SCK-info? Vrije keuze.",
      exercises: [
        {
          type: "order", difficulty: "medium",
          q: "Je wil een nieuwe AI-tool intern uitrollen. Zet de stappen in de juiste volgorde.",
          hint: "Gebruik de pijltjes om elke stap omhoog of omlaag te verplaatsen.",
          items: [
            { id: "team",  label: "Praat met je team over de use-case" },
            { id: "ict",   label: "Mail ICT voor technische haalbaarheid" },
            { id: "iso",   label: "Loop het langs ISO voor security-check" },
            { id: "pilot", label: "Pilot met een klein team" },
            { id: "roll",  label: "Rol uit naar je hele afdeling" },
          ],
          answer: ["team", "ict", "iso", "pilot", "roll"],
          explain: "Altijd starten met je team (wat is de echte behoefte?). Dan parallel ICT + ISO inschakelen. Klein piloten voor je breed uitrolt — zo vang je problemen vroeg op.",
        },
        {
          type: "quiz", difficulty: "hard",
          q: "Een externe consultant vraagt of jij hun ChatGPT-prompt mag reviewen. Hun prompt bevat al SCK-info. Wat doe je?",
          options: [
            "Antwoord met “prima” — ze hebben hun eigen tool en zijn extern.",
            "Stuur de prompt zelf door naar ISO ter beoordeling.",
            "Vraag eerst of de SCK-info correct geanonimiseerd is. Zo niet, weiger te helpen tot dat is rechtgezet.",
            "Niet jouw verantwoordelijkheid — negeer de vraag.",
          ],
          correct: 2,
          explain: "Onze afspraken gelden ook richting externe partners. Door proactief te vragen of de info is geanonimiseerd, voorkom je een lek en houd je de externe partij scherp. ISO informeren komt pas als de partner niet meewerkt.",
        },
      ],
    },

    /* ─── M5 · PROMPTING — leer beter vragen stellen ─── */
    {
      id: 5, kind: "lesson", noVideo: true,
      title: "Hoe leer je goed prompten?",
      meta: "Module 5 · 2 oefeningen · ± 3 min",
      exercises: [
        {
          type: "blank", difficulty: "medium",
          before: "Een sterke prompt vertelt de AI welke rol ze speelt, voor wie ze schrijft, in welke",
          after: ", en wat het einddoel is.",
          answer: "vorm",
          alts: ["lengte", "stijl", "format"],
          explain: "Vier hefbomen voor een betere prompt: rol, doelpubliek, vorm (lengte/stijl/toon) en doel. Hoe meer hiervan je benoemt, hoe nuttiger het antwoord. 'Vorm' is het ingrediënt dat de meeste mensen vergeten.",
        },
        {
          type: "quiz", difficulty: "medium",
          q: "Welke van deze prompts levert het meest bruikbare resultaat op voor je werk?",
          options: [
            "“Schrijf een mail aan mijn manager.”",
            "“Help me met een tekst over AI.”",
            "“Schrijf een mail van 5 zinnen aan mijn manager om uitstel te vragen voor het MYRRHA-rapport, eindigend op één concrete vraag.”",
            "“Geef me alle info over AI.”",
          ],
          correct: 2,
          explain: "Goede prompts geven context (waarover), publiek (aan wie), vorm (lengte, toon) en doel (concrete vraag of uitkomst). Vage prompts geven vage antwoorden — concreet is altijd beter.",
        },
      ],
    },

    /* ─── M6 · TECHNISCH — hoe werkt een LLM? ─── */
    {
      id: 6, kind: "lesson",
      title: "De technische kant — hoe werkt een LLM?",
      meta: "Module 6 · video + 2 oefeningen · ± 4 min",
      video: "media/exp 1 ronde 3 wrap.mp4",
      videoTitle: "Onder de motorkap van een taalmodel",
      videoBody: "Geen magie, geen brein — maar wel een gigantisch statistisch model met miljarden parameters dat steeds het volgende woord voorspelt.",
      exercises: [
        {
          type: "quiz", difficulty: "hard",
          q: "Wat is een 'token' in de context van een taalmodel?",
          options: [
            "Een wachtwoord waarmee je inlogt op de AI-omgeving.",
            "Een stukje tekst (vaak ≈ 4 letters) waarmee het model intern rekent.",
            "Een toegangskaart binnen de architectuur van het model.",
            "Een betaalde credit die je verbruikt per vraag.",
          ],
          correct: 1,
          explain: "Een taalmodel werkt niet met 'woorden' maar met 'tokens' — kleine stukjes tekst, gemiddeld ≈ 4 karakters of ¾ van een woord. Hoe meer tokens, hoe duurder en trager je vraag. Daarom is een korte prompt vaak ook een efficiëntere prompt.",
        },
        {
          type: "blank", difficulty: "hard",
          before: "Wat een taalmodel feitelijk kan, hangt voor 90% af van de kwaliteit en breedte van zijn",
          after: ".",
          answer: "trainingsdata",
          alts: ["training data", "training-data", "dataset", "data"],
          explain: "De architectuur (transformer, parameters, attention) bepaalt hoe het model leert. Maar wát het kent — feiten, bias, taalvaardigheid, kennis-cutoff — komt uit de data waarop het getraind is. Daarom verschillen GPT, Claude en Gemini onderling: andere data, ander gedrag.",
        },
      ],
    },
  ],

  completion: {
    title: "Pad voltooid.",
    body: "Je hebt het volledige AI-geletterdheids-pad doorlopen — van verkennen tot prompten tot onder de motorkap. Je resultaten stromen door naar SuccessFactors en je manager-rapport.",
    cta: "Terug naar SuccessFactors",
  },
};