app.js

// ============================================================
// BLACKROCK TRADING ACADEMY - app.js
// ============================================================

// --- DATA ---
const STORAGE_KEY = 'bra_data';

function loadData() {
    const d = localStorage.getItem(STORAGE_KEY);
    return d ? JSON.parse(d) : {
        completedLessons: [],
        completedErrors: [],
        trades: [],
        quizScores: [],
        xp: 0,
        level: 1,
        dailyChecklist: {},
        lastVisit: null,
        streak: 0,
        simStats: { capital: 10000, wins: 0, losses: 0, totalPnl: 0 }
    };
}

function saveData(data) {
    localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
}

let appData = loadData();

// --- DAILY TIPS ---
const tips = [
    "Les amateurs cherchent des gains. Les professionnels gerent le risque. Ton seul job c'est de proteger ton capital.",
    "Ne trade JAMAIS par ennui. Si tu n'as pas de setup, tu n'as pas de trade. C'est aussi simple que ca.",
    "Un trade perdant bien execute vaut mieux qu'un trade gagnant pris au hasard. Le processus > le resultat.",
    "Chez BlackRock, personne ne double sa position apres une perte. Si tu fais du revenge trading, tu n'es pas un trader.",
    "Le marche sera la demain. Ton capital peut-etre pas. Preserve-le comme ta vie en depend.",
    "Les meilleures opportunites viennent quand tu es patient. Les pires trades viennent quand tu es presse.",
    "Risk/Reward minimum de 1:2. Si ton setup ne l'offre pas, passe au suivant. Il y en aura d'autres.",
    "Le trader moyen perd parce qu'il trade trop. Le trader elite attend. La patience EST l'edge.",
    "Chaque matin, relis ton journal. Les patterns de tes erreurs sont aussi importants que les patterns du marche.",
    "Un trader sans plan c'est un touriste au casino. Ecris ton plan AVANT d'ouvrir le graphique.",
    "Larry Fink n'a pas construit BlackRock en prenant des risques insenses. Il l'a construit en etant methodique.",
    "Si tu ne peux pas expliquer ton trade en une phrase, tu ne devrais pas etre dedans.",
    "L'ego est le pire ennemi du trader. Le marche a toujours raison. Toi, jamais.",
    "Le drawdown fait partie du jeu. Ce qui compte c'est comment tu le geres, pas qu'il arrive.",
    "Les stops existent pour te sauver la vie. Les deplacer c'est comme enlever ta ceinture de securite.",
];

// --- LESSONS DATA ---
const mindsetLessons = [
    {
        title: "L'ego tue les comptes",
        preview: "Pourquoi les traders les plus intelligents perdent le plus d'argent.",
        content: `<p>Chez BlackRock, on a une regle non ecrite : <strong>le marche a toujours raison.</strong> Toujours. Si ta these est mauvaise, tu coupes. Point.</p>
        <p>Le probleme du trader retail, c'est qu'il s'attache a ses positions. Il a fait une analyse, il a "raison", donc le marche "doit" aller dans son sens. Non.</p>
        <div class="key-point"><strong>Regle BlackRock :</strong> Si le prix invalide ta these, tu sors. Pas de discussion, pas de "peut-etre que ca va revenir". Tu. Sors.</div>
        <ul>
            <li><strong>L'ego te fait moyenner a la baisse</strong> - Tu rajoutes sur une position perdante parce que tu refuses d'avoir tort</li>
            <li><strong>L'ego te fait deplacer ton stop</strong> - "Juste un peu plus loin" finit toujours par un massacre</li>
            <li><strong>L'ego te fait overtrade</strong> - Tu veux "te refaire" apres une perte</li>
        </ul>
        <div class="warning"><strong>Realite :</strong> Les meilleurs traders de BlackRock ont tort 40% du temps. Ce qui les rend profitables, c'est le risk management, pas le taux de reussite.</div>
        <p>Exercice : A partir d'aujourd'hui, note dans ton journal chaque fois que tu deplaces un stop ou que tu moyennes a la baisse. Tu vas etre choque.</p>`
    },
    {
        title: "La patience est ton edge",
        preview: "Pourquoi attendre est la competence la plus rentable en trading.",
        content: `<p>Un sniper ne tire pas 50 balles en esperant toucher. Il attend le tir parfait. <strong>Tu es un sniper, pas un mitrailleur.</strong></p>
        <p>Le trader moyen fait 5-10 trades par jour. Le trader elite fait 2-3 trades par SEMAINE. Et il gagne plus.</p>
        <div class="key-point"><strong>Regle BlackRock :</strong> La qualite des trades > la quantite. Chaque trade que tu ne prends PAS est un trade que tu ne perds pas.</div>
        <ul>
            <li>Attendre un setup A+ plutot que forcer un setup B-</li>
            <li>Si tu n'as rien a trader, c'est normal. Le marche ne te doit pas un setup chaque jour</li>
            <li>Le FOMO est ton pire ennemi. Le train que tu as rate ? Il y en a un autre dans 10 minutes</li>
        </ul>
        <p>Les gestionnaires de fonds chez BlackRock passent 80% de leur temps a analyser et 20% a executer. Le retail fait l'inverse. C'est pour ca qu'il perd.</p>`
    },
    {
        title: "Les emotions sont des donnees",
        preview: "Comment transformer tes emotions en avantage competitif.",
        content: `<p>On ne te demande pas de ne rien ressentir. On te demande de <strong>comprendre ce que tes emotions te disent</strong>.</p>
        <ul>
            <li><strong>FOMO (peur de rater)</strong> = Tu n'as pas de plan. Si tu avais un plan, tu saurais quand entrer</li>
            <li><strong>Excitation extreme</strong> = Danger. Tu es probablement en train de surleverager</li>
            <li><strong>Peur de perdre</strong> = Ta position est trop grosse. Reduis-la</li>
            <li><strong>Envie de revenge</strong> = STOP. Eteins ton ecran. Reviens demain</li>
        </ul>
        <div class="key-point"><strong>Protocole BlackRock :</strong> Avant chaque trade, note ton etat emotionnel dans ton journal. Si tu n'es pas "Calme & Concentre", tu ne trades PAS.</div>
        <div class="warning"><strong>Fait :</strong> 90% des pertes catastrophiques surviennent apres une serie de petites pertes, quand le trader est en mode "revenge". Coupe l'ordinateur apres 2 pertes consecutives.</div>`
    },
    {
        title: "Le plan de trading sacre",
        preview: "Sans plan ecrit, tu n'es qu'un joueur de casino avec un graphique.",
        content: `<p>Chez BlackRock, CHAQUE allocation est documentee. Chaque decision a un rationnel ecrit. Pourquoi ton trading serait different ?</p>
        <p><strong>Ton plan de trading DOIT contenir :</strong></p>
        <ul>
            <li>Tes horaires de trading (et quand tu ne trades PAS)</li>
            <li>Les actifs que tu trades (et ceux que tu evites)</li>
            <li>Tes setups precis avec les conditions d'entree</li>
            <li>Ton risk par trade (JAMAIS plus de 1-2%)</li>
            <li>Tes regles de stop loss (non negociables)</li>
            <li>Tes objectifs de take profit</li>
            <li>Tes regles psychologiques (max pertes par jour, quand arreter)</li>
        </ul>
        <div class="key-point"><strong>Regle d'or :</strong> Si ton trade n'est pas dans ton plan, ce n'est pas un trade. C'est un pari.</div>
        <p>Imprime ton plan. Colle-le a cote de ton ecran. Lis-le chaque matin avant d'ouvrir les charts.</p>`
    },
];

const analyseLessons = [
    {
        title: "Support & Resistance : les vrais niveaux",
        preview: "Comment identifier les niveaux qui comptent et ignorer le bruit.",
        content: `<p>Le retail trace 50 lignes sur son graphique. L'institutionnel en a 3-4. <strong>Moins c'est plus.</strong></p>
        <div class="key-point"><strong>Methode BlackRock :</strong> Un vrai niveau de support/resistance est un prix ou il y a eu un REJET significatif avec du volume. Pas une ligne que tu traces au hasard.</div>
        <ul>
            <li><strong>Niveaux hebdomadaires > niveaux 15 minutes.</strong> Les gros joueurs tradent les timeframes hauts</li>
            <li>Un niveau teste 2-3 fois est fort. Un niveau teste 10 fois va casser</li>
            <li>Les zones comptent plus que les lignes precises. Le marche n'est pas au pip pres</li>
            <li>Les chiffres ronds (1.1000, 50 000$) sont des niveaux psychologiques importants</li>
        </ul>
        <div class="warning"><strong>Erreur classique :</strong> Tracer des supports/resistances sur le 1 minute. C'est du bruit, pas du signal. Commence toujours par le Weekly, puis le Daily, puis le H4.</div>
        <p>Exercice : Ouvre un graphique Daily de l'actif de ton choix. Trace les 3 supports et les 3 resistances les plus evidentes. Si tu en as plus de 6, tu en as trop.</p>`
    },
    {
        title: "Les chandeliers japonais qui comptent",
        preview: "Oublie les 50 patterns. Voici les 5 qui font vraiment de l'argent.",
        content: `<p>Le retail apprend par coeur 50 patterns de chandeliers. L'institutionnel en utilise 5. Les voici :</p>
        <ul>
            <li><strong>Engulfing (avalement)</strong> - Le plus puissant. Une bougie qui "avale" la precedente. Signal fort de retournement</li>
            <li><strong>Pin Bar (marteau/etoile filante)</strong> - Longue meche = rejet du prix. Le marche a dit "non" a ce niveau</li>
            <li><strong>Inside Bar</strong> - Consolidation avant explosion. Attends le breakout pour entrer</li>
            <li><strong>Doji sur niveau cle</strong> - Indecision = potentiel retournement. Mais UNIQUEMENT sur un S/R important</li>
            <li><strong>Three White Soldiers / Three Black Crows</strong> - Momentum pur. Le marche a choisi sa direction</li>
        </ul>
        <div class="key-point"><strong>IMPORTANT :</strong> Un chandelier seul ne veut RIEN dire. Il doit etre lu dans son contexte : Ou est-il ? Sur un support ? Une resistance ? Dans un range ? C'est le CONTEXTE qui donne la valeur.</div>
        <p>Arrete de chercher des patterns partout. Cherche des patterns aux bons ENDROITS.</p>`
    },
    {
        title: "La structure de marche",
        preview: "Higher Highs, Lower Lows - comprendre le langage du prix.",
        content: `<p>Le prix ne bouge pas au hasard. Il fait des <strong>Higher Highs (HH) et Higher Lows (HL)</strong> en tendance haussiere, et <strong>Lower Highs (LH) et Lower Lows (LL)</strong> en tendance baissiere.</p>
        <div class="key-point"><strong>Regle fondamentale :</strong> Trade dans le sens de la tendance. "The trend is your friend" n'est pas un cliche, c'est une loi de survie.</div>
        <ul>
            <li><strong>Break of Structure (BOS)</strong> - Quand le prix casse un HH ou un LL, la tendance continue</li>
            <li><strong>Change of Character (CHoCH)</strong> - Quand le prix casse dans le sens oppose, la tendance change potentiellement</li>
            <li><strong>Range</strong> - Le prix oscille entre support et resistance. Tu achetes le bas, tu vends le haut</li>
        </ul>
        <div class="warning"><strong>Piege classique :</strong> Essayer de deviner le retournement. Ne combats pas la tendance. Attends la CONFIRMATION du changement de structure avant de changer de biais.</div>`
    },
    {
        title: "Volume & Liquidite",
        preview: "L'indicateur que 99% des retail ignorent et que tous les institutionnels regardent.",
        content: `<p>Chez BlackRock, le volume c'est le premier truc qu'on regarde. Pas le RSI. Pas le MACD. Le VOLUME.</p>
        <ul>
            <li><strong>Breakout + Volume = Vrai</strong> - Si le prix casse un niveau avec du volume, c'est de l'argent reel qui pousse</li>
            <li><strong>Breakout sans Volume = Faux</strong> - C'est un piege. Le prix va revenir. Ne te fais pas avoir</li>
            <li><strong>Divergence Volume/Prix</strong> - Le prix monte mais le volume baisse ? La hausse est fatiguee. Prepare-toi a un retournement</li>
        </ul>
        <div class="key-point"><strong>Concept cle : La Liquidite</strong><br>Les gros joueurs (banks, hedge funds) ne peuvent pas acheter comme toi en un clic. Ils ont besoin de liquidite. Ils vont chercher les stop loss des retail (sous les supports, au-dessus des resistances) pour remplir leurs ordres. C'est pour ca que le prix "chasse les stops" avant de partir dans la bonne direction.</div>
        <p>Pense comme un requin, pas comme un poisson. Ou sont les stops ? Ou est la liquidite ? C'est LA que le prix va aller.</p>`
    },
    {
        title: "Les indicateurs : la verite",
        preview: "Pourquoi 90% des indicateurs sont inutiles et lesquels garder.",
        content: `<p>Le retail a 15 indicateurs sur son graphique. L'institutionnel a le prix, le volume, et peut-etre 1-2 moyennes mobiles.</p>
        <div class="warning"><strong>Verite brutale :</strong> Les indicateurs ne predisent RIEN. Ils suivent le prix. Quand ton RSI te dit "survendu", le prix l'a deja dit avant. Tu arrives en retard a la fete.</div>
        <p><strong>Les seuls indicateurs qui valent quelque chose :</strong></p>
        <ul>
            <li><strong>Moyennes mobiles (EMA 20/50/200)</strong> - Pour la tendance generale et les zones dynamiques de support/resistance</li>
            <li><strong>Volume</strong> - Pour confirmer les mouvements</li>
            <li><strong>ATR (Average True Range)</strong> - Pour mesurer la volatilite et placer tes stops</li>
        </ul>
        <p>C'est tout. Tout le reste est du bruit. Si tu ne peux pas lire le prix nu (price action), aucun indicateur ne te sauvera.</p>
        <div class="key-point"><strong>Test BlackRock :</strong> Enleve TOUS tes indicateurs. Trade uniquement avec le prix et le volume pendant 1 semaine. Tu vas etre surpris de mieux voir.</div>`
    },
];

const riskLessons = [
    {
        title: "La Regle du 1%",
        preview: "LA regle qui separe les survivants des cadavres.",
        content: `<p>Chez BlackRock, on ne met JAMAIS plus de quelques pourcents du portefeuille sur une seule position. Toi, tu ne mets jamais plus de <strong>1-2% de ton capital par trade.</strong></p>
        <div class="key-point"><strong>Calcul :</strong><br>Capital : 10 000$<br>Risque par trade (1%) : 100$<br>Si ton stop est a 50 pips, ta taille de position = 100$ / 50 pips = 2$/pip<br><br>C'est mathematique. Pas emotionnel.</div>
        <ul>
            <li>Avec 1% de risque, tu peux perdre <strong>20 trades d'affilee</strong> et garder 80% de ton capital</li>
            <li>Avec 5% de risque, <strong>10 pertes</strong> et tu as perdu la moitie</li>
            <li>Avec 10% de risque, <strong>7 pertes</strong> et tu es fini</li>
        </ul>
        <div class="warning"><strong>La realite des drawdowns :</strong><br>-10% = il faut +11% pour revenir<br>-20% = il faut +25% pour revenir<br>-50% = il faut +100% pour revenir<br>-90% = il faut +900% pour revenir<br><br>Protege ton capital. C'est NON NEGOCIABLE.</div>`
    },
    {
        title: "Risk/Reward : ta boussole",
        preview: "Pourquoi tu peux avoir tort 60% du temps et rester profitable.",
        content: `<p>Le secret des traders profitables n'est PAS d'avoir raison plus souvent. C'est de <strong>gagner plus quand ils gagnent que ce qu'ils perdent quand ils perdent.</strong></p>
        <div class="key-point"><strong>Exemple concret :</strong><br>Win rate : 40% (tu perds 6 trades sur 10)<br>Risk/Reward : 1:3 (tu risques 100$ pour gagner 300$)<br><br>Sur 10 trades :<br>4 gagnants x 300$ = 1 200$<br>6 perdants x 100$ = 600$<br><br>Profit net : +600$ avec seulement 40% de taux de reussite.</div>
        <ul>
            <li><strong>Minimum R:R 1:2</strong> - Ne prends jamais un trade avec un R:R inferieur</li>
            <li><strong>Ideal R:R 1:3</strong> - C'est la ou la magie mathematique opere</li>
            <li>Si tu ne trouves pas un target qui te donne 1:2, le trade ne vaut pas le risque</li>
        </ul>
        <p>Avant CHAQUE trade, calcule ton R:R. Si c'est en dessous de 1:2, passe. C'est non negociable.</p>`
    },
    {
        title: "Le drawdown : survivre pour prosperer",
        preview: "Comment gerer les periodes de pertes sans exploser.",
        content: `<p>Tout trader, meme le meilleur, traverse des drawdowns. Chez BlackRock, on a des protocoles stricts pour les gerer :</p>
        <ul>
            <li><strong>Regle des 3 pertes</strong> - Apres 3 pertes consecutives, tu reduis ta taille de position de 50%</li>
            <li><strong>Regle du 5% journalier</strong> - Si tu perds 5% dans la journee, tu ARRETES. Point</li>
            <li><strong>Regle du 10% mensuel</strong> - -10% dans le mois = tu passes en mode observation pendant 1 semaine</li>
        </ul>
        <div class="key-point"><strong>Protocole de recovery BlackRock :</strong><br>1. Accepte la perte (c'est le cout du business)<br>2. Revois tes trades pour identifier les erreurs<br>3. Reduis ta taille de position<br>4. Reviens aux setups A+ uniquement<br>5. Rebuilde lentement. Pas de trade de revenge</div>
        <div class="warning"><strong>Fait :</strong> Les hedge funds qui survivent ne sont pas ceux qui gagnent le plus. Ce sont ceux qui perdent le MOINS pendant les mauvaises periodes.</div>`
    },
    {
        title: "Correlation & Diversification",
        preview: "Ne mets pas tous tes oeufs dans le meme panier. Litteralement.",
        content: `<p>Si tu es long EUR/USD, long GBP/USD et long AUD/USD en meme temps, tu n'as pas 3 trades. Tu as UN trade contre le dollar x3.</p>
        <div class="key-point"><strong>Regles de correlation :</strong><br>- Ne prends pas plus de 2 trades correles en meme temps<br>- Si tu es long sur un actif, ne sois pas long sur son jumeau<br>- Comprends les correlations : Or/Dollar, SPX/VIX, BTC/Tech stocks</div>
        <ul>
            <li>Ton risque TOTAL ouvert ne devrait jamais depasser 5% de ton capital</li>
            <li>Diversifie tes trades sur differents actifs et timeframes</li>
            <li>Chez BlackRock, on raisonne en risque de portefeuille, pas en risque de trade individuel</li>
        </ul>`
    },
];

const macroLessons = [
    {
        title: "La Fed et les taux d'interet",
        preview: "L'evenement le plus important du calendrier financier mondial.",
        content: `<p>Quand la Fed parle, le monde ecoute. <strong>Les taux d'interet sont le prix de l'argent.</strong> Tout decoule de la.</p>
        <ul>
            <li><strong>Taux montent</strong> = Dollar se renforce, actions baissent (en general), obligations baissent</li>
            <li><strong>Taux baissent</strong> = Dollar s'affaiblit, actions montent, obligations montent</li>
            <li>Les crypto sont ultra-sensibles a la liquidite. Taux bas = bullish crypto</li>
        </ul>
        <div class="key-point"><strong>Ce qui compte :</strong> Ce n'est pas la decision de la Fed qui compte. C'est la SURPRISE par rapport aux attentes. Si le marche attend une hausse de 25bps et la Fed monte de 25bps, le marche ne bouge pas. Si elle monte de 50bps, c'est le chaos.</div>
        <p>Avant chaque decision de la Fed (FOMC), regarde ce que le marche anticipe (CME FedWatch Tool). C'est la difference entre l'attendu et le reel qui cree le mouvement.</p>`
    },
    {
        title: "Inflation & CPI",
        preview: "Le chiffre qui fait bouger tous les marches en 1 seconde.",
        content: `<p>L'inflation, c'est la bete noire des banques centrales. Quand le CPI (Consumer Price Index) sort, tout bouge.</p>
        <div class="key-point"><strong>Impact CPI :</strong><br>CPI plus haut que prevu = La Fed va monter les taux = Dollar up, Actions down<br>CPI plus bas que prevu = La Fed va baisser les taux = Dollar down, Actions up</div>
        <ul>
            <li><strong>Core CPI</strong> (hors alimentation et energie) est plus important que le CPI headline</li>
            <li>Regarde la tendance, pas un seul chiffre. 3 mois de baisse > 1 mois de baisse</li>
            <li>Le marche de l'emploi et l'inflation sont lies. Fort emploi = inflation persistante</li>
        </ul>
        <div class="warning"><strong>Conseil BlackRock :</strong> Ne trade JAMAIS pendant la publication du CPI si tu es debutant. La volatilite est extreme. Attends 30 minutes apres l'annonce pour laisser le marche digerer.</div>`
    },
    {
        title: "Le calendrier economique",
        preview: "Les dates que tout professionnel connait par coeur.",
        content: `<p>Un trader qui ne regarde pas le calendrier economique est un conducteur qui ne regarde pas la route.</p>
        <p><strong>Evenements a surveiller chaque semaine :</strong></p>
        <ul>
            <li><strong>NFP (Non-Farm Payrolls)</strong> - Premier vendredi du mois. Emploi US. Enorme impact</li>
            <li><strong>FOMC / Decisions de taux</strong> - 8 fois par an. Le plus gros evenement</li>
            <li><strong>CPI / PPI</strong> - Inflation. Sort generalement vers le 10-15 du mois</li>
            <li><strong>PMI / ISM</strong> - Sante de l'economie. Au-dessus de 50 = expansion</li>
            <li><strong>Earnings</strong> - Resultats des entreprises (pour les actions)</li>
        </ul>
        <div class="key-point"><strong>Regle :</strong> Chaque dimanche soir, regarde le calendrier de la semaine. Note les evenements high-impact. Ne prends PAS de trade 30 minutes avant un evenement majeur.</div>`
    },
    {
        title: "Flux institutionnels & COT Report",
        preview: "Voir ce que les gros joueurs font reellement avec leur argent.",
        content: `<p>Le COT (Commitment of Traders) report sort chaque vendredi. Il te montre les positions des <strong>commercials (hedgers), large speculators (fonds), et retail.</strong></p>
        <ul>
            <li><strong>Large Speculators net long</strong> = Les fonds parient sur la hausse. C'est un signal</li>
            <li><strong>Extreme positioning</strong> = Tout le monde dans le meme sens = retournement potentiel</li>
            <li>Suis les "smart money", pas le retail. Le retail est generalement du mauvais cote</li>
        </ul>
        <div class="key-point"><strong>Approche BlackRock :</strong> On ne se bat jamais contre le flux. Si les institutionnels accumulent, on accumule. Si ils distribuent, on distribue. C'est la regle la plus importante de la finance institutionnelle.</div>`
    },
];

// --- ERRORS DATA ---
const tradingErrors = [
    {
        title: "Le Revenge Trading",
        short: "Tu viens de perdre et tu veux te refaire immediatement.",
        detail: `<p>C'est l'erreur #1 qui detruit les comptes. Tu perds un trade, la frustration monte, et tu reprends un trade immediatement pour "te refaire".</p>
        <div class="warning"><strong>Pourquoi c'est mortel :</strong> Tu n'es plus rationnel. Ton cerveau est en mode "combat", pas en mode "analyse". Chaque decision prise sous l'emotion est une mauvaise decision.</div>
        <p><strong>La solution BlackRock :</strong></p>
        <ul>
            <li>Apres 2 pertes consecutives : STOP. Eteins l'ecran. Reviens dans 1h minimum</li>
            <li>Apres 3 pertes consecutives : C'est fini pour la journee. Zero exception</li>
            <li>Installe un "cooling off period" de 15 minutes entre chaque trade</li>
        </ul>`
    },
    {
        title: "L'overtrading",
        short: "Tu trades trop. Beaucoup trop. Et tu ne t'en rends pas compte.",
        detail: `<p>Si tu prends plus de 3 trades par jour en swing trading, tu overtrades. Si tu trades tous les jours sans exception, tu overtrades.</p>
        <ul>
            <li>Chaque trade a un cout (spread, commission, stress mental)</li>
            <li>Plus tu trades, plus tu donnes d'argent au marche</li>
            <li>Les meilleurs traders au monde ne tradent que quelques fois par semaine</li>
        </ul>
        <div class="key-point"><strong>Regle :</strong> Fixe un nombre MAX de trades par jour/semaine. Note chaque trade. Si tu depasses, analyse pourquoi.</div>`
    },
    {
        title: "Pas de Stop Loss",
        short: "Tu entres sans protection. C'est un suicide financier.",
        detail: `<p><strong>Il n'existe AUCUNE raison valable de trader sans stop loss. AUCUNE.</strong></p>
        <div class="warning"><strong>Histoires vraies :</strong> Des traders ont perdu des annees d'economies en une seule journee parce qu'ils n'avaient pas de stop. Le CHF en 2015 (-20% en minutes). Le COVID crash en 2020. Le Luna collapse. Sans stop, tu es a la merci du marche.</div>
        <ul>
            <li>Place ton stop AVANT d'entrer dans le trade</li>
            <li>Ne le deplace JAMAIS dans le sens de la perte</li>
            <li>Accepte que le stop est le prix que tu paies pour ta survie</li>
        </ul>`
    },
    {
        title: "Le FOMO (Fear Of Missing Out)",
        short: "Tu vois un mouvement, tu sautes dedans sans reflexion.",
        detail: `<p>Le prix monte de 5%, tu paniques, tu achetes au sommet. Le prix descend. Tu as achete la meche.</p>
        <div class="key-point"><strong>Verite :</strong> Quand tu vois un mouvement massif et que tu veux sauter dedans, c'est TROP TARD. Le mouvement a deja ete fait. Les institutionnels ont deja pris leur position des heures/jours avant.</div>
        <ul>
            <li>Si tu n'as pas anticipe le mouvement, laisse-le passer</li>
            <li>Il y aura TOUJOURS un autre trade. Le marche est ouvert 5 jours par semaine, 52 semaines par an</li>
            <li>Le FOMO est un signal que tu n'as PAS de plan</li>
        </ul>`
    },
    {
        title: "Leverage excessif",
        short: "Tu utilises un levier de x50 parce que tu veux etre riche demain.",
        detail: `<p>Le levier est un amplificateur. Il amplifie les gains ET les pertes. Avec un levier x100, un mouvement de 1% contre toi = <strong>liquidation totale.</strong></p>
        <ul>
            <li><strong>Debutant :</strong> Levier x1 a x5. Maximum. Point final</li>
            <li><strong>Intermediaire :</strong> Levier x5 a x10. Avec un risk management strict</li>
            <li><strong>Pro :</strong> Rarement au-dessus de x10, et toujours avec des stops serres</li>
        </ul>
        <div class="warning"><strong>Fun fact :</strong> BlackRock, le plus gros gestionnaire d'actifs au monde ($10T), utilise rarement un levier superieur a x2 sur ses positions. Et toi tu prends du x100 sur Binance ? Reflechis.</div>`
    },
    {
        title: "Ignorer le calendrier economique",
        short: "Tu trades pendant le NFP sans le savoir. RIP ton compte.",
        detail: `<p>Tu as un beau setup, tout est parfait, tu entres... et 5 minutes plus tard le NFP sort et le marche explose de 200 pips dans le sens inverse.</p>
        <div class="key-point"><strong>Solution :</strong> CHAQUE matin, verifie le calendrier economique. Sites : ForexFactory, Investing.com, TradingEconomics. Note les evenements high-impact. Ne trade pas 30 minutes avant et apres.</div>`
    },
    {
        title: "Changer de strategie tous les jours",
        short: "Lundi tu es ICT, mardi SMC, mercredi Elliott Wave, jeudi tu perds tout.",
        detail: `<p>Le probleme n'est JAMAIS la strategie. Le probleme c'est toi. Chaque strategie fonctionne si tu la maitrises et la respectes.</p>
        <ul>
            <li>Choisis UNE strategie</li>
            <li>Backteste-la sur 100 trades minimum</li>
            <li>Trade-la en demo pendant 1 mois</li>
            <li>Si elle est profitable, trade-la en reel avec petite taille</li>
            <li>Ne change PAS tant que tu n'as pas 6 mois de resultats</li>
        </ul>
        <div class="warning"><strong>Piege YouTube :</strong> Chaque semaine un nouveau "guru" te vend la "meilleure strategie". Il y a 5 ans, c'etait les Fibonacci. Puis le SMC. Puis l'ICT. Le point commun des gens qui gagnent ? Ils sont restes sur la MEME strategie pendant des annees.</div>`
    },
    {
        title: "Ne pas journaliser",
        short: "Sans journal, tu repetes les memes erreurs en boucle.",
        detail: `<p>Le journal de trading est l'outil #1 de progression. Pas les cours YouTube. Pas les signaux Telegram. TON JOURNAL.</p>
        <div class="key-point"><strong>Que noter :</strong><br>- Date, actif, direction<br>- Raison d'entree (setup)<br>- Emotion avant le trade<br>- Risk/Reward prevu<br>- Resultat<br>- Ce qui a bien marche / ce qui n'a pas marche<br>- Regles respectees ou non</div>
        <p>Apres 50 trades, relis ton journal. Tu vas voir des PATTERNS dans tes erreurs que tu n'aurais jamais vus autrement. C'est comme ca que tu progresses.</p>`
    },
];

// --- QUIZ DATA ---
const quizQuestions = [
    {
        question: "Quel pourcentage maximum de ton capital devrais-tu risquer par trade ?",
        options: ["5-10%", "1-2%", "15-20%", "Ca depend de la conviction"],
        correct: 1,
        explanation: "La regle du 1-2% est fondamentale. Avec 1% de risque, tu peux survivre a 20 pertes consecutives. Avec 5%, tu es en danger apres 10 pertes."
    },
    {
        question: "Apres 3 pertes consecutives, que dois-tu faire ?",
        options: ["Doubler la taille pour se refaire", "Continuer normalement", "Arreter de trader pour la journee", "Passer sur un autre actif"],
        correct: 2,
        explanation: "Apres 3 pertes consecutives, ton etat emotionnel est compromis. Arrete pour la journee, revois tes trades a tete reposee."
    },
    {
        question: "Quel est le R:R minimum acceptable pour un trade ?",
        options: ["1:1", "1:2", "1:0.5", "Ca n'a pas d'importance"],
        correct: 1,
        explanation: "Un R:R de 1:2 minimum te permet d'etre profitable meme avec un winrate de 40%. C'est la base mathematique du trading profitable."
    },
    {
        question: "Qu'est-ce qui est le plus important pour un trader ?",
        options: ["Avoir raison souvent", "Le risk management", "Les bons indicateurs", "Le bon broker"],
        correct: 1,
        explanation: "Le risk management est tout. Tu peux avoir tort 60% du temps et etre largement profitable si ton risk management est solide."
    },
    {
        question: "Un breakout d'une resistance sans volume est probablement :",
        options: ["Un signal d'achat fort", "Un faux breakout (fakeout)", "Un signal neutre", "Un signal de vente"],
        correct: 1,
        explanation: "Un breakout sans volume indique un manque de conviction. Les vrais breakouts sont accompagnes de volume significatif."
    },
    {
        question: "Quand le CPI sort plus haut que prevu, quel est l'impact general ?",
        options: ["Dollar baisse, actions montent", "Dollar monte, actions baissent", "Aucun impact", "Crypto montent"],
        correct: 1,
        explanation: "Un CPI eleve = inflation persistante = la Fed va maintenir/monter les taux = Dollar se renforce = actions sous pression."
    },
    {
        question: "Combien d'indicateurs techniques un trader institutionnel utilise-t-il typiquement ?",
        options: ["10-15", "5-8", "1-3", "Aucun"],
        correct: 2,
        explanation: "Les institutionnels utilisent principalement le prix, le volume, et 1-2 moyennes mobiles. La simplicite est une force."
    },
    {
        question: "Quel est le danger principal du FOMO ?",
        options: ["Rater un bon trade", "Acheter au sommet apres un mouvement", "Ne pas trader assez", "Perdre des opportunites"],
        correct: 1,
        explanation: "Le FOMO te pousse a entrer APRES le mouvement, exactement au moment ou le risque est maximum et le potentiel minimum."
    },
    {
        question: "Si tu perds 50% de ton capital, quel gain te faut-il pour revenir a l'equilibre ?",
        options: ["50%", "75%", "100%", "150%"],
        correct: 2,
        explanation: "Si tu as 10,000$ et perds 50%, il te reste 5,000$. Pour revenir a 10,000$, tu dois faire +100% sur 5,000$. C'est la mathematique cruelle des drawdowns."
    },
    {
        question: "Quelle est la meilleure approche pour gerer les emotions en trading ?",
        options: ["Les ignorer completement", "Les noter et les analyser", "Trader uniquement quand on est excite", "Augmenter la taille pour compenser le stress"],
        correct: 1,
        explanation: "Les emotions sont des donnees. En les notant dans ton journal, tu identifies les patterns emotionnels qui precedent tes mauvais trades."
    },
    {
        question: "Quel timeframe les institutionnels privilegient-ils principalement ?",
        options: ["1 minute", "15 minutes", "Daily / Weekly", "Tick chart"],
        correct: 2,
        explanation: "Les institutionnels raisonnent sur le Daily et le Weekly. Les timeframes courts sont du bruit. Le signal est dans les timeframes hauts."
    },
    {
        question: "Tu es long EUR/USD, long GBP/USD et long AUD/USD. Combien de trades as-tu reellement ?",
        options: ["3 trades diversifies", "1 trade contre le dollar x3", "3 trades independants", "2 trades correles"],
        correct: 1,
        explanation: "Ces 3 paires sont toutes SHORT dollar. Tu n'es pas diversifie, tu as triple ton exposition au meme risque (faiblesse du dollar)."
    },
];

// --- NAVIGATION ---
document.querySelectorAll('.nav-link').forEach(link => {
    link.addEventListener('click', (e) => {
        e.preventDefault();
        const section = link.dataset.section;
        document.querySelectorAll('.nav-link').forEach(l => l.classList.remove('active'));
        link.classList.add('active');
        document.querySelectorAll('.section').forEach(s => s.classList.remove('active'));
        document.getElementById('section-' + section).classList.add('active');
    });
});

// --- INIT ---
function init() {
    updateStreak();
    renderDailyTip();
    renderLessons('mindset-lessons', mindsetLessons, 'mindset');
    renderLessons('analyse-lessons', analyseLessons, 'analyse');
    renderLessons('risk-lessons', riskLessons, 'risk');
    renderLessons('macro-lessons', macroLessons, 'macro');
    renderErrors();
    renderQuiz();
    renderTradeHistory();
    renderJournalStats();
    updateStats();
    initSimulator();
    initDateField();
}

function initDateField() {
    const d = document.getElementById('trade-date');
    if (d) d.valueAsDate = new Date();
}

function updateStreak() {
    const today = new Date().toDateString();
    if (appData.lastVisit !== today) {
        const yesterday = new Date();
        yesterday.setDate(yesterday.getDate() - 1);
        if (appData.lastVisit === yesterday.toDateString()) {
            appData.streak++;
        } else if (appData.lastVisit !== null) {
            appData.streak = 1;
        } else {
            appData.streak = 1;
        }
        appData.lastVisit = today;
        saveData(appData);
    }
}

function renderDailyTip() {
    const dayOfYear = Math.floor((Date.now() - new Date(new Date().getFullYear(), 0, 0)) / 86400000);
    document.getElementById('daily-tip').textContent = tips[dayOfYear % tips.length];
}

// --- LESSONS ---
function renderLessons(containerId, lessons, category) {
    const container = document.getElementById(containerId);
    container.innerHTML = '';
    lessons.forEach((lesson, i) => {
        const id = category + '-' + i;
        const completed = appData.completedLessons.includes(id);
        const card = document.createElement('div');
        card.className = 'lesson-card' + (completed ? ' completed' : '');
        card.innerHTML = `
            <span class="lesson-number">Lecon ${i + 1}</span>
            <h4>${lesson.title}</h4>
            <p>${lesson.preview}</p>
        `;
        card.addEventListener('click', () => openLesson(lesson, id));
        container.appendChild(card);
    });
}

function openLesson(lesson, id) {
    const overlay = document.createElement('div');
    overlay.className = 'modal-overlay';
    overlay.innerHTML = `
        <div class="modal">
            <button class="modal-close" onclick="this.closest('.modal-overlay').remove()">&times;</button>
            <h2>${lesson.title}</h2>
            <div class="modal-content">${lesson.content}</div>
            <button class="btn-complete" onclick="completeLesson('${id}', this)">
                ${appData.completedLessons.includes(id) ? 'Deja complete - Relire' : 'Marquer comme complete (+10 XP)'}
            </button>
        </div>
    `;
    overlay.addEventListener('click', (e) => {
        if (e.target === overlay) overlay.remove();
    });
    document.body.appendChild(overlay);
}

function completeLesson(id, btn) {
    if (!appData.completedLessons.includes(id)) {
        appData.completedLessons.push(id);
        addXP(10);
        saveData(appData);
        updateStats();
        // Re-render relevant lessons
        renderLessons('mindset-lessons', mindsetLessons, 'mindset');
        renderLessons('analyse-lessons', analyseLessons, 'analyse');
        renderLessons('risk-lessons', riskLessons, 'risk');
        renderLessons('macro-lessons', macroLessons, 'macro');
    }
    btn.textContent = 'Complete !';
    btn.style.background = '#00d4aa';
}

// --- ERRORS ---
function renderErrors() {
    const container = document.getElementById('errors-list');
    container.innerHTML = '';
    tradingErrors.forEach((err, i) => {
        const read = appData.completedErrors.includes(i);
        const card = document.createElement('div');
        card.className = 'error-card' + (read ? ' read' : '');
        card.innerHTML = `
            <span class="error-number">Erreur #${i + 1}</span>
            <h4>${err.title}</h4>
            <p>${err.short}</p>
        `;
        card.addEventListener('click', () => openError(err, i));
        container.appendChild(card);
    });
}

function openError(err, index) {
    const overlay = document.createElement('div');
    overlay.className = 'modal-overlay';
    overlay.innerHTML = `
        <div class="modal">
            <button class="modal-close" onclick="this.closest('.modal-overlay').remove()">&times;</button>
            <h2>Erreur #${index + 1} : ${err.title}</h2>
            <div class="modal-content">${err.detail}</div>
            <button class="btn-complete" onclick="completeError(${index}, this)">
                ${appData.completedErrors.includes(index) ? 'Deja lu - Relire' : 'J\'ai compris (+5 XP)'}
            </button>
        </div>
    `;
    overlay.addEventListener('click', (e) => {
        if (e.target === overlay) overlay.remove();
    });
    document.body.appendChild(overlay);
}

function completeError(index, btn) {
    if (!appData.completedErrors.includes(index)) {
        appData.completedErrors.push(index);
        addXP(5);
        saveData(appData);
        renderErrors();
        updateStats();
    }
    btn.textContent = 'Compris !';
}

// --- QUIZ ---
function renderQuiz() {
    const container = document.getElementById('quiz-container');
    let html = '';
    quizQuestions.forEach((q, i) => {
        html += `<div class="quiz-question" id="quiz-q-${i}">
            <div class="quiz-q-number">Question ${i + 1} / ${quizQuestions.length}</div>
            <h4>${q.question}</h4>
            <div class="quiz-options">
                ${q.options.map((opt, j) => `<div class="quiz-option" data-q="${i}" data-opt="${j}" onclick="answerQuiz(${i}, ${j}, this)">${opt}</div>`).join('')}
            </div>
            <div class="quiz-explanation" id="quiz-exp-${i}">${q.explanation}</div>
        </div>`;
    });
    html += `<button class="btn btn-primary" onclick="scoreQuiz()" style="margin-top:1rem">Voir mon score</button>`;
    html += `<div class="quiz-score" id="quiz-score" style="display:none"></div>`;
    container.innerHTML = html;
}

const quizAnswers = {};
function answerQuiz(qIndex, optIndex, el) {
    const q = document.getElementById('quiz-q-' + qIndex);
    if (q.dataset.answered) return;
    q.dataset.answered = 'true';
    quizAnswers[qIndex] = optIndex;

    const options = q.querySelectorAll('.quiz-option');
    options.forEach((o, j) => {
        if (j === quizQuestions[qIndex].correct) o.classList.add('correct');
        if (j === optIndex && j !== quizQuestions[qIndex].correct) o.classList.add('wrong');
    });
    document.getElementById('quiz-exp-' + qIndex).style.display = 'block';
}

function scoreQuiz() {
    let correct = 0;
    quizQuestions.forEach((q, i) => {
        if (quizAnswers[i] === q.correct) correct++;
    });
    const pct = Math.round((correct / quizQuestions.length) * 100);
    const scoreDiv = document.getElementById('quiz-score');
    scoreDiv.style.display = 'block';

    let grade = '';
    if (pct >= 90) grade = 'EXCELLENT - Tu penses comme un institutionnel.';
    else if (pct >= 70) grade = 'BIEN - Tu progresses, mais il y a du travail.';
    else if (pct >= 50) grade = 'MOYEN - Tu as les bases, mais relis les lecons.';
    else grade = 'INSUFFISANT - Retourne aux lecons. Serieusement.';

    scoreDiv.innerHTML = `<h3>Resultat du Quiz</h3>
        <div class="score-value">${pct}%</div>
        <p>${correct} / ${quizQuestions.length} reponses correctes</p>
        <p style="margin-top:0.5rem;color:var(--text-muted)">${grade}</p>`;

    appData.quizScores.push(pct);
    addXP(Math.floor(pct / 5));
    saveData(appData);
    updateStats();
}

// --- POSITION CALCULATOR ---
function calculatePosition() {
    const capital = parseFloat(document.getElementById('calc-capital').value);
    const riskPct = parseFloat(document.getElementById('calc-risk').value);
    const entry = parseFloat(document.getElementById('calc-entry').value);
    const stop = parseFloat(document.getElementById('calc-stop').value);

    if (!capital || !riskPct || !entry || !stop || entry === stop) {
        document.getElementById('calc-result').innerHTML = '<span style="color:var(--red)">Remplis tous les champs correctement.</span>';
        return;
    }

    const riskAmount = capital * (riskPct / 100);
    const distance = Math.abs(entry - stop);
    const positionSize = riskAmount / distance;
    const positionValue = positionSize * entry;

    document.getElementById('calc-result').innerHTML = `
        <strong>Montant risque :</strong> $${riskAmount.toFixed(2)}<br>
        <strong>Distance au stop :</strong> ${distance.toFixed(4)}<br>
        <strong>Taille de position :</strong> ${positionSize.toFixed(4)} unites<br>
        <strong>Valeur de la position :</strong> $${positionValue.toFixed(2)}<br>
        <strong>Levier effectif :</strong> x${(positionValue / capital).toFixed(2)}
    `;
}

// --- TRADE JOURNAL ---
document.getElementById('trade-form').addEventListener('submit', (e) => {
    e.preventDefault();
    const trade = {
        date: document.getElementById('trade-date').value,
        asset: document.getElementById('trade-asset').value,
        direction: document.getElementById('trade-direction').value,
        entry: parseFloat(document.getElementById('trade-entry').value),
        sl: parseFloat(document.getElementById('trade-sl').value),
        tp: parseFloat(document.getElementById('trade-tp').value),
        exit: parseFloat(document.getElementById('trade-exit').value) || null,
        size: parseFloat(document.getElementById('trade-size').value),
        result: document.getElementById('trade-result').value,
        emotionBefore: document.getElementById('trade-emotion-before').value,
        setup: document.getElementById('trade-setup').value,
        notes: document.getElementById('trade-notes').value,
        rules: {
            plan: document.getElementById('rule-plan').checked,
            risk: document.getElementById('rule-risk').checked,
            emotion: document.getElementById('rule-emotion').checked,
            patience: document.getElementById('rule-patience').checked,
        }
    };
    appData.trades.push(trade);
    addXP(5);
    saveData(appData);
    renderTradeHistory();
    renderJournalStats();
    updateStats();
    e.target.reset();
    initDateField();
});

function renderTradeHistory() {
    const container = document.getElementById('trade-history');
    if (appData.trades.length === 0) {
        container.innerHTML = '<p style="color:var(--text-muted)">Aucun trade enregistre. Commence a journaliser !</p>';
        return;
    }
    let html = '';
    [...appData.trades].reverse().forEach((t, i) => {
        const cls = t.result === 'win' ? 'trade-win' : t.result === 'loss' ? 'trade-loss' : 'trade-be';
        const resultLabel = t.result === 'win' ? 'WIN' : t.result === 'loss' ? 'LOSS' : t.result === 'be' ? 'BE' : 'OPEN';
        html += `<div class="trade-entry">
            <span>${t.date}</span>
            <span><strong>${t.asset}</strong> ${t.direction.toUpperCase()} @ ${t.entry}</span>
            <span>${t.setup || '-'}</span>
            <span class="${cls}">${resultLabel}</span>
            <span>${emotionLabel(t.emotionBefore)}</span>
        </div>`;
    });
    container.innerHTML = html;
}

function emotionLabel(e) {
    const map = { calm: 'Calme', excited: 'FOMO', fearful: 'Peur', angry: 'Revenge', bored: 'Ennui' };
    return map[e] || e;
}

function renderJournalStats() {
    const container = document.getElementById('journal-stats');
    const trades = appData.trades.filter(t => t.result !== 'open');
    if (trades.length === 0) {
        container.innerHTML = '<p style="color:var(--text-muted)">Pas assez de trades pour les stats.</p>';
        return;
    }
    const wins = trades.filter(t => t.result === 'win').length;
    const losses = trades.filter(t => t.result === 'loss').length;
    const winrate = ((wins / trades.length) * 100).toFixed(1);
    const rulesFollowed = trades.filter(t => t.rules && t.rules.plan && t.rules.risk && t.rules.emotion && t.rules.patience).length;
    const rulesPct = ((rulesFollowed / trades.length) * 100).toFixed(1);
    const emotionalTrades = trades.filter(t => t.emotionBefore !== 'calm').length;
    const emotionalLosses = trades.filter(t => t.emotionBefore !== 'calm' && t.result === 'loss').length;

    container.innerHTML = `
        <div class="j-stat"><div class="j-stat-value">${trades.length}</div><div class="j-stat-label">Total Trades</div></div>
        <div class="j-stat"><div class="j-stat-value" style="color:var(--green)">${winrate}%</div><div class="j-stat-label">Win Rate</div></div>
        <div class="j-stat"><div class="j-stat-value" style="color:var(--green)">${wins}</div><div class="j-stat-label">Wins</div></div>
        <div class="j-stat"><div class="j-stat-value" style="color:var(--red)">${losses}</div><div class="j-stat-label">Losses</div></div>
        <div class="j-stat"><div class="j-stat-value">${rulesPct}%</div><div class="j-stat-label">Regles respectees</div></div>
        <div class="j-stat"><div class="j-stat-value" style="color:var(--orange)">${emotionalTrades}</div><div class="j-stat-label">Trades emotionnels</div></div>
        <div class="j-stat"><div class="j-stat-value" style="color:var(--red)">${emotionalLosses}</div><div class="j-stat-label">Pertes emotionnelles</div></div>
    `;
}

// --- XP & LEVEL ---
function addXP(amount) {
    appData.xp += amount;
    const xpNeeded = appData.level * 100;
    while (appData.xp >= xpNeeded) {
        appData.xp -= xpNeeded;
        appData.level++;
    }
    saveData(appData);
    updateXPDisplay();
}

function updateXPDisplay() {
    const xpNeeded = appData.level * 100;
    const pct = (appData.xp / xpNeeded) * 100;
    document.getElementById('xp-fill').style.width = pct + '%';
    document.getElementById('xp-text').textContent = `${appData.xp} / ${xpNeeded} XP`;
    const titles = ['', 'Novice', 'Apprenti', 'Stagiaire', 'Junior Trader', 'Trader', 'Senior Trader', 'VP Trading', 'Director', 'Managing Director', 'Partner BlackRock'];
    const title = titles[Math.min(appData.level, titles.length - 1)] || 'Legend';
    document.getElementById('user-level').textContent = `Niv. ${appData.level} - ${title}`;
}

function updateStats() {
    const totalLessons = mindsetLessons.length + analyseLessons.length + riskLessons.length + macroLessons.length;
    document.getElementById('stat-lessons').textContent = `${appData.completedLessons.length} / ${totalLessons}`;
    const avgScore = appData.quizScores.length > 0 ? Math.round(appData.quizScores.reduce((a, b) => a + b, 0) / appData.quizScores.length) : 0;
    document.getElementById('stat-score').textContent = avgScore + '%';
    document.getElementById('stat-trades').textContent = appData.trades.length;
    document.getElementById('stat-streak').textContent = appData.streak + ' jours';
    updateXPDisplay();
}

// --- SIMULATOR ---
let simData = {
    candles: [],
    visibleCandles: 30,
    currentIndex: 30,
    position: null,
    capital: 10000,
    wins: 0,
    losses: 0,
    totalTrades: 0,
    pnl: 0,
};

function generateCandles(count) {
    const candles = [];
    let price = 100 + Math.random() * 50;
    for (let i = 0; i < count; i++) {
        const volatility = 0.5 + Math.random() * 2;
        const trend = Math.sin(i / 20) * 0.3;
        const change = (Math.random() - 0.48 + trend) * volatility;
        const open = price;
        const close = price + change;
        const high = Math.max(open, close) + Math.random() * volatility * 0.5;
        const low = Math.min(open, close) - Math.random() * volatility * 0.5;
        candles.push({ open, high, low, close });
        price = close;
    }
    return candles;
}

function initSimulator() {
    simData.candles = generateCandles(200);
    simData.currentIndex = 30;
    simData.position = null;
    simData.capital = appData.simStats.capital || 10000;
    simData.wins = appData.simStats.wins || 0;
    simData.losses = appData.simStats.losses || 0;
    simData.totalTrades = simData.wins + simData.losses;
    simData.pnl = appData.simStats.totalPnl || 0;
    drawChart();
    updateSimUI();
}

function drawChart() {
    const canvas = document.getElementById('sim-chart');
    const ctx = canvas.getContext('2d');
    const W = canvas.width;
    const H = canvas.height;
    ctx.clearRect(0, 0, W, H);

    const start = Math.max(0, simData.currentIndex - simData.visibleCandles);
    const end = simData.currentIndex;
    const visible = simData.candles.slice(start, end);

    if (visible.length === 0) return;

    let minP = Infinity, maxP = -Infinity;
    visible.forEach(c => { minP = Math.min(minP, c.low); maxP = Math.max(maxP, c.high); });
    const padding = (maxP - minP) * 0.1;
    minP -= padding;
    maxP += padding;

    const candleW = (W - 60) / visible.length;
    const priceToY = (p) => H - 30 - ((p - minP) / (maxP - minP)) * (H - 50);

    // Grid
    ctx.strokeStyle = '#1e1e2e';
    ctx.lineWidth = 1;
    for (let i = 0; i < 5; i++) {
        const y = 20 + (i / 4) * (H - 50);
        ctx.beginPath();
        ctx.moveTo(50, y);
        ctx.lineTo(W, y);
        ctx.stroke();
        const price = maxP - (i / 4) * (maxP - minP);
        ctx.fillStyle = '#666';
        ctx.font = '11px sans-serif';
        ctx.fillText(price.toFixed(2), 2, y + 4);
    }

    // Candles
    visible.forEach((c, i) => {
        const x = 50 + i * candleW + candleW / 2;
        const bullish = c.close >= c.open;
        ctx.strokeStyle = bullish ? '#00d4aa' : '#ff4757';
        ctx.fillStyle = bullish ? '#00d4aa' : '#ff4757';

        // Wick
        ctx.beginPath();
        ctx.moveTo(x, priceToY(c.high));
        ctx.lineTo(x, priceToY(c.low));
        ctx.stroke();

        // Body
        const bodyTop = priceToY(Math.max(c.open, c.close));
        const bodyBottom = priceToY(Math.min(c.open, c.close));
        const bodyH = Math.max(1, bodyBottom - bodyTop);
        ctx.fillRect(x - candleW * 0.35, bodyTop, candleW * 0.7, bodyH);
    });

    // Position line
    if (simData.position) {
        const y = priceToY(simData.position.entry);
        ctx.strokeStyle = simData.position.direction === 'long' ? '#00d4aa' : '#ff4757';
        ctx.setLineDash([5, 5]);
        ctx.beginPath();
        ctx.moveTo(50, y);
        ctx.lineTo(W, y);
        ctx.stroke();
        ctx.setLineDash([]);
        ctx.fillStyle = simData.position.direction === 'long' ? '#00d4aa' : '#ff4757';
        ctx.fillText(`${simData.position.direction.toUpperCase()} @ ${simData.position.entry.toFixed(2)}`, W - 150, y - 5);
    }

    // Current price
    const lastCandle = visible[visible.length - 1];
    ctx.fillStyle = '#fff';
    ctx.font = 'bold 13px sans-serif';
    ctx.fillText(`Prix: ${lastCandle.close.toFixed(2)}`, W - 130, 18);
}

function simBuy() {
    if (simData.position) return;
    const price = simData.candles[simData.currentIndex - 1].close;
    const sizePct = parseFloat(document.getElementById('sim-size').value) / 100;
    simData.position = { direction: 'long', entry: price, size: simData.capital * sizePct };
    document.getElementById('btn-close-pos').style.display = '';
    updateSimUI();
    drawChart();
}

function simSell() {
    if (simData.position) return;
    const price = simData.candles[simData.currentIndex - 1].close;
    const sizePct = parseFloat(document.getElementById('sim-size').value) / 100;
    simData.position = { direction: 'short', entry: price, size: simData.capital * sizePct };
    document.getElementById('btn-close-pos').style.display = '';
    updateSimUI();
    drawChart();
}

function simClosePosition() {
    if (!simData.position) return;
    const price = simData.candles[simData.currentIndex - 1].close;
    const pnl = simData.position.direction === 'long'
        ? (price - simData.position.entry) / simData.position.entry * simData.position.size
        : (simData.position.entry - price) / simData.position.entry * simData.position.size;

    simData.capital += pnl;
    simData.pnl += pnl;
    simData.totalTrades++;
    if (pnl > 0) simData.wins++;
    else simData.losses++;

    appData.simStats = { capital: simData.capital, wins: simData.wins, losses: simData.losses, totalPnl: simData.pnl };
    saveData(appData);

    simData.position = null;
    document.getElementById('btn-close-pos').style.display = 'none';
    updateSimUI();
    drawChart();
}

function simNextCandle() {
    if (simData.currentIndex >= simData.candles.length - 1) {
        simData.candles = simData.candles.concat(generateCandles(50));
    }
    simData.currentIndex++;
    drawChart();
    updateSimUI();
}

function simReset() {
    simData.candles = generateCandles(200);
    simData.currentIndex = 30;
    simData.position = null;
    simData.capital = 10000;
    simData.wins = 0;
    simData.losses = 0;
    simData.totalTrades = 0;
    simData.pnl = 0;
    appData.simStats = { capital: 10000, wins: 0, losses: 0, totalPnl: 0 };
    saveData(appData);
    document.getElementById('btn-close-pos').style.display = 'none';
    drawChart();
    updateSimUI();
}

function updateSimUI() {
    document.getElementById('sim-capital').textContent = '$' + simData.capital.toFixed(2);
    const pnlEl = document.getElementById('sim-pnl');
    pnlEl.textContent = (simData.pnl >= 0 ? '+' : '') + '$' + simData.pnl.toFixed(2);
    pnlEl.style.color = simData.pnl >= 0 ? 'var(--green)' : 'var(--red)';
    document.getElementById('sim-winrate').textContent = simData.totalTrades > 0 ? Math.round((simData.wins / simData.totalTrades) * 100) + '%' : '0%';
    document.getElementById('sim-trades').textContent = simData.totalTrades;

    const posDiv = document.getElementById('sim-position');
    if (simData.position) {
        const currentPrice = simData.candles[simData.currentIndex - 1].close;
        const unrealized = simData.position.direction === 'long'
            ? (currentPrice - simData.position.entry) / simData.position.entry * simData.position.size
            : (simData.position.entry - currentPrice) / simData.position.entry * simData.position.size;
        const color = unrealized >= 0 ? 'var(--green)' : 'var(--red)';
        posDiv.innerHTML = `Position ouverte : <strong>${simData.position.direction.toUpperCase()}</strong> @ ${simData.position.entry.toFixed(2)} | Taille: $${simData.position.size.toFixed(2)} | P&L non realise: <span style="color:${color}">${unrealized >= 0 ? '+' : ''}$${unrealized.toFixed(2)}</span>`;
    } else {
        posDiv.innerHTML = 'Aucune position ouverte. Analyse le graphique et prends une decision.';
    }
}

// --- DAILY CHECKLIST ---
document.querySelectorAll('#daily-checklist input').forEach(cb => {
    cb.addEventListener('change', () => {
        const task = cb.dataset.task;
        const today = new Date().toDateString();
        if (!appData.dailyChecklist[today]) appData.dailyChecklist[today] = {};
        appData.dailyChecklist[today][task] = cb.checked;
        if (cb.checked) addXP(2);
        saveData(appData);
    });
    // Restore
    const today = new Date().toDateString();
    if (appData.dailyChecklist[today] && appData.dailyChecklist[today][cb.dataset.task]) {
        cb.checked = true;
    }
});

// --- GO ---
init();