Baggage Control Center | Maroc Zain Academy<\/title>\n\n<style>\n:root{\n --navy:#04233f;\n --blue:#0d67b5;\n --gold:#d7b24d;\n --green:#15945f;\n --red:#c83a34;\n --orange:#ed8b27;\n --light:#f4f7fb;\n --white:#fff;\n --text:#182333;\n --grey:#687386;\n --shadow:0 16px 40px rgba(8,42,75,.12);\n}\n\n*{\n box-sizing:border-box;\n}\n\nbody{\n margin:0;\n font-family:Arial,Helvetica,sans-serif;\n background:var(--light);\n color:var(--text);\n line-height:1.6;\n}\n\nheader{\n min-height:600px;\n display:flex;\n align-items:center;\n color:white;\n background:\n linear-gradient(135deg,rgba(4,35,63,.97),rgba(13,103,181,.90));\n position:relative;\n overflow:hidden;\n}\n\nheader:after{\n content:\"\";\n position:absolute;\n width:500px;\n height:500px;\n border-radius:50%;\n background:rgba(255,255,255,.05);\n right:-180px;\n top:-150px;\n}\n\n.wrap{\n width:min(1250px,92%);\n margin:auto;\n}\n\n.hero-grid{\n display:grid;\n grid-template-columns:1.2fr .8fr;\n gap:35px;\n align-items:center;\n position:relative;\n z-index:2;\n}\n\n.badge{\n display:inline-block;\n background:var(--gold);\n color:#182333;\n padding:8px 16px;\n border-radius:30px;\n font-weight:bold;\n}\n\nh1{\n font-size:58px;\n line-height:1.05;\n margin:18px 0;\n}\n\nh2{\n color:var(--navy);\n}\n\n.hero-card{\n background:rgba(255,255,255,.10);\n border:1px solid rgba(255,255,255,.15);\n border-radius:22px;\n padding:28px;\n}\n\nsection{\n padding:65px 0;\n}\n\n.section-title{\n text-align:center;\n max-width:850px;\n margin:0 auto 40px;\n}\n\n.section-title span{\n color:var(--blue);\n text-transform:uppercase;\n font-weight:bold;\n letter-spacing:1.5px;\n font-size:13px;\n}\n\n.section-title h2{\n font-size:38px;\n margin:8px 0;\n}\n\n.grid{\n display:grid;\n grid-template-columns:repeat(auto-fit,minmax(240px,1fr));\n gap:22px;\n}\n\n.card{\n background:white;\n border-radius:18px;\n padding:24px;\n box-shadow:var(--shadow);\n}\n\n.kpi{\n text-align:center;\n}\n\n.kpi strong{\n display:block;\n font-size:38px;\n color:var(--blue);\n}\n\n.btn{\n border:0;\n padding:14px 22px;\n border-radius:10px;\n cursor:pointer;\n font-weight:bold;\n}\n\n.btn-gold{background:var(--gold);color:var(--navy)}\n.btn-blue{background:var(--blue);color:white}\n.btn-green{background:var(--green);color:white}\n.btn-red{background:var(--red);color:white}\n\n.dark{\n background:var(--navy);\n color:white;\n}\n\n.dark .section-title h2,\n.dark .section-title span{\n color:white;\n}\n\n.control-panel{\n display:grid;\n grid-template-columns:2fr 1fr;\n gap:25px;\n}\n\n.case-list{\n display:grid;\n gap:15px;\n}\n\n.case{\n background:white;\n color:var(--text);\n border-radius:14px;\n padding:18px;\n border-left:6px solid var(--blue);\n cursor:pointer;\n transition:.25s;\n}\n\n.case:hover{\n transform:translateY(-3px);\n}\n\n.case.critical{\n border-left-color:var(--red);\n}\n\n.case.warning{\n border-left-color:var(--orange);\n}\n\n.case.good{\n border-left-color:var(--green);\n}\n\n.case h3{\n margin:0 0 8px;\n color:var(--navy);\n}\n\n.case-meta{\n display:flex;\n gap:8px;\n flex-wrap:wrap;\n}\n\n.tag{\n display:inline-block;\n padding:5px 10px;\n border-radius:20px;\n background:#e9f2fb;\n color:var(--blue);\n font-size:12px;\n font-weight:bold;\n}\n\n.side-panel{\n background:white;\n color:var(--text);\n padding:22px;\n border-radius:18px;\n box-shadow:var(--shadow);\n height:max-content;\n}\n\n.progress{\n width:100%;\n height:18px;\n background:#dfe5ec;\n border-radius:20px;\n overflow:hidden;\n}\n\n.progress-bar{\n height:100%;\n width:0%;\n background:linear-gradient(90deg,var(--blue),var(--gold));\n transition:.4s;\n}\n\n.scenario-box{\n background:white;\n border-radius:20px;\n padding:30px;\n box-shadow:var(--shadow);\n}\n\n.passenger{\n background:#eef6ff;\n border-left:5px solid var(--blue);\n padding:18px;\n border-radius:12px;\n margin:18px 0;\n}\n\n.mood{\n font-weight:bold;\n margin:10px 0;\n}\n\n.mood-bar{\n height:14px;\n background:#e1e6eb;\n border-radius:20px;\n overflow:hidden;\n}\n\n.mood-fill{\n height:100%;\n width:25%;\n background:var(--green);\n transition:.4s;\n}\n\n.answer{\n display:block;\n width:100%;\n margin:10px 0;\n padding:14px;\n text-align:left;\n border-radius:10px;\n border:1px solid #d8e0e8;\n background:white;\n cursor:pointer;\n}\n\n.answer:hover{\n background:#f1f7fd;\n}\n\n.feedback{\n display:none;\n margin-top:18px;\n padding:16px;\n border-radius:12px;\n}\n\n.feedback.good{\n display:block;\n background:#e8f8f0;\n color:#12583c;\n}\n\n.feedback.bad{\n display:block;\n background:#fff0ef;\n color:#8e2d27;\n}\n\n.lesson{\n background:#fff9e9;\n border-left:5px solid var(--gold);\n padding:16px;\n border-radius:10px;\n margin-top:15px;\n}\n\n.rank{\n text-align:center;\n padding:25px;\n background:white;\n border-radius:18px;\n box-shadow:var(--shadow);\n}\n\n.rank-icon{\n font-size:42px;\n}\n\n.timeline{\n border-left:4px solid var(--blue);\n padding-left:25px;\n}\n\n.timeline-item{\n margin:22px 0;\n}\n\nfooter{\n background:#02182c;\n color:#d8e2ec;\n text-align:center;\n padding:40px;\n}\n\n@media(max-width:850px){\n .hero-grid,\n .control-panel{\n grid-template-columns:1fr;\n }\n\n h1{\n font-size:40px;\n }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<header>\n<div class=\"wrap hero-grid\">\n\n <div>\n <span class=\"badge\">MAROC ZAIN ACADEMY \u2022 BAGGAGE SERVICE<\/span>\n\n <h1>Baggage Control Center<\/h1>\n\n <h3>R\u00e9clamations \u2022 Recherche \u2022 D\u00e9cision \u2022 Supervision<\/h3>\n\n <p>\n Entrez dans une simulation compl\u00e8te de gestion des litiges bagages.\n Analysez les dossiers, g\u00e9rez les passagers, prenez des d\u00e9cisions et\n progressez jusqu’au niveau Superviseur.\n <\/p>\n\n <button class=\"btn btn-gold\"\n onclick=\"document.getElementById('cockpit').scrollIntoView({behavior:'smooth'})\">\n Entrer dans le cockpit\n <\/button>\n <\/div>\n\n <div class=\"hero-card\">\n\n <h3>Progression apprenant<\/h3>\n\n <div class=\"progress\">\n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n <\/div>\n\n <p><strong id=\"progressText\">0%<\/strong> du parcours<\/p>\n\n <p>Score : <strong id=\"globalScore\">0<\/strong><\/p>\n\n <p>Grade : <strong id=\"grade\">Agent Junior<\/strong><\/p>\n\n <\/div>\n\n<\/div>\n<\/header>\n\n\n<section>\n<div class=\"wrap\">\n\n<div class=\"section-title\">\n <span>Situation op\u00e9rationnelle<\/span>\n <h2>\u00c9tat du service bagages<\/h2>\n<\/div>\n\n<div class=\"grid\">\n\n <div class=\"card kpi\">\n <strong>47<\/strong>\n Dossiers ouverts\n <\/div>\n\n <div class=\"card kpi\">\n <strong>12<\/strong>\n Bagages localis\u00e9s\n <\/div>\n\n <div class=\"card kpi\">\n <strong>8<\/strong>\n Livraisons en cours\n <\/div>\n\n <div class=\"card kpi\">\n <strong>4<\/strong>\n Dossiers critiques\n <\/div>\n\n <div class=\"card kpi\">\n <strong>3<\/strong>\n Anomalies\n <\/div>\n\n<\/div>\n\n<\/div>\n<\/section>\n\n\n<section id=\"cockpit\" class=\"dark\">\n\n<div class=\"wrap\">\n\n<div class=\"section-title\">\n <span>Control Center<\/span>\n <h2>Quel dossier traitez-vous en priorit\u00e9 ?<\/h2>\n<\/div>\n\n<div class=\"control-panel\">\n\n<div class=\"case-list\">\n\n <div class=\"case critical\" onclick=\"selectPriority(1)\">\n <h3>Dossier BG-1048<\/h3>\n <p>Fauteuil roulant \u00e9lectrique manquant apr\u00e8s correspondance.<\/p>\n <div class=\"case-meta\">\n <span class=\"tag\">PMR<\/span>\n <span class=\"tag\">Urgent<\/span>\n <span class=\"tag\">20 min<\/span>\n <\/div>\n <\/div>\n\n <div class=\"case warning\" onclick=\"selectPriority(2)\">\n <h3>Dossier BG-1072<\/h3>\n <p>Client VIP : valise non arriv\u00e9e, rendez-vous officiel dans 2 heures.<\/p>\n <div class=\"case-meta\">\n <span class=\"tag\">VIP<\/span>\n <span class=\"tag\">Sensible<\/span>\n <\/div>\n <\/div>\n\n <div class=\"case\" onclick=\"selectPriority(3)\">\n <h3>Dossier BG-1084<\/h3>\n <p>Bagage retrouv\u00e9 dans une escale pr\u00e9c\u00e9dente.<\/p>\n <div class=\"case-meta\">\n <span class=\"tag\">Localis\u00e9<\/span>\n <span class=\"tag\">R\u00e9acheminement<\/span>\n <\/div>\n <\/div>\n\n <div class=\"case good\" onclick=\"selectPriority(4)\">\n <h3>Dossier BG-1091<\/h3>\n <p>Livraison pr\u00e9vue au domicile du passager.<\/p>\n <div class=\"case-meta\">\n <span class=\"tag\">Livraison<\/span>\n <span class=\"tag\">Contr\u00f4l\u00e9<\/span>\n <\/div>\n <\/div>\n\n<\/div>\n\n<div class=\"side-panel\">\n\n <h3>Votre d\u00e9cision<\/h3>\n\n <p id=\"priorityResult\">\n S\u00e9lectionnez le dossier que vous traiteriez en premier.\n <\/p>\n\n <div id=\"priorityLesson\"><\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n<\/section>\n\n\n<section>\n\n<div class=\"wrap\">\n\n<div class=\"section-title\">\n <span>Simulation relation client<\/span>\n <h2>Client difficile dynamique<\/h2>\n<\/div>\n\n<div class=\"scenario-box\">\n\n <div class=\"mood\">\n Niveau de tension du passager\n <\/div>\n\n <div class=\"mood-bar\">\n <div class=\"mood-fill\" id=\"moodFill\"><\/div>\n <\/div>\n\n <div class=\"passenger\" id=\"passengerSpeech\">\n \u00ab Cela fait une heure que j’attends. Personne ne sait me dire o\u00f9 est ma valise ! \u00bb\n <\/div>\n\n <h3>Que r\u00e9pondez-vous ?<\/h3>\n\n <button class=\"answer\" onclick=\"clientAnswer(0)\">\n Ne vous inqui\u00e9tez pas, votre valise arrivera s\u00fbrement ce soir.\n <\/button>\n\n <button class=\"answer\" onclick=\"clientAnswer(1)\">\n Je comprends votre m\u00e9contentement. Je vais v\u00e9rifier imm\u00e9diatement votre dossier et vous donner uniquement les informations confirm\u00e9es.\n <\/button>\n\n <button class=\"answer\" onclick=\"clientAnswer(2)\">\n Ce probl\u00e8me ne d\u00e9pend pas de nous, il faut attendre.\n <\/button>\n\n <button class=\"answer\" onclick=\"clientAnswer(3)\">\n Calmez-vous, sinon je ne pourrai pas vous aider.\n <\/button>\n\n <div id=\"clientFeedback\" class=\"feedback\"><\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<section>\n\n<div class=\"wrap\">\n\n<div class=\"section-title\">\n <span>Situation complexe<\/span>\n <h2>Gestion d’incident massif<\/h2>\n<\/div>\n\n<div class=\"scenario-box\">\n\n<h3>Contexte<\/h3>\n\n<p>\nUn vol vient d’arriver apr\u00e8s une forte perturbation op\u00e9rationnelle.\n32 passagers signalent l’absence de bagages.\nDeux agents seulement sont actuellement disponibles.\n<\/p>\n\n<h3>Quelle est votre premi\u00e8re d\u00e9cision de superviseur ?<\/h3>\n\n<button class=\"answer\" onclick=\"crisisAnswer(0)\">\nTraiter les passagers uniquement dans l’ordre d’arriv\u00e9e sans modifier l’organisation.\n<\/button>\n\n<button class=\"answer\" onclick=\"crisisAnswer(1)\">\nCr\u00e9er un point de tri, r\u00e9partir les r\u00f4les, identifier les cas sensibles et centraliser l’information.\n<\/button>\n\n<button class=\"answer\" onclick=\"crisisAnswer(2)\">\nDemander \u00e0 tous les passagers de revenir le lendemain.\n<\/button>\n\n<button class=\"answer\" onclick=\"crisisAnswer(3)\">\nPromettre une livraison avant minuit.\n<\/button>\n\n<div id=\"crisisFeedback\" class=\"feedback\"><\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<section class=\"dark\">\n\n<div class=\"wrap\">\n\n<div class=\"section-title\">\n <span>Passeport professionnel<\/span>\n <h2>Les 5 grades<\/h2>\n<\/div>\n\n<div class=\"grid\">\n\n <div class=\"rank\">\n <div class=\"rank-icon\">\ud83c\udf93<\/div>\n <h3>Agent Junior<\/h3>\n <p>0 \u00e0 199 points<\/p>\n <\/div>\n\n <div class=\"rank\">\n <div class=\"rank-icon\">\ud83e\uddf3<\/div>\n <h3>Agent Bagages<\/h3>\n <p>200 \u00e0 399 points<\/p>\n <\/div>\n\n <div class=\"rank\">\n <div class=\"rank-icon\">\ud83d\udd0e<\/div>\n <h3>Agent Confirm\u00e9<\/h3>\n <p>400 \u00e0 599 points<\/p>\n <\/div>\n\n <div class=\"rank\">\n <div class=\"rank-icon\">\u2b50<\/div>\n <h3>Expert Litiges Bagages<\/h3>\n <p>600 \u00e0 799 points<\/p>\n <\/div>\n\n <div class=\"rank\">\n <div class=\"rank-icon\">\ud83c\udfc6<\/div>\n <h3>Superviseur<\/h3>\n <p>800 points et plus<\/p>\n <\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<section>\n\n<div class=\"wrap\">\n\n<div class=\"section-title\">\n <span>M\u00e9thode p\u00e9dagogique<\/span>\n <h2>Chaque erreur devient une mini-le\u00e7on<\/h2>\n<\/div>\n\n<div class=\"grid\">\n\n<div class=\"card\">\n<h3>Pourquoi ?<\/h3>\n<p>Pourquoi cette d\u00e9cision \u00e9tait-elle risqu\u00e9e ?<\/p>\n<\/div>\n\n<div class=\"card\">\n<h3>Information manquante<\/h3>\n<p>Qu’auriez-vous d\u00fb v\u00e9rifier avant d’agir ?<\/p>\n<\/div>\n\n<div class=\"card\">\n<h3>Bonne formulation<\/h3>\n<p>Quelle r\u00e9ponse professionnelle pouvait \u00eatre donn\u00e9e au client ?<\/p>\n<\/div>\n\n<div class=\"card\">\n<h3>Escalade<\/h3>\n<p>Le dossier n\u00e9cessitait-il l’intervention d’un superviseur ?<\/p>\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<section>\n\n<div class=\"wrap\">\n\n<div class=\"section-title\">\n <span>Parcours m\u00e9tier<\/span>\n <h2>Cycle complet d’une r\u00e9clamation<\/h2>\n<\/div>\n\n<div class=\"timeline\">\n\n <div class=\"timeline-item\">\n <h3>1. Accueil<\/h3>\n <p>\u00c9couter le passager et identifier l’urgence r\u00e9elle.<\/p>\n <\/div>\n\n <div class=\"timeline-item\">\n <h3>2. Qualification<\/h3>\n <p>Retard, perte pr\u00e9sum\u00e9e, dommage, spoliation ou anomalie.<\/p>\n <\/div>\n\n <div class=\"timeline-item\">\n <h3>3. V\u00e9rification<\/h3>\n <p>Contr\u00f4ler itin\u00e9raire, vol, \u00e9tiquette et informations disponibles.<\/p>\n <\/div>\n\n <div class=\"timeline-item\">\n <h3>4. Enregistrement<\/h3>\n <p>Cr\u00e9er un dossier complet et exploitable.<\/p>\n <\/div>\n\n <div class=\"timeline-item\">\n <h3>5. Recherche<\/h3>\n <p>Identifier le point de rupture possible et exploiter les traces disponibles.<\/p>\n <\/div>\n\n <div class=\"timeline-item\">\n <h3>6. Information client<\/h3>\n <p>Donner uniquement des informations fiables.<\/p>\n <\/div>\n\n <div class=\"timeline-item\">\n <h3>7. R\u00e9acheminement<\/h3>\n <p>Organiser la restitution lorsque le bagage est retrouv\u00e9.<\/p>\n <\/div>\n\n <div class=\"timeline-item\">\n <h3>8. Cl\u00f4ture<\/h3>\n <p>V\u00e9rifier que le dossier est effectivement termin\u00e9 et trac\u00e9.<\/p>\n <\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<footer>\n <h2>MAROC ZAIN ACADEMY<\/h2>\n <p><strong>Baggage Control Center<\/strong><\/p>\n <p>Apprendre \u2022 Simuler \u2022 D\u00e9cider \u2022 Superviser<\/p>\n<\/footer>\n\n\n<script>\n\nlet score = 0;\nlet completed = 0;\nlet mood = 25;\n\n\nfunction addScore(points){\n\n score += points;\n completed++;\n\n document.getElementById(\"globalScore\").textContent = score;\n\n let grade = \"Agent Junior\";\n\n if(score >= 200) grade = \"Agent Bagages\";\n if(score >= 400) grade = \"Agent Confirm\u00e9\";\n if(score >= 600) grade = \"Expert Litiges Bagages\";\n if(score >= 800) grade = \"Superviseur\";\n\n document.getElementById(\"grade\").textContent = grade;\n\n let progress = Math.min(100, completed * 15);\n\n document.getElementById(\"progressBar\").style.width = progress + \"%\";\n document.getElementById(\"progressText\").textContent = progress + \"%\";\n}\n\n\nfunction selectPriority(choice){\n\n const result = document.getElementById(\"priorityResult\");\n const lesson = document.getElementById(\"priorityLesson\");\n\n if(choice === 1){\n\n result.innerHTML =\n \"<strong>Excellente d\u00e9cision.<\/strong><br>Le dossier impliquant l'\u00e9quipement de mobilit\u00e9 doit \u00eatre trait\u00e9 en priorit\u00e9.\";\n\n lesson.innerHTML =\n '<div class=\"lesson\"><strong>Mini-le\u00e7on :<\/strong><br>La priorit\u00e9 ne d\u00e9pend pas uniquement du statut commercial du client. Il faut d\u2019abord \u00e9valuer la vuln\u00e9rabilit\u00e9, l\u2019autonomie du passager, l\u2019urgence op\u00e9rationnelle et l\u2019impact humain.<\/div>';\n\n addScore(150);\n\n } else {\n\n result.innerHTML =\n \"<strong>D\u00e9cision \u00e0 revoir.<\/strong><br>Un autre dossier pr\u00e9sente un niveau d'urgence sup\u00e9rieur.\";\n\n lesson.innerHTML =\n '<div class=\"lesson\"><strong>R\u00e9flexe superviseur :<\/strong><br>Comparer urgence, vuln\u00e9rabilit\u00e9, autonomie du passager et cons\u00e9quences op\u00e9rationnelles avant de prioriser.<\/div>';\n\n addScore(20);\n }\n}\n\n\nfunction setMood(value){\n\n mood = Math.max(0,Math.min(100,value));\n\n const fill = document.getElementById(\"moodFill\");\n\n fill.style.width = mood + \"%\";\n\n if(mood < 35){\n fill.style.background = \"#15945f\";\n }\n else if(mood < 70){\n fill.style.background = \"#ed8b27\";\n }\n else{\n fill.style.background = \"#c83a34\";\n }\n}\n\n\nfunction clientAnswer(choice){\n\n const feedback = document.getElementById(\"clientFeedback\");\n const speech = document.getElementById(\"passengerSpeech\");\n\n if(choice === 1){\n\n setMood(mood - 20);\n\n feedback.className = \"feedback good\";\n\n feedback.innerHTML =\n \"<strong>Bonne r\u00e9ponse.<\/strong><br>\"+\n \"Vous reconnaissez l'\u00e9motion du client sans faire de promesse. \"+\n \"Vous reprenez ensuite le contr\u00f4le avec une action pr\u00e9cise.\";\n\n speech.innerHTML =\n \"\u00ab Tr\u00e8s bien. Je souhaite simplement savoir ce que vous pouvez v\u00e9rifier pour moi. \u00bb\";\n\n addScore(120);\n\n }else if(choice === 0){\n\n setMood(mood + 20);\n\n feedback.className = \"feedback bad\";\n\n feedback.innerHTML =\n \"<strong>Attention.<\/strong><br>\"+\n \"Vous venez de transformer une hypoth\u00e8se en promesse. \"+\n \"Si la valise n'arrive pas ce soir, la frustration augmentera.\";\n\n speech.innerHTML =\n \"\u00ab Vous me garantissez donc qu'elle sera l\u00e0 ce soir ? \u00bb\";\n\n addScore(10);\n\n }else if(choice === 2){\n\n setMood(mood + 30);\n\n feedback.className = \"feedback bad\";\n\n feedback.innerHTML =\n \"<strong>Mauvaise approche.<\/strong><br>\"+\n \"Rejeter la responsabilit\u00e9 d\u00e9t\u00e9riore la relation client et ne fait pas avancer le dossier.\";\n\n speech.innerHTML =\n \"\u00ab Donc personne ne veut prendre en charge mon probl\u00e8me ? \u00bb\";\n\n addScore(0);\n\n }else{\n\n setMood(mood + 35);\n\n feedback.className = \"feedback bad\";\n\n feedback.innerHTML =\n \"<strong>R\u00e9ponse conflictuelle.<\/strong><br>\"+\n \"Le ton risque d'augmenter davantage la tension.\";\n\n speech.innerHTML =\n \"\u00ab Je suis parfaitement calme, c'est votre service qui ne me donne aucune r\u00e9ponse ! \u00bb\";\n\n addScore(0);\n }\n}\n\n\nfunction crisisAnswer(choice){\n\n const feedback = document.getElementById(\"crisisFeedback\");\n\n if(choice === 1){\n\n feedback.className = \"feedback good\";\n\n feedback.innerHTML =\n \"<strong>Bonne d\u00e9cision de superviseur.<\/strong><br>\"+\n \"Vous organisez d'abord le flux, r\u00e9partissez les r\u00f4les, identifiez les cas sensibles et \u00e9vitez la r\u00e9p\u00e9tition d'informations contradictoires.\";\n\n addScore(180);\n\n }else{\n\n feedback.className = \"feedback bad\";\n\n feedback.innerHTML =\n \"<strong>D\u00e9cision insuffisante.<\/strong><br>\"+\n \"En situation massive, le superviseur doit imm\u00e9diatement structurer l'organisation. \"+\n \"L'objectif est de prot\u00e9ger \u00e0 la fois la qualit\u00e9 des dossiers et la fluidit\u00e9 du traitement.\";\n\n addScore(10);\n }\n}\n\n<\/script>\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Baggage Control Center | Maroc Zain Academy MAROC ZAIN ACADEMY \u2022 BAGGAGE SERVICE Baggage Control Center R\u00e9clamations \u2022 Recherche \u2022 D\u00e9cision \u2022 Supervision Entrez dans une simulation compl\u00e8te de gestion des litiges bagages. Analysez les dossiers, g\u00e9rez les passagers, prenez des d\u00e9cisions et progressez jusqu’au niveau Superviseur. Entrer dans le cockpit Progression apprenant 0% du […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2998","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages\/2998","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/comments?post=2998"}],"version-history":[{"count":2,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages\/2998\/revisions"}],"predecessor-version":[{"id":3099,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages\/2998\/revisions\/3099"}],"wp:attachment":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/media?parent=2998"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2998,"date":"2026-08-21T16:27:52","date_gmt":"2026-08-21T16:27:52","guid":{"rendered":"https:\/\/maroczain.com\/?page_id=2998"},"modified":"2026-08-21T17:36:18","modified_gmt":"2026-08-21T17:36:18","slug":"bagage-control-center-2","status":"publish","type":"page","link":"https:\/\/maroczain.com\/en\/bagage-control-center-2\/","title":{"rendered":"Bagage control center"},"content":{"rendered":"\n\n\n\n\n\nBaggage Control Center | Maroc Zain Academy<\/title>\n\n<style>\n:root{\n --navy:#04233f;\n --blue:#0d67b5;\n --gold:#d7b24d;\n --green:#15945f;\n --red:#c83a34;\n --orange:#ed8b27;\n --light:#f4f7fb;\n --white:#fff;\n --text:#182333;\n --grey:#687386;\n --shadow:0 16px 40px rgba(8,42,75,.12);\n}\n\n*{\n box-sizing:border-box;\n}\n\nbody{\n margin:0;\n font-family:Arial,Helvetica,sans-serif;\n background:var(--light);\n color:var(--text);\n line-height:1.6;\n}\n\nheader{\n min-height:600px;\n display:flex;\n align-items:center;\n color:white;\n background:\n linear-gradient(135deg,rgba(4,35,63,.97),rgba(13,103,181,.90));\n position:relative;\n overflow:hidden;\n}\n\nheader:after{\n content:\"\";\n position:absolute;\n width:500px;\n height:500px;\n border-radius:50%;\n background:rgba(255,255,255,.05);\n right:-180px;\n top:-150px;\n}\n\n.wrap{\n width:min(1250px,92%);\n margin:auto;\n}\n\n.hero-grid{\n display:grid;\n grid-template-columns:1.2fr .8fr;\n gap:35px;\n align-items:center;\n position:relative;\n z-index:2;\n}\n\n.badge{\n display:inline-block;\n background:var(--gold);\n color:#182333;\n padding:8px 16px;\n border-radius:30px;\n font-weight:bold;\n}\n\nh1{\n font-size:58px;\n line-height:1.05;\n margin:18px 0;\n}\n\nh2{\n color:var(--navy);\n}\n\n.hero-card{\n background:rgba(255,255,255,.10);\n border:1px solid rgba(255,255,255,.15);\n border-radius:22px;\n padding:28px;\n}\n\nsection{\n padding:65px 0;\n}\n\n.section-title{\n text-align:center;\n max-width:850px;\n margin:0 auto 40px;\n}\n\n.section-title span{\n color:var(--blue);\n text-transform:uppercase;\n font-weight:bold;\n letter-spacing:1.5px;\n font-size:13px;\n}\n\n.section-title h2{\n font-size:38px;\n margin:8px 0;\n}\n\n.grid{\n display:grid;\n grid-template-columns:repeat(auto-fit,minmax(240px,1fr));\n gap:22px;\n}\n\n.card{\n background:white;\n border-radius:18px;\n padding:24px;\n box-shadow:var(--shadow);\n}\n\n.kpi{\n text-align:center;\n}\n\n.kpi strong{\n display:block;\n font-size:38px;\n color:var(--blue);\n}\n\n.btn{\n border:0;\n padding:14px 22px;\n border-radius:10px;\n cursor:pointer;\n font-weight:bold;\n}\n\n.btn-gold{background:var(--gold);color:var(--navy)}\n.btn-blue{background:var(--blue);color:white}\n.btn-green{background:var(--green);color:white}\n.btn-red{background:var(--red);color:white}\n\n.dark{\n background:var(--navy);\n color:white;\n}\n\n.dark .section-title h2,\n.dark .section-title span{\n color:white;\n}\n\n.control-panel{\n display:grid;\n grid-template-columns:2fr 1fr;\n gap:25px;\n}\n\n.case-list{\n display:grid;\n gap:15px;\n}\n\n.case{\n background:white;\n color:var(--text);\n border-radius:14px;\n padding:18px;\n border-left:6px solid var(--blue);\n cursor:pointer;\n transition:.25s;\n}\n\n.case:hover{\n transform:translateY(-3px);\n}\n\n.case.critical{\n border-left-color:var(--red);\n}\n\n.case.warning{\n border-left-color:var(--orange);\n}\n\n.case.good{\n border-left-color:var(--green);\n}\n\n.case h3{\n margin:0 0 8px;\n color:var(--navy);\n}\n\n.case-meta{\n display:flex;\n gap:8px;\n flex-wrap:wrap;\n}\n\n.tag{\n display:inline-block;\n padding:5px 10px;\n border-radius:20px;\n background:#e9f2fb;\n color:var(--blue);\n font-size:12px;\n font-weight:bold;\n}\n\n.side-panel{\n background:white;\n color:var(--text);\n padding:22px;\n border-radius:18px;\n box-shadow:var(--shadow);\n height:max-content;\n}\n\n.progress{\n width:100%;\n height:18px;\n background:#dfe5ec;\n border-radius:20px;\n overflow:hidden;\n}\n\n.progress-bar{\n height:100%;\n width:0%;\n background:linear-gradient(90deg,var(--blue),var(--gold));\n transition:.4s;\n}\n\n.scenario-box{\n background:white;\n border-radius:20px;\n padding:30px;\n box-shadow:var(--shadow);\n}\n\n.passenger{\n background:#eef6ff;\n border-left:5px solid var(--blue);\n padding:18px;\n border-radius:12px;\n margin:18px 0;\n}\n\n.mood{\n font-weight:bold;\n margin:10px 0;\n}\n\n.mood-bar{\n height:14px;\n background:#e1e6eb;\n border-radius:20px;\n overflow:hidden;\n}\n\n.mood-fill{\n height:100%;\n width:25%;\n background:var(--green);\n transition:.4s;\n}\n\n.answer{\n display:block;\n width:100%;\n margin:10px 0;\n padding:14px;\n text-align:left;\n border-radius:10px;\n border:1px solid #d8e0e8;\n background:white;\n cursor:pointer;\n}\n\n.answer:hover{\n background:#f1f7fd;\n}\n\n.feedback{\n display:none;\n margin-top:18px;\n padding:16px;\n border-radius:12px;\n}\n\n.feedback.good{\n display:block;\n background:#e8f8f0;\n color:#12583c;\n}\n\n.feedback.bad{\n display:block;\n background:#fff0ef;\n color:#8e2d27;\n}\n\n.lesson{\n background:#fff9e9;\n border-left:5px solid var(--gold);\n padding:16px;\n border-radius:10px;\n margin-top:15px;\n}\n\n.rank{\n text-align:center;\n padding:25px;\n background:white;\n border-radius:18px;\n box-shadow:var(--shadow);\n}\n\n.rank-icon{\n font-size:42px;\n}\n\n.timeline{\n border-left:4px solid var(--blue);\n padding-left:25px;\n}\n\n.timeline-item{\n margin:22px 0;\n}\n\nfooter{\n background:#02182c;\n color:#d8e2ec;\n text-align:center;\n padding:40px;\n}\n\n@media(max-width:850px){\n .hero-grid,\n .control-panel{\n grid-template-columns:1fr;\n }\n\n h1{\n font-size:40px;\n }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<header>\n<div class=\"wrap hero-grid\">\n\n <div>\n <span class=\"badge\">MAROC ZAIN ACADEMY \u2022 BAGGAGE SERVICE<\/span>\n\n <h1>Baggage Control Center<\/h1>\n\n <h3>R\u00e9clamations \u2022 Recherche \u2022 D\u00e9cision \u2022 Supervision<\/h3>\n\n <p>\n Entrez dans une simulation compl\u00e8te de gestion des litiges bagages.\n Analysez les dossiers, g\u00e9rez les passagers, prenez des d\u00e9cisions et\n progressez jusqu’au niveau Superviseur.\n <\/p>\n\n <button class=\"btn btn-gold\"\n onclick=\"document.getElementById('cockpit').scrollIntoView({behavior:'smooth'})\">\n Entrer dans le cockpit\n <\/button>\n <\/div>\n\n <div class=\"hero-card\">\n\n <h3>Progression apprenant<\/h3>\n\n <div class=\"progress\">\n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n <\/div>\n\n <p><strong id=\"progressText\">0%<\/strong> du parcours<\/p>\n\n <p>Score : <strong id=\"globalScore\">0<\/strong><\/p>\n\n <p>Grade : <strong id=\"grade\">Agent Junior<\/strong><\/p>\n\n <\/div>\n\n<\/div>\n<\/header>\n\n\n<section>\n<div class=\"wrap\">\n\n<div class=\"section-title\">\n <span>Situation op\u00e9rationnelle<\/span>\n <h2>\u00c9tat du service bagages<\/h2>\n<\/div>\n\n<div class=\"grid\">\n\n <div class=\"card kpi\">\n <strong>47<\/strong>\n Dossiers ouverts\n <\/div>\n\n <div class=\"card kpi\">\n <strong>12<\/strong>\n Bagages localis\u00e9s\n <\/div>\n\n <div class=\"card kpi\">\n <strong>8<\/strong>\n Livraisons en cours\n <\/div>\n\n <div class=\"card kpi\">\n <strong>4<\/strong>\n Dossiers critiques\n <\/div>\n\n <div class=\"card kpi\">\n <strong>3<\/strong>\n Anomalies\n <\/div>\n\n<\/div>\n\n<\/div>\n<\/section>\n\n\n<section id=\"cockpit\" class=\"dark\">\n\n<div class=\"wrap\">\n\n<div class=\"section-title\">\n <span>Control Center<\/span>\n <h2>Quel dossier traitez-vous en priorit\u00e9 ?<\/h2>\n<\/div>\n\n<div class=\"control-panel\">\n\n<div class=\"case-list\">\n\n <div class=\"case critical\" onclick=\"selectPriority(1)\">\n <h3>Dossier BG-1048<\/h3>\n <p>Fauteuil roulant \u00e9lectrique manquant apr\u00e8s correspondance.<\/p>\n <div class=\"case-meta\">\n <span class=\"tag\">PMR<\/span>\n <span class=\"tag\">Urgent<\/span>\n <span class=\"tag\">20 min<\/span>\n <\/div>\n <\/div>\n\n <div class=\"case warning\" onclick=\"selectPriority(2)\">\n <h3>Dossier BG-1072<\/h3>\n <p>Client VIP : valise non arriv\u00e9e, rendez-vous officiel dans 2 heures.<\/p>\n <div class=\"case-meta\">\n <span class=\"tag\">VIP<\/span>\n <span class=\"tag\">Sensible<\/span>\n <\/div>\n <\/div>\n\n <div class=\"case\" onclick=\"selectPriority(3)\">\n <h3>Dossier BG-1084<\/h3>\n <p>Bagage retrouv\u00e9 dans une escale pr\u00e9c\u00e9dente.<\/p>\n <div class=\"case-meta\">\n <span class=\"tag\">Localis\u00e9<\/span>\n <span class=\"tag\">R\u00e9acheminement<\/span>\n <\/div>\n <\/div>\n\n <div class=\"case good\" onclick=\"selectPriority(4)\">\n <h3>Dossier BG-1091<\/h3>\n <p>Livraison pr\u00e9vue au domicile du passager.<\/p>\n <div class=\"case-meta\">\n <span class=\"tag\">Livraison<\/span>\n <span class=\"tag\">Contr\u00f4l\u00e9<\/span>\n <\/div>\n <\/div>\n\n<\/div>\n\n<div class=\"side-panel\">\n\n <h3>Votre d\u00e9cision<\/h3>\n\n <p id=\"priorityResult\">\n S\u00e9lectionnez le dossier que vous traiteriez en premier.\n <\/p>\n\n <div id=\"priorityLesson\"><\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n<\/section>\n\n\n<section>\n\n<div class=\"wrap\">\n\n<div class=\"section-title\">\n <span>Simulation relation client<\/span>\n <h2>Client difficile dynamique<\/h2>\n<\/div>\n\n<div class=\"scenario-box\">\n\n <div class=\"mood\">\n Niveau de tension du passager\n <\/div>\n\n <div class=\"mood-bar\">\n <div class=\"mood-fill\" id=\"moodFill\"><\/div>\n <\/div>\n\n <div class=\"passenger\" id=\"passengerSpeech\">\n \u00ab Cela fait une heure que j’attends. Personne ne sait me dire o\u00f9 est ma valise ! \u00bb\n <\/div>\n\n <h3>Que r\u00e9pondez-vous ?<\/h3>\n\n <button class=\"answer\" onclick=\"clientAnswer(0)\">\n Ne vous inqui\u00e9tez pas, votre valise arrivera s\u00fbrement ce soir.\n <\/button>\n\n <button class=\"answer\" onclick=\"clientAnswer(1)\">\n Je comprends votre m\u00e9contentement. Je vais v\u00e9rifier imm\u00e9diatement votre dossier et vous donner uniquement les informations confirm\u00e9es.\n <\/button>\n\n <button class=\"answer\" onclick=\"clientAnswer(2)\">\n Ce probl\u00e8me ne d\u00e9pend pas de nous, il faut attendre.\n <\/button>\n\n <button class=\"answer\" onclick=\"clientAnswer(3)\">\n Calmez-vous, sinon je ne pourrai pas vous aider.\n <\/button>\n\n <div id=\"clientFeedback\" class=\"feedback\"><\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<section>\n\n<div class=\"wrap\">\n\n<div class=\"section-title\">\n <span>Situation complexe<\/span>\n <h2>Gestion d’incident massif<\/h2>\n<\/div>\n\n<div class=\"scenario-box\">\n\n<h3>Contexte<\/h3>\n\n<p>\nUn vol vient d’arriver apr\u00e8s une forte perturbation op\u00e9rationnelle.\n32 passagers signalent l’absence de bagages.\nDeux agents seulement sont actuellement disponibles.\n<\/p>\n\n<h3>Quelle est votre premi\u00e8re d\u00e9cision de superviseur ?<\/h3>\n\n<button class=\"answer\" onclick=\"crisisAnswer(0)\">\nTraiter les passagers uniquement dans l’ordre d’arriv\u00e9e sans modifier l’organisation.\n<\/button>\n\n<button class=\"answer\" onclick=\"crisisAnswer(1)\">\nCr\u00e9er un point de tri, r\u00e9partir les r\u00f4les, identifier les cas sensibles et centraliser l’information.\n<\/button>\n\n<button class=\"answer\" onclick=\"crisisAnswer(2)\">\nDemander \u00e0 tous les passagers de revenir le lendemain.\n<\/button>\n\n<button class=\"answer\" onclick=\"crisisAnswer(3)\">\nPromettre une livraison avant minuit.\n<\/button>\n\n<div id=\"crisisFeedback\" class=\"feedback\"><\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<section class=\"dark\">\n\n<div class=\"wrap\">\n\n<div class=\"section-title\">\n <span>Passeport professionnel<\/span>\n <h2>Les 5 grades<\/h2>\n<\/div>\n\n<div class=\"grid\">\n\n <div class=\"rank\">\n <div class=\"rank-icon\">\ud83c\udf93<\/div>\n <h3>Agent Junior<\/h3>\n <p>0 \u00e0 199 points<\/p>\n <\/div>\n\n <div class=\"rank\">\n <div class=\"rank-icon\">\ud83e\uddf3<\/div>\n <h3>Agent Bagages<\/h3>\n <p>200 \u00e0 399 points<\/p>\n <\/div>\n\n <div class=\"rank\">\n <div class=\"rank-icon\">\ud83d\udd0e<\/div>\n <h3>Agent Confirm\u00e9<\/h3>\n <p>400 \u00e0 599 points<\/p>\n <\/div>\n\n <div class=\"rank\">\n <div class=\"rank-icon\">\u2b50<\/div>\n <h3>Expert Litiges Bagages<\/h3>\n <p>600 \u00e0 799 points<\/p>\n <\/div>\n\n <div class=\"rank\">\n <div class=\"rank-icon\">\ud83c\udfc6<\/div>\n <h3>Superviseur<\/h3>\n <p>800 points et plus<\/p>\n <\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<section>\n\n<div class=\"wrap\">\n\n<div class=\"section-title\">\n <span>M\u00e9thode p\u00e9dagogique<\/span>\n <h2>Chaque erreur devient une mini-le\u00e7on<\/h2>\n<\/div>\n\n<div class=\"grid\">\n\n<div class=\"card\">\n<h3>Pourquoi ?<\/h3>\n<p>Pourquoi cette d\u00e9cision \u00e9tait-elle risqu\u00e9e ?<\/p>\n<\/div>\n\n<div class=\"card\">\n<h3>Information manquante<\/h3>\n<p>Qu’auriez-vous d\u00fb v\u00e9rifier avant d’agir ?<\/p>\n<\/div>\n\n<div class=\"card\">\n<h3>Bonne formulation<\/h3>\n<p>Quelle r\u00e9ponse professionnelle pouvait \u00eatre donn\u00e9e au client ?<\/p>\n<\/div>\n\n<div class=\"card\">\n<h3>Escalade<\/h3>\n<p>Le dossier n\u00e9cessitait-il l’intervention d’un superviseur ?<\/p>\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<section>\n\n<div class=\"wrap\">\n\n<div class=\"section-title\">\n <span>Parcours m\u00e9tier<\/span>\n <h2>Cycle complet d’une r\u00e9clamation<\/h2>\n<\/div>\n\n<div class=\"timeline\">\n\n <div class=\"timeline-item\">\n <h3>1. Accueil<\/h3>\n <p>\u00c9couter le passager et identifier l’urgence r\u00e9elle.<\/p>\n <\/div>\n\n <div class=\"timeline-item\">\n <h3>2. Qualification<\/h3>\n <p>Retard, perte pr\u00e9sum\u00e9e, dommage, spoliation ou anomalie.<\/p>\n <\/div>\n\n <div class=\"timeline-item\">\n <h3>3. V\u00e9rification<\/h3>\n <p>Contr\u00f4ler itin\u00e9raire, vol, \u00e9tiquette et informations disponibles.<\/p>\n <\/div>\n\n <div class=\"timeline-item\">\n <h3>4. Enregistrement<\/h3>\n <p>Cr\u00e9er un dossier complet et exploitable.<\/p>\n <\/div>\n\n <div class=\"timeline-item\">\n <h3>5. Recherche<\/h3>\n <p>Identifier le point de rupture possible et exploiter les traces disponibles.<\/p>\n <\/div>\n\n <div class=\"timeline-item\">\n <h3>6. Information client<\/h3>\n <p>Donner uniquement des informations fiables.<\/p>\n <\/div>\n\n <div class=\"timeline-item\">\n <h3>7. R\u00e9acheminement<\/h3>\n <p>Organiser la restitution lorsque le bagage est retrouv\u00e9.<\/p>\n <\/div>\n\n <div class=\"timeline-item\">\n <h3>8. Cl\u00f4ture<\/h3>\n <p>V\u00e9rifier que le dossier est effectivement termin\u00e9 et trac\u00e9.<\/p>\n <\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<footer>\n <h2>MAROC ZAIN ACADEMY<\/h2>\n <p><strong>Baggage Control Center<\/strong><\/p>\n <p>Apprendre \u2022 Simuler \u2022 D\u00e9cider \u2022 Superviser<\/p>\n<\/footer>\n\n\n<script>\n\nlet score = 0;\nlet completed = 0;\nlet mood = 25;\n\n\nfunction addScore(points){\n\n score += points;\n completed++;\n\n document.getElementById(\"globalScore\").textContent = score;\n\n let grade = \"Agent Junior\";\n\n if(score >= 200) grade = \"Agent Bagages\";\n if(score >= 400) grade = \"Agent Confirm\u00e9\";\n if(score >= 600) grade = \"Expert Litiges Bagages\";\n if(score >= 800) grade = \"Superviseur\";\n\n document.getElementById(\"grade\").textContent = grade;\n\n let progress = Math.min(100, completed * 15);\n\n document.getElementById(\"progressBar\").style.width = progress + \"%\";\n document.getElementById(\"progressText\").textContent = progress + \"%\";\n}\n\n\nfunction selectPriority(choice){\n\n const result = document.getElementById(\"priorityResult\");\n const lesson = document.getElementById(\"priorityLesson\");\n\n if(choice === 1){\n\n result.innerHTML =\n \"<strong>Excellente d\u00e9cision.<\/strong><br>Le dossier impliquant l'\u00e9quipement de mobilit\u00e9 doit \u00eatre trait\u00e9 en priorit\u00e9.\";\n\n lesson.innerHTML =\n '<div class=\"lesson\"><strong>Mini-le\u00e7on :<\/strong><br>La priorit\u00e9 ne d\u00e9pend pas uniquement du statut commercial du client. Il faut d\u2019abord \u00e9valuer la vuln\u00e9rabilit\u00e9, l\u2019autonomie du passager, l\u2019urgence op\u00e9rationnelle et l\u2019impact humain.<\/div>';\n\n addScore(150);\n\n } else {\n\n result.innerHTML =\n \"<strong>D\u00e9cision \u00e0 revoir.<\/strong><br>Un autre dossier pr\u00e9sente un niveau d'urgence sup\u00e9rieur.\";\n\n lesson.innerHTML =\n '<div class=\"lesson\"><strong>R\u00e9flexe superviseur :<\/strong><br>Comparer urgence, vuln\u00e9rabilit\u00e9, autonomie du passager et cons\u00e9quences op\u00e9rationnelles avant de prioriser.<\/div>';\n\n addScore(20);\n }\n}\n\n\nfunction setMood(value){\n\n mood = Math.max(0,Math.min(100,value));\n\n const fill = document.getElementById(\"moodFill\");\n\n fill.style.width = mood + \"%\";\n\n if(mood < 35){\n fill.style.background = \"#15945f\";\n }\n else if(mood < 70){\n fill.style.background = \"#ed8b27\";\n }\n else{\n fill.style.background = \"#c83a34\";\n }\n}\n\n\nfunction clientAnswer(choice){\n\n const feedback = document.getElementById(\"clientFeedback\");\n const speech = document.getElementById(\"passengerSpeech\");\n\n if(choice === 1){\n\n setMood(mood - 20);\n\n feedback.className = \"feedback good\";\n\n feedback.innerHTML =\n \"<strong>Bonne r\u00e9ponse.<\/strong><br>\"+\n \"Vous reconnaissez l'\u00e9motion du client sans faire de promesse. \"+\n \"Vous reprenez ensuite le contr\u00f4le avec une action pr\u00e9cise.\";\n\n speech.innerHTML =\n \"\u00ab Tr\u00e8s bien. Je souhaite simplement savoir ce que vous pouvez v\u00e9rifier pour moi. \u00bb\";\n\n addScore(120);\n\n }else if(choice === 0){\n\n setMood(mood + 20);\n\n feedback.className = \"feedback bad\";\n\n feedback.innerHTML =\n \"<strong>Attention.<\/strong><br>\"+\n \"Vous venez de transformer une hypoth\u00e8se en promesse. \"+\n \"Si la valise n'arrive pas ce soir, la frustration augmentera.\";\n\n speech.innerHTML =\n \"\u00ab Vous me garantissez donc qu'elle sera l\u00e0 ce soir ? \u00bb\";\n\n addScore(10);\n\n }else if(choice === 2){\n\n setMood(mood + 30);\n\n feedback.className = \"feedback bad\";\n\n feedback.innerHTML =\n \"<strong>Mauvaise approche.<\/strong><br>\"+\n \"Rejeter la responsabilit\u00e9 d\u00e9t\u00e9riore la relation client et ne fait pas avancer le dossier.\";\n\n speech.innerHTML =\n \"\u00ab Donc personne ne veut prendre en charge mon probl\u00e8me ? \u00bb\";\n\n addScore(0);\n\n }else{\n\n setMood(mood + 35);\n\n feedback.className = \"feedback bad\";\n\n feedback.innerHTML =\n \"<strong>R\u00e9ponse conflictuelle.<\/strong><br>\"+\n \"Le ton risque d'augmenter davantage la tension.\";\n\n speech.innerHTML =\n \"\u00ab Je suis parfaitement calme, c'est votre service qui ne me donne aucune r\u00e9ponse ! \u00bb\";\n\n addScore(0);\n }\n}\n\n\nfunction crisisAnswer(choice){\n\n const feedback = document.getElementById(\"crisisFeedback\");\n\n if(choice === 1){\n\n feedback.className = \"feedback good\";\n\n feedback.innerHTML =\n \"<strong>Bonne d\u00e9cision de superviseur.<\/strong><br>\"+\n \"Vous organisez d'abord le flux, r\u00e9partissez les r\u00f4les, identifiez les cas sensibles et \u00e9vitez la r\u00e9p\u00e9tition d'informations contradictoires.\";\n\n addScore(180);\n\n }else{\n\n feedback.className = \"feedback bad\";\n\n feedback.innerHTML =\n \"<strong>D\u00e9cision insuffisante.<\/strong><br>\"+\n \"En situation massive, le superviseur doit imm\u00e9diatement structurer l'organisation. \"+\n \"L'objectif est de prot\u00e9ger \u00e0 la fois la qualit\u00e9 des dossiers et la fluidit\u00e9 du traitement.\";\n\n addScore(10);\n }\n}\n\n<\/script>\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Baggage Control Center | Maroc Zain Academy MAROC ZAIN ACADEMY \u2022 BAGGAGE SERVICE Baggage Control Center R\u00e9clamations \u2022 Recherche \u2022 D\u00e9cision \u2022 Supervision Entrez dans une simulation compl\u00e8te de gestion des litiges bagages. Analysez les dossiers, g\u00e9rez les passagers, prenez des d\u00e9cisions et progressez jusqu’au niveau Superviseur. Entrer dans le cockpit Progression apprenant 0% du […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2998","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages\/2998","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/comments?post=2998"}],"version-history":[{"count":2,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages\/2998\/revisions"}],"predecessor-version":[{"id":3099,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages\/2998\/revisions\/3099"}],"wp:attachment":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/media?parent=2998"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}