🐳 19/03 - 14:49 - CONTEXTE IMPORTANT :Tu travailles sur un fichier HTML déjà existant contenant un simulateur VTC fonctionnel en multi-étapes.⚠️ RÈGLES STRICTES :- NE PAS recréer la page- NE PAS dupl

simulateur-pertes.html

@@ -109,6 +109,16 @@
                         <input type="number" id="daysPerMonth" placeholder="Ex : 22" 
                             class="w-full rounded-xl bg-black/40 border border-white/10 px-4 py-3 text-white text-sm outline-none focus:border-emerald-500/50 transition">
                     </div>
+                    <div>
+                        <label class="block text-sm text-white/80 mb-2">Heures travaillées dans le mois</label>
+                        <input type="number" id="hoursPerMonth" placeholder="Ex : 180" 
+                            class="w-full rounded-xl bg-black/40 border border-white/10 px-4 py-3 text-white text-sm outline-none focus:border-emerald-500/50 transition">
+                    </div>
+                    <div>
+                        <label class="block text-sm text-white/80 mb-2">Distance mensuelle estimée (km)</label>
+                        <input type="number" id="distancePerMonth" placeholder="Ex : 2500" 
+                            class="w-full rounded-xl bg-black/40 border border-white/10 px-4 py-3 text-white text-sm outline-none focus:border-emerald-500/50 transition">
+                    </div>
                 </div>
 
                 <div class="text-xs text-white/50 mb-4 bg-white/5 rounded-lg p-3">
@@ -198,7 +208,7 @@
             <div class="bg-[#151821] border border-white/10 rounded-2xl p-5">
                 <h2 class="text-lg font-medium text-white mb-4">Votre véhicule</h2>
                 
-                <div class="grid grid-cols-3 gap-2 mb-6" id="vehicleButtons">
+                <div class="grid grid-cols-3 gap-2 mb-4" id="vehicleButtons">
                     <button type="button" data-value="thermique" class="vehicle-btn py-3 rounded-xl border border-white/10 text-white/60 bg-transparent transition text-sm font-medium">
                         Thermique
                     </button>
@@ -211,6 +221,13 @@
                 </div>
                 <input type="hidden" id="vehicleType" value="">
 
+                <div class="mb-4">
+                    <label class="block text-sm text-white/80 mb-2">Mensualité crédit / leasing (€)</label>
+                    <input type="number" id="vehiclePayment" placeholder="Ex : 350" 
+                        class="w-full rounded-xl bg-black/40 border border-white/10 px-4 py-3 text-white text-sm outline-none focus:border-emerald-500/50 transition">
+                    <p class="text-xs text-white/40 mt-2">Mettre 0 si véhicule déjà payé</p>
+                </div>
+
                 <div class="flex gap-3">
                     <button id="btnStep5Back" class="w-1/3 py-3 rounded-xl bg-white/5 text-white border border-white/10 text-sm font-medium hover:bg-white/10 transition">
                         Retour
@@ -292,12 +309,62 @@
                     Découvrir mon score TIE
                 </button>
 
+                <button id="btnShowDetails" class="w-full py-3 rounded-xl bg-white/5 border border-white/10 text-white font-medium text-sm hover:bg-white/10 transition mb-2">
+                    Voir le détail des coûts
+                </button>
+
                 <button id="btnReset" class="w-full py-2 mt-3 text-xs text-white/60 hover:text-white transition">
                     Refaire le calcul
                 </button>
             </div>
         </div>
 
+        <!-- Details Section (Collapsible) -->
+        <div id="detailsSection" class="step-container">
+            <div class="bg-[#151821] border border-white/10 rounded-2xl p-5 mb-4">
+                <h3 class="text-base font-medium text-white mb-4">Détail de votre activité</h3>
+                
+                <div class="space-y-3 mb-4 text-sm">
+                    <div class="flex justify-between text-white/60">
+                        <span>Chiffre d'affaires total</span>
+                        <span id="detailCA" class="text-white font-medium">0 €</span>
+                    </div>
+                    <div class="flex justify-between text-white/60">
+                        <span>Charges sociales (22%)</span>
+                        <span id="detailSocial" class="text-red-400">-0 €</span>
+                    </div>
+                    <div class="flex justify-between text-white/60">
+                        <span>Coût variable (${calculationResults.costPerKm}€/km)</span>
+                        <span id="detailVariable" class="text-red-400">-0 €</span>
+                    </div>
+                    <div class="flex justify-between text-white/60">
+                        <span>Assurance (fixe)</span>
+                        <span id="detailInsurance" class="text-red-400">-200 €</span>
+                    </div>
+                    <div class="flex justify-between text-white/60">
+                        <span>Mensualité véhicule</span>
+                        <span id="detailPayment" class="text-red-400">-0 €</span>
+                    </div>
+                    <div class="border-t border-white/10 pt-3 flex justify-between text-white font-medium">
+                        <span>BÉNÉFICE NET</span>
+                        <span id="detailProfit" class="text-emerald-400">0 €</span>
+                    </div>
+                </div>
+
+                <div class="bg-black/40 rounded-lg p-3 mb-4">
+                    <div class="flex justify-between text-sm mb-1">
+                        <span class="text-white/60">Taux horaire réel</span>
+                        <span id="detailHourly" class="text-white font-medium">0 €/h</span>
+                    </div>
+                    <div class="text-xs text-white/40">Basé sur ${formData.hoursPerMonth}h travaillées</div>
+                </div>
+
+                <button id="btnBackFromDetails" class="w-full py-3 rounded-xl bg-white/5 border border-white/10 text-white font-medium text-sm hover:bg-white/10 transition">
+                    Retour aux résultats
+                </button>
+            </div>
+        </div>
+
         <!-- Score Loading -->
         <div id="scoreLoading" class="loading-container">
             <div class="bg-[#151821] border border-white/10 rounded-2xl p-8 text-center">
@@ -371,10 +438,10 @@
 
                 <!-- CTAs -->
                 <div class="space-y-3 mb-6">
-                    <button class="w-full py-3 rounded-xl bg-emerald-500 text-black font-medium text-sm hover:opacity-90 transition">
-                        Optimiser mes courses
+                    <button id="btnBackFromScore" class="w-full py-3 rounded-xl bg-white/5 border border-white/10 text-white font-medium text-sm hover:bg-white/10 transition">
+                        Retour à mes résultats
                     </button>
-                    <button class="w-full py-3 rounded-xl bg-white/5 border border-white/10 text-white font-medium text-sm hover:bg-white/10 transition">
+                    <button class="w-full py-3 rounded-xl bg-emerald-500 text-black font-medium text-sm hover:opacity-90 transition">
                         Développer mes clients privés
                     </button>
                 </div>
@@ -397,13 +464,18 @@
         let formData = {
             coursesPerDay: 0,
             daysPerMonth: 0,
+            hoursPerMonth: 0,
+            distancePerMonth: 0,
             platformRevenue: 0,
             privateRevenue: 0,
             tipsRevenue: 0,
-            vehicleType: ''
+            vehicleType: '',
+            vehiclePayment: 0
         };
 
         let calculationResults = {};
+        let tieProjection = {};
+        let tieScoreData = {};
 
         // DOM Elements check helper
         function getElement(id) {
@@ -504,6 +576,8 @@
         // Step 1 Logic
         const coursesPerDayInput = getElement('coursesPerDay');
         const daysPerMonthInput = getElement('daysPerMonth');
+        const hoursPerMonthInput = getElement('hoursPerMonth');
+        const distancePerMonthInput = getElement('distancePerMonth');
         const totalCoursesPreview = getElement('totalCoursesPreview');
         const btnStep1Next = getElement('btnStep1Next');
 
@@ -525,10 +599,12 @@
 
         if (btnStep1Next) {
             btnStep1Next.addEventListener('click', () => {
-                if (!coursesPerDayInput || !daysPerMonthInput) return;
+                if (!coursesPerDayInput || !daysPerMonthInput || !hoursPerMonthInput || !distancePerMonthInput) return;
                 
                 const courses = parseFloat(coursesPerDayInput.value);
                 const days = parseFloat(daysPerMonthInput.value);
+                const hours = parseFloat(hoursPerMonthInput.value);
+                const distance = parseFloat(distancePerMonthInput.value);
 
                 if (!courses || courses <= 0) {
                     alert('Veuillez entrer un nombre de courses valide.');
@@ -538,9 +614,19 @@
                     alert('Veuillez entrer un nombre de jours valide (1-31).');
                     return;
                 }
+                if (!hours || hours <= 0) {
+                    alert('Veuillez entrer un nombre d\'heures valide.');
+                    return;
+                }
+                if (!distance || distance <= 0) {
+                    alert('Veuillez entrer une distance valide.');
+                    return;
+                }
 
                 formData.coursesPerDay = courses;
                 formData.daysPerMonth = days;
+                formData.hoursPerMonth = hours;
+                formData.distancePerMonth = distance;
                 showStep(2);
             });
         }
@@ -610,6 +696,7 @@
         // Step 5 Logic
         const vehicleBtns = document.querySelectorAll('.vehicle-btn');
         const vehicleTypeInput = getElement('vehicleType');
+        const vehiclePaymentInput = getElement('vehiclePayment');
         const btnStep5Back = getElement('btnStep5Back');
         const btnStep5Calculate = getElement('btnStep5Calculate');
 
@@ -622,7 +709,7 @@
                 if (vehicleTypeInput) vehicleTypeInput.value = value;
                 formData.vehicleType = value;
                 
-                if (btnStep5Calculate) btnStep5Calculate.disabled = false;
+                if (btnStep5Calculate && formData.vehicleType) btnStep5Calculate.disabled = false;
             });
         });
 
@@ -630,52 +717,155 @@
             btnStep5Back.addEventListener('click', () => showStep(4));
         }
 
-        // Calculation Logic
+        // Calculation Logic - New Model
         function calculateResults() {
-            const courses = formData.coursesPerDay * formData.daysPerMonth;
+            // A. CA Total
             const caTotal = formData.platformRevenue + formData.privateRevenue + formData.tipsRevenue;
-            const kmTotal = courses * 10;
-
-            // Cost per km
-            let costPerKm = 0.35; // thermique default
-            if (formData.vehicleType === 'hybride') costPerKm = 0.28;
-            if (formData.vehicleType === 'electrique') costPerKm = 0.20;
-
-            const costKm = kmTotal * costPerKm;
-            const charges = caTotal * 0.22;
             
-            // Hidden losses (bad trips)
-            const badTripRate = 0.35;
-            const lossPerTrip = 3;
-            const hiddenLoss = courses * badTripRate * lossPerTrip;
-
-            const profit = caTotal - charges - costKm;
-
+            // B. Variable costs based on vehicle type
+            let costPerKm = 0.35; // thermique
+            if (formData.vehicleType === 'hybride') costPerKm = 0.25;
+            if (formData.vehicleType === 'electrique') costPerKm = 0.15;
+            
+            const variableCost = formData.distancePerMonth * costPerKm;
+            
+            // C. Fixed charges
+            const insuranceFixed = 200;
+            const vehiclePayment = formData.vehiclePayment || 0;
+            const fixedCharges = insuranceFixed + vehiclePayment;
+            
+            // D. Social charges (22% of CA)
+            const socialCharges = caTotal * 0.22;
+            
+            // E. Profit
+            const profit = caTotal - socialCharges - variableCost - fixedCharges;
+            
+            // F. Hourly rate
+            const hourlyRate = formData.hoursPerMonth > 0 ? profit / formData.hoursPerMonth : 0;
+            
             // Percentages
             const pctPlatform = caTotal > 0 ? (formData.platformRevenue / caTotal) * 100 : 0;
             const pctPrivate = caTotal > 0 ? (formData.privateRevenue / caTotal) * 100 : 0;
             const pctTips = caTotal > 0 ? (formData.tipsRevenue / caTotal) * 100 : 0;
 
-            // Private projection (+15%)
-            const privateGain = formData.privateRevenue * 0.15;
-
             calculationResults = {
-                courses,
                 caTotal,
-                kmTotal,
-                costKm,
-                charges,
-                hiddenLoss,
+                variableCost,
+                fixedCharges,
+                socialCharges,
+                insuranceFixed,
+                vehiclePayment,
                 profit,
+                hourlyRate,
                 pctPlatform,
                 pctPrivate,
                 pctTips,
-                privateGain
+                costPerKm
             };
 
             return calculationResults;
         }
 
+        // TIE Projection Logic
+        function calculateTIEProjection() {
+            const currentPrivateRatio = calculationResults.pctPrivate;
+            const caTotal = calculationResults.caTotal;
+            
+            // If private is less than 30%, calculate potential
+            if (currentPrivateRatio < 30) {
+                // Target: 30% of CA as private
+                const targetPrivateRevenue = caTotal * 0.30;
+                const currentPrivateRevenue = formData.privateRevenue;
+                const additionalPrivateRevenue = targetPrivateRevenue - currentPrivateRevenue;
+                
+                // Private base rate: 2€/km
+                // But we need to calculate the gain based on better margins
+                // Private has no commission (vs platform which has ~20-25%)
+                // So the gain is roughly the commission difference on the additional amount
+                
+                const avgCommissionRate = 0.22; // Average platform commission
+                const gainFromConversion = additionalPrivateRevenue * avgCommissionRate;
+                
+                // Recalculate total profit with new private ratio
+                const newCaTotal = caTotal; // Same total, just redistributed
+                const newSocialCharges = newCaTotal * 0.22;
+                const newProfit = newCaTotal - newSocialCharges - calculationResults.variableCost - calculationResults.fixedCharges;
+                const monthlyGain = newProfit - calculationResults.profit;
+                
+                tieProjection = {
+                    hasPotential: true,
+                    currentPrivateRatio: currentPrivateRatio,
+                    targetPrivateRatio: 30,
+                    monthlyGain: monthlyGain > 0 ? monthlyGain : 0,
+                    message: `En passant à 30% de revenus privés, vous pourriez gagner ${monthlyGain > 0 ? Math.round(monthlyGain) : 0}€ de plus par mois`
+                };
+            } else {
+                tieProjection = {
+                    hasPotential: false,
+                    currentPrivateRatio: currentPrivateRatio,
+                    message: "Votre mix privé/plateforme est déjà optimal (30% ou plus)"
+                };
+            }
+            
+            return tieProjection;
+        }
+
+        // TIE Score Calculation (0-100)
+        function calculateTIEScore() {
+            let score = 0;
+            const results = calculationResults;
+            
+            // 1. Profitability (40 points max)
+            if (results.profit > 3000) score += 40;
+            else if (results.profit > 2000) score += 30;
+            else if (results.profit > 1500) score += 20;
+            else if (results.profit > 800) score += 10;
+            else score += 5;
+            
+            // 2. Private revenue mix (20 points max)
+            if (results.pctPrivate >= 50) score += 20;
+            else if (results.pctPrivate >= 30) score += 15;
+            else if (results.pctPrivate >= 15) score += 10;
+            else if (results.pctPrivate >= 5) score += 5;
+            else score += 0;
+            
+            // 3. Hourly rate efficiency (25 points max)
+            if (results.hourlyRate > 25) score += 25;
+            else if (results.hourlyRate > 18) score += 20;
+            else if (results.hourlyRate > 12) score += 15;
+            else if (results.hourlyRate > 8) score += 10;
+            else score += 5;
+            
+            // 4. Vehicle efficiency (15 points max)
+            if (formData.vehicleType === 'electrique') score += 15;
+            else if (formData.vehicleType === 'hybride') score += 10;
+            else score += 5; // thermique
+            
+            tieScoreData = {
+                total: score,
+                label: getScoreLabel(score),
+                interpretation: getScoreInterpretation(score)
+            };
+            
+            return tieScoreData;
+        }
+
+        function getScoreLabel(score) {
+            if (score >= 80) return "Chauffeur Expert";
+            if (score >= 65) return "Bon niveau";
+            if (score >= 45) return "Activité stable";
+            if (score >= 25) return "À optimiser";
+            return "Activité à risque";
+        }
+
+        function getScoreInterpretation(score) {
+            if (score >= 80) return "🏆 Excellent ! Votre activité est bien optimisée et rentable.";
+            if (score >= 65) return "🚀 Très bien. Votre activité est rentable mais peut encore s'améliorer.";
+            if (score >= 45) return "⚖️ Correct. Votre activité est viable mais pourrait être plus optimisée.";
+            if (score >= 25) return "⚠️ Fragile. Vous devriez développer vos revenus privés et réduire les coûts.";
+            return "🚨 Alert. Votre rentabilité est faible. Développez vos clients privés rapidement.";
+        }
+
         // TIE Score Calculation
         function calculateTIEScore() {
             const results = calculationResults;
@@ -768,6 +958,8 @@
 
         function displayResults() {
             const results = calculationResults;
+            const projection = calculateTIEProjection();
+            const score = calculateTIEScore();
             
             // Update UI
             const resultIcon = getElement('resultIcon');
@@ -783,40 +975,65 @@
             const privateProjection = getElement('privateProjection');
             const gainProjection = getElement('gainProjection');
 
+            // Update new detailed breakdown
             if (profitAmount) profitAmount.textContent = formatMoney(results.profit);
             if (caTotal) caTotal.textContent = formatMoney(results.caTotal);
-            if (chargesAmount) chargesAmount.textContent = '-' + formatMoney(results.charges);
-            if (kmCost) kmCost.textContent = '-' + formatMoney(results.costKm);
+            if (chargesAmount) chargesAmount.textContent = '-' + formatMoney(results.socialCharges);
+            if (kmCost) kmCost.textContent = '-' + formatMoney(results.variableCost);
             if (pctPlatform) pctPlatform.textContent = Math.round(results.pctPlatform) + '%';
             if (pctPrivate) pctPrivate.textContent = Math.round(results.pctPrivate) + '%';
             if (pctTips) pctTips.textContent = Math.round(results.pctTips) + '%';
 
-            // Result logic
-            if (results.profit < 1500) {
+            // Result logic based on new calculation
+            if (results.profit < 800) {
                 if (resultIcon) resultIcon.textContent = '💸';
-                if (resultTitle) resultTitle.textContent = `Vous perdez environ ${Math.abs(Math.round(results.profit - 1500))}€/mois`;
-                if (resultSubtitle) resultSubtitle.textContent = "Votre activité n'est pas rentable actuellement.";
-            } else if (results.profit <= 3000) {
+                if (resultTitle) resultTitle.textContent = `Activité non rentable`;
+                if (resultSubtitle) resultSubtitle.textContent = `Bénéfice mensuel : ${formatMoney(results.profit)} · Taux horaire : ${formatMoney(results.hourlyRate)}/h`;
+            } else if (results.profit < 2000) {
                 if (resultIcon) resultIcon.textContent = '⚖️';
-                if (resultTitle) resultTitle.textContent = "Votre activité est stable mais optimisable";
-                if (resultSubtitle) resultSubtitle.textContent = "Vous gagnez correctement mais pouvez optimiser davantage.";
+                if (resultTitle) resultTitle.textContent = "Activité viable mais fragile";
+                if (resultSubtitle) resultSubtitle.textContent = `Bénéfice : ${formatMoney(results.profit)}/mois · ${formatMoney(results.hourlyRate)}/h`;
             } else {
                 if (resultIcon) resultIcon.textContent = '🚀';
-                if (resultTitle) resultTitle.textContent = "Votre activité est rentable et bien optimisée";
-                if (resultSubtitle) resultSubtitle.textContent = "Excellent travail ! Votre modèle économique est solide.";
+                if (resultTitle) resultTitle.textContent = "Activité rentable et solide";
+                if (resultSubtitle) resultSubtitle.textContent = `Bénéfice : ${formatMoney(results.profit)}/mois · ${formatMoney(results.hourlyRate)}/h`;
             }
 
-            // Private projection
-            if (results.privateGain > 0) {
-                if (privateProjection) privateProjection.classList.remove('hidden');
-                if (gainProjection) gainProjection.textContent = formatMoney(results.privateGain);
+            // TIE Projection
+            if (projection.hasPotential && projection.monthlyGain > 0) {
+                if (privateProjection) {
+                    privateProjection.classList.remove('hidden');
+                    privateProjection.innerHTML = `
+                        <div class="flex items-center gap-2 text-emerald-400 font-medium text-sm mb-1">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/></svg>
+                            Potentiel TIE
+                        </div>
+                        <div class="text-sm text-white/80">
+                            Passer à 30% de privés = <span class="text-emerald-400 font-medium">+${Math.round(projection.monthlyGain)}€/mois</span>
+                        </div>
+                    `;
+                }
             } else {
-                if (privateProjection) privateProjection.classList.add('hidden');
+                if (privateProjection) {
+                    privateProjection.classList.remove('hidden');
+                    privateProjection.innerHTML = `
+                        <div class="flex items-center gap-2 text-emerald-400 font-medium text-sm mb-1">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></svg>
+                            Mix optimal atteint
+                        </div>
+                        <div class="text-sm text-white/80">
+                            ${projection.message}
+                        </div>
+                    `;
+                }
             }
+
+            // Store score for display
+            window.currentTIEScore = score;
         }
 
         function displayScore() {
-            const score = calculateTIEScore();
+            const score = window.currentTIEScore || calculateTIEScore();
             
             const tieScore = getElement('tieScore');
             const scoreLabel = getElement('scoreLabel');
@@ -838,20 +1055,54 @@
             if (scoreLabel) scoreLabel.textContent = score.label;
             if (scoreInterpretation) scoreInterpretation.textContent = score.interpretation;
 
-            if (scoreProfit) scoreProfit.textContent = `${score.profit}/40`;
-            if (scoreMix) scoreMix.textContent = `${score.mix}/20`;
-            if (scoreQuality) scoreQuality.textContent = `${score.quality}/25`;
-            if (scoreEfficiency) scoreEfficiency.textContent = `${score.efficiency}/15`;
-
-            if (barProfit) barProfit.style.width = (score.profit / 40 * 100) + '%';
-            if (barMix) barMix.style.width = (score.mix / 20 * 100) + '%';
-            if (barQuality) barQuality.style.width = (score.quality / 25 * 100) + '%';
-            if (barEfficiency) barEfficiency.style.width = (score.efficiency / 15 * 100) + '%';
-
-            if (scoreProjectionText && score.pointsToGain > 0) {
-                scoreProjectionText.textContent = `+${score.pointsToGain} points possibles en développant vos courses privées`;
+            // Calculate breakdown points
+            const results = calculationResults;
+            let profitPoints = 0;
+            if (results.profit > 3000) profitPoints = 40;
+            else if (results.profit > 2000) profitPoints = 30;
+            else if (results.profit > 1500) profitPoints = 20;
+            else if (results.profit > 800) profitPoints = 10;
+            else profitPoints = 5;
+
+            let mixPoints = 0;
+            if (results.pctPrivate >= 50) mixPoints = 20;
+            else if (results.pctPrivate >= 30) mixPoints = 15;
+            else if (results.pctPrivate >= 15) mixPoints = 10;
+            else if (results.pctPrivate >= 5) mixPoints = 5;
+
+            let hourlyPoints = 0;
+            if (results.hourlyRate > 25) hourlyPoints = 25;
+            else if (results.hourlyRate > 18) hourlyPoints = 20;
+            else if (results.hourlyRate > 12) hourlyPoints = 15;
+            else if (results.hourlyRate > 8) hourlyPoints = 10;
+            else hourlyPoints = 5;
+
+            let vehiclePoints = 0;
+            if (formData.vehicleType === 'electrique') vehiclePoints = 15;
+            else if (formData.vehicleType === 'hybride') vehiclePoints = 10;
+            else vehiclePoints = 5;
+
+            if (scoreProfit) scoreProfit.textContent = `${profitPoints}/40`;
+            if (scoreMix) scoreMix.textContent = `${mixPoints}/20`;
+            if (scoreQuality) scoreQuality.textContent = `${hourlyPoints}/25`;
+            if (scoreEfficiency) scoreEfficiency.textContent = `${vehiclePoints}/15`;
+
+            if (barProfit) barProfit.style.width = (profitPoints / 40 * 100) + '%';
+            if (barMix) barMix.style.width = (mixPoints / 20 * 100) + '%';
+            if (barQuality) barQuality.style.width = (hourlyPoints / 25 * 100) + '%';
+            if (barEfficiency) barEfficiency.style.width = (vehiclePoints / 15 * 100) + '%';
+
+            // Points to gain
+            const currentPrivateRatio = results.pctPrivate;
+            let pointsToGain = 0;
+            if (currentPrivateRatio < 30) {
+                pointsToGain = Math.round((30 - currentPrivateRatio) / 2);
+            }
+            
+            if (scoreProjectionText && pointsToGain > 0) {
+                scoreProjectionText.textContent = `+${pointsToGain} points possibles en développant vos courses privées`;
             } else if (scoreProjectionText) {
-                scoreProjectionText.textContent = "Votre mix privé/plateforme est déjà optimal";
+                scoreProjectionText.textContent = "Votre profil est bien optimisé";
             }
         }
 
@@ -862,6 +1113,11 @@
                     alert('Veuillez sélectionner un type de véhicule.');
                     return;
                 }
+                
+                // Get vehicle payment
+                if (vehiclePaymentInput) {
+                    formData.vehiclePayment = parseFloat(vehiclePaymentInput.value) || 0;
+                }
 
                 showLoading();
 
@@ -876,10 +1132,58 @@
             });
         }
 
+        // Show Details button
+        const btnShowDetails = getElement('btnShowDetails');
+        const btnBackFromDetails = getElement('btnBackFromDetails');
+        const detailsSection = getElement('detailsSection');
+
+        function showDetails() {
+            const results = calculationResults;
+            
+            // Update detail values
+            const detailCA = getElement('detailCA');
+            const detailSocial = getElement('detailSocial');
+            const detailVariable = getElement('detailVariable');
+            const detailInsurance = getElement('detailInsurance');
+            const detailPayment = getElement('detailPayment');
+            const detailProfit = getElement('detailProfit');
+            const detailHourly = getElement('detailHourly');
+
+            if (detailCA) detailCA.textContent = formatMoney(results.caTotal);
+            if (detailSocial) detailSocial.textContent = '-' + formatMoney(results.socialCharges);
+            if (detailVariable) detailVariable.textContent = '-' + formatMoney(results.variableCost);
+            if (detailInsurance) detailInsurance.textContent = '-' + formatMoney(results.insuranceFixed);
+            if (detailPayment) detailPayment.textContent = '-' + formatMoney(results.vehiclePayment);
+            if (detailProfit) detailProfit.textContent = formatMoney(results.profit);
+            if (detailHourly) detailHourly.textContent = formatMoney(results.hourlyRate) + '/h';
+
+            // Hide result, show details
+            const resultScreen = getElement('resultScreen');
+            if (resultScreen) resultScreen.classList.remove('active');
+            if (detailsSection) detailsSection.classList.add('active');
+        }
+
+        function hideDetails() {
+            if (detailsSection) detailsSection.classList.remove('active');
+            const resultScreen = getElement('resultScreen');
+            if (resultScreen) resultScreen.classList.add('active');
+        }
+
+        if (btnShowDetails) {
+            btnShowDetails.addEventListener('click', showDetails);
+        }
+
+        if (btnBackFromDetails) {
+            btnBackFromDetails.addEventListener('click', hideDetails);
+        }
+
         // Discover score button
         const btnDiscoverScore = getElement('btnDiscoverScore');
         if (btnDiscoverScore) {
             btnDiscoverScore.addEventListener('click', () => {
+                // Hide details if open
+                if (detailsSection) detailsSection.classList.remove('active');
+                
                 showScoreLoading();
                 
                 setTimeout(() => {
@@ -889,6 +1193,16 @@
             });
         }
 
+        // Back button from score to results
+        const btnBackFromScore = getElement('btnBackFromScore');
+        if (btnBackFromScore) {
+            btnBackFromScore.addEventListener('click', () => {
+                const scoreScreen = getElement('scoreScreen');
+                if (scoreScreen) scoreScreen.classList.remove('active');
+                showResults();
+            });
+        }
+
         // Reset button
         const btnReset = getElement('btnReset');
         if (btnReset) {
@@ -897,18 +1211,24 @@
                 formData = {
                     coursesPerDay: 0,
                     daysPerMonth: 0,
+                    hoursPerMonth: 0,
+                    distancePerMonth: 0,
                     platformRevenue: 0,
                     privateRevenue: 0,
                     tipsRevenue: 0,
-                    vehicleType: ''
+                    vehicleType: '',
+                    vehiclePayment: 0
                 };
                 
                 // Clear inputs
                 if (coursesPerDayInput) coursesPerDayInput.value = '';
                 if (daysPerMonthInput) daysPerMonthInput.value = '';
+                if (hoursPerMonthInput) hoursPerMonthInput.value = '';
+                if (distancePerMonthInput) distancePerMonthInput.value = '';
                 if (platformRevenueInput) platformRevenueInput.value = '';
                 if (privateRevenueInput) privateRevenueInput.value = '';
                 if (tipsRevenueInput) tipsRevenueInput.value = '';
+                if (vehiclePaymentInput) vehiclePaymentInput.value = '';
                 
                 vehicleBtns.forEach(b => b.classList.remove('selected'));
                 if (vehicleTypeInput) vehicleTypeInput.value = '';
@@ -916,6 +1236,9 @@
                 
                 if (totalCoursesPreview) totalCoursesPreview.textContent = '0';
                 
+                // Hide details if open
+                if (detailsSection) detailsSection.classList.remove('active');
+                
                 // Go back to step 1
                 showStep(1);
             });
@@ -932,6 +1255,22 @@
         
         if (daysPerMonthInput) {
             daysPerMonthInput.addEventListener('keypress', (e) => {
+                if (e.key === 'Enter') {
+                    if (hoursPerMonthInput) hoursPerMonthInput.focus();
+                }
+            });
+        }
+        
+        if (hoursPerMonthInput) {
+            hoursPerMonthInput.addEventListener('keypress', (e) => {
+                if (e.key === 'Enter') {
+                    if (distancePerMonthInput) distancePerMonthInput.focus();
+                }
+            });
+        }
+        
+        if (distancePerMonthInput) {
+            distancePerMonthInput.addEventListener('keypress', (e) => {
                 if (e.key === 'Enter' && btnStep1Next) btnStep1Next.click();
             });
         }