Update index.html

index.html

@@ -27,9 +27,8 @@
         body { background-color: var(--bg-dark); color: var(--text-light); min-height: 100vh; padding-bottom: 80px; }
         .container { width: 100%; max-width: 800px; margin: 0 auto; padding: 1rem; }
         header { padding: 1rem 0; text-align: center; border-bottom: 1px solid var(--border-color); margin-bottom: 1rem; display: flex; flex-direction: column; align-items: center; }
-        /* Style pour rendre le logo cliquable */
         #logo-link { display: inline-block; cursor: pointer; text-decoration: none; margin-bottom: 0.5rem; }
-        header img#app-logo { max-width: 250px; height: auto; display: block; /* Assure que l'image est bien un bloc dans le lien */ }
+        header img#app-logo { max-width: 250px; height: auto; display: block; }
         header p { color: var(--text-secondary); font-size: 0.9rem; }
         h1, h2, h3, h4 { font-family: var(--font-headings); font-weight: 700; color: var(--accent); text-transform: uppercase; letter-spacing: 0.5px; }
         .btn { background-color: var(--accent); color: var(--text-on-accent); border: none; padding: 0.6rem 1.2rem; border-radius: 4px; cursor: pointer; font-weight: bold; font-family: var(--font-headings); text-transform: uppercase; transition: background-color 0.2s, color 0.2s; }
@@ -114,10 +113,41 @@
         .type-trend-card li:last-child { border-bottom: none; }
         .type-trend-card li span:first-child { color: var(--text-secondary); font-size: 0.85rem; margin-right: 1rem; }
         .type-trend-card li strong { color: var(--accent); }
-        /* Style simple pour la page d'accueil */
+
+        /* === NOUVEAUX STYLES === */
+        /* Style page d'accueil */
+        #accueil-page .card {
+             border: 2px solid var(--accent); /* Ajout bordure jaune */
+             background-color: #282828; /* Fond légèrement différent pour se démarquer */
+        }
         #accueil-page .card p { line-height: 1.6; color: var(--text-light); }
-        #accueil-page .card ul { list-style: disc; padding-left: 25px; margin-top: 1rem; color: var(--text-light); }
-        #accueil-page .card li { margin-bottom: 0.5rem; }
+        #accueil-page .card ul { list-style: none; /* Retrait puces */ padding-left: 0; margin-top: 1rem; color: var(--text-light); }
+        #accueil-page .card li { margin-bottom: 0.6rem; padding-left: 1.5rem; position: relative; }
+        /* Ajout d'une puce personnalisée jaune */
+        #accueil-page .card li::before {
+            content: '✓'; /* Ou un autre symbole comme •, → */
+            color: var(--accent);
+            font-weight: bold;
+            position: absolute;
+            left: 0;
+            top: 0;
+        }
+        /* Style flèche guide */
+        .guide-arrow {
+            text-align: center;
+            margin-top: 1.5rem;
+            font-size: 2.5rem; /* Taille de la flèche */
+            color: var(--accent);
+            animation: bounce 2s infinite; /* Ajoute une petite animation */
+        }
+        /* Animation pour la flèche */
+        @keyframes bounce {
+            0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
+            40% { transform: translateY(-10px); }
+            60% { transform: translateY(-5px); }
+        }
+        /* === FIN NOUVEAUX STYLES === */
+
 
         /* Media Queries */
         @media (max-width: 600px) {
@@ -176,18 +206,18 @@
             </div>
 
             <div id="app-container">
-                <!-- *NOUVEAU* Accueil Page -->
+                <!-- Accueil Page MISE A JOUR -->
                 <div id="accueil-page">
                     <h2>Bienvenue !</h2>
-                    <div class="card">
+                    <div class="card"> <!-- La bordure jaune sera appliquée par le CSS -->
                         <p>
-                            Bienvenue sur l'application de suivi de **Cocktail Fitness** !
+                            Bienvenue sur l'application de suivi de <strong>Cocktail Fitness</strong> !
                         </p>
                         <p style="margin-top: 1rem;">
                             Utilisez cette application pour enregistrer vos séances d'entraînement,
                             suivre votre progression et analyser vos performances au fil du temps.
                         </p>
-                        <ul style="margin-top: 1rem;">
+                        <ul>
                             <li>Cliquez sur "Séances" pour voir vos entraînements passés ou en créer un nouveau.</li>
                             <li>Cliquez sur "Stats" pour visualiser vos statistiques globales.</li>
                             <li>Gérez vos types de séances personnalisés (Push, Pull, Legs...).</li>
@@ -195,10 +225,12 @@
                         <p style="margin-top: 1.5rem; text-align: center;">
                            Bon entraînement ! 💪
                         </p>
+                        <!-- Flèche guide ajoutée ici -->
+                        <div class="guide-arrow">↓</div>
                     </div>
                 </div>
 
-                <!-- *RENOMMÉ* Séances Page (Anciennement home-page) -->
+                <!-- Séances Page -->
                 <div id="seances-page">
                      <div class="flex-between">
                          <h2>Mes séances</h2>
@@ -217,7 +249,6 @@
                  <div id="manage-types-page">
                      <div class="flex-between">
                          <h2>Gérer les Types</h2>
-                         <!-- Bouton retour mène maintenant à la page des séances -->
                          <button class="btn btn-outline back-to-seances-btn">Retour</button>
                      </div>
                      <div class="card">
@@ -241,7 +272,6 @@
                  <div id="select-workout-type-page">
                      <div class="flex-between">
                          <h2>Démarrer Séance</h2>
-                         <!-- Bouton retour mène maintenant à la page des séances -->
                          <button class="btn btn-outline back-to-seances-btn">Annuler</button>
                      </div>
                      <div class="card">
@@ -294,7 +324,6 @@
                  <div id="workout-details-page">
                      <div class="flex-between">
                          <h2>Détail Séance <span id="detail-workout-type" class="badge type-badge hidden"></span></h2>
-                          <!-- Bouton retour mène maintenant à la page des séances -->
                          <button class="btn btn-outline back-to-seances-btn">Retour</button>
                      </div>
                      <div class="card">
@@ -334,13 +363,10 @@
 
             </div> <!-- Fin #app-container -->
 
-             <!-- Bottom Navigation - MISE A JOUR -->
+             <!-- Bottom Navigation -->
             <nav class="nav-bottom">
-                <!-- NOUVEAU lien Accueil -->
                 <a href="#" class="nav-item" data-page="accueil-page"> <div class="nav-icon">🏠</div> <div>Accueil</div> </a>
-                <!-- Lien Séances (anciennement Home) -->
                 <a href="#" class="nav-item" data-page="seances-page"> <div class="nav-icon">📋</div> <div>Séances</div> </a>
-                <!-- Lien Stats (inchangé) -->
                 <a href="#" class="nav-item" data-page="stats-page"> <div class="nav-icon">📊</div> <div>Stats</div> </a>
             </nav>
 
@@ -369,7 +395,7 @@
         const authActionButton = document.getElementById('auth-action-btn');
         const authSwitchLink = document.getElementById('auth-switch-link');
         const forgotPasswordLink = document.getElementById('forgot-password-link');
-        const logoLink = document.getElementById('logo-link'); // **NOUVEAU**
+        const logoLink = document.getElementById('logo-link');
         const authTitle = document.getElementById('auth-title');
         const authSwitchText = document.getElementById('auth-switch-text');
         const loginMessage = document.getElementById('login-message');
@@ -384,7 +410,7 @@
         const addExerciseBtn = document.getElementById('add-exercise-btn');
         const exercisesContainer = document.getElementById('exercises-container');
         const workoutsList = document.getElementById('workouts-list');
-        const backToSeancesBtns = document.querySelectorAll('.back-to-seances-btn'); // **RENOMMÉ**
+        const backToSeancesBtns = document.querySelectorAll('.back-to-seances-btn');
         const deleteWorkoutBtn = document.getElementById('delete-workout-btn');
         const satisfactionRange = document.getElementById('satisfaction');
         const satisfactionValue = document.querySelector('.satisfaction-value');
@@ -413,7 +439,6 @@
         const typeTrendsContainer = document.getElementById('type-trends-container');
         const noTrendsMessage = document.getElementById('no-trends-message');
         const trendsSpinner = document.getElementById('trends-spinner');
-        // On garde une référence à la page d'accueil et aux séances pour clarté
         const accueilPage = document.getElementById('accueil-page');
         const seancesPage = document.getElementById('seances-page');
 
@@ -421,41 +446,29 @@
         // --- DÉFINITION DES FONCTIONS ---
         // ===========================================
 
-        function showMessage(message, isError = true) { /* ... inchangé ... */ if (loginMessage) { loginMessage.textContent = message; loginMessage.className = isError ? 'error' : 'success'; loginMessage.style.display = 'block'; } }
-        function clearMessage() { /* ... inchangé ... */ if (loginMessage) { loginMessage.textContent = ''; loginMessage.style.display = 'none'; } }
-
+        // (Les définitions des fonctions JavaScript sont ici - identiques à la version précédente, sauf mention contraire)
+        function showMessage(message, isError = true) { if (loginMessage) { loginMessage.textContent = message; loginMessage.className = isError ? 'error' : 'success'; loginMessage.style.display = 'block'; } }
+        function clearMessage() { if (loginMessage) { loginMessage.textContent = ''; loginMessage.style.display = 'none'; } }
         function initAuthListener() { if (!auth) return; auth.onAuthStateChanged(user => { console.log("Auth state changed:", user ? user.uid : 'null'); currentFirebaseUser = user; if (user) { showApp(); } else { workouts = []; userWorkoutTypes = []; showLoginPage(); } }); }
-        function showLoginPage() { /* ... inchangé ... */ if(loginPage) loginPage.style.display = 'block'; if(mainAppContent) mainAppContent.style.display = 'none'; isLoginMode = true; authSwitchMode(); }
-
-        function showApp() {
-            if (!currentFirebaseUser || !mainAppContent) { showLoginPage(); return; }
-            console.log("Affichage App for user:", currentFirebaseUser.email);
-            if(loginPage) loginPage.style.display = 'none';
-            mainAppContent.style.display = 'block';
-            if(currentUserDisplay) currentUserDisplay.textContent = currentFirebaseUser.email;
-            setTodayDate();
-            loadWorkouts(); // Charger les données en arrière plan
-            loadWorkoutTypes();
-            showPage('accueil-page'); // **MODIFIÉ** : Démarrer sur la page d'accueil
-        }
-
-        function handleAuthAction(event) { /* ... inchangé ... */ if (!auth || !authEmailInput || !authPasswordInput || !authActionButton) return; event.preventDefault(); const email = authEmailInput.value; const password = authPasswordInput.value; clearMessage(); if (!email || !password) { showMessage('Email et Mot de passe requis.'); return; } authActionButton.disabled = true; authActionButton.textContent = 'Chargement...'; if (isLoginMode) { auth.signInWithEmailAndPassword(email, password).catch(handleAuthError).finally(() => { authActionButton.disabled = false; authActionButton.textContent = 'Se Connecter'; }); } else { auth.createUserWithEmailAndPassword(email, password).catch(handleAuthError).finally(() => { authActionButton.disabled = false; authActionButton.textContent = 'S\'inscrire'; }); } }
-        function handlePasswordReset(event) { /* ... inchangé ... */ event.preventDefault(); if (!auth) { alert("Service d'authentification non disponible."); return; } clearMessage(); const email = prompt("Veuillez entrer votre adresse email pour recevoir le lien de réinitialisation :"); if (!email) { showMessage("Saisie de l'email annulée.", true); return; } console.log("Tentative d'envoi de l'email de réinitialisation à :", email); auth.sendPasswordResetEmail(email).then(() => { console.log("Email de réinitialisation envoyé."); showMessage("Si un compte existe pour " + email + ", un email de réinitialisation a été envoyé.", false); }).catch((error) => { console.error("Erreur sendPasswordResetEmail:", error); handleAuthError(error); }); }
-        function handleLogout() { /* ... inchangé ... */ if (!auth) return; console.log("Déconnexion..."); auth.signOut().catch(error => { console.error("Logout Error:", error); alert("Erreur lors de la déconnexion."); }); }
-        function authSwitchMode() { /* ... inchangé ... */ isLoginMode = !isLoginMode; clearMessage(); if (authEmailInput) authEmailInput.value = ''; if (authPasswordInput) authPasswordInput.value = ''; if (authTitle) authTitle.textContent = isLoginMode ? 'Connexion' : 'Inscription'; if (authActionButton) authActionButton.textContent = isLoginMode ? 'Se Connecter' : 'S\'inscrire'; if (authSwitchText) authSwitchText.textContent = isLoginMode ? 'Pas encore de compte ?' : 'Déjà un compte ?'; if (authSwitchLink) authSwitchLink.textContent = isLoginMode ? 'Inscrivez-vous ici' : 'Connectez-vous ici'; if (authEmailInput) authEmailInput.focus(); }
-        function handleAuthError(error) { /* ... inchangé ... */ console.error("Erreur Auth Firebase:", error.code, error.message); showMessage(getAuthErrorMessage(error), true); }
-        function getAuthErrorMessage(error) { /* ... inchangé ... */ switch (error.code) { case 'auth/invalid-email': return 'Format d\'email invalide.'; case 'auth/user-disabled': return 'Ce compte utilisateur a été désactivé.'; case 'auth/user-not-found': return 'Aucun utilisateur trouvé avec cet email.'; case 'auth/wrong-password': return 'Mot de passe incorrect.'; case 'auth/email-already-in-use': return 'Cet email est déjà utilisé par un autre compte.'; case 'auth/weak-password': return 'Le mot de passe doit contenir au moins 6 caractères.'; case 'auth/operation-not-allowed': return 'Méthode de connexion non activée.'; case 'auth/missing-password': return 'Mot de passe manquant.'; case 'auth/missing-email': return 'Adresse email manquante.'; default: console.error("Unhandled Auth Error Code:", error.code); return `Erreur (${error.code}). Veuillez réessayer.`; } }
+        function showLoginPage() { if(loginPage) loginPage.style.display = 'block'; if(mainAppContent) mainAppContent.style.display = 'none'; isLoginMode = true; authSwitchMode(); }
+        function showApp() { if (!currentFirebaseUser || !mainAppContent) { showLoginPage(); return; } console.log("Affichage App for user:", currentFirebaseUser.email); if(loginPage) loginPage.style.display = 'none'; mainAppContent.style.display = 'block'; if(currentUserDisplay) currentUserDisplay.textContent = currentFirebaseUser.email; setTodayDate(); loadWorkouts(); loadWorkoutTypes(); showPage('accueil-page'); } // Démarre sur accueil
+        function handleAuthAction(event) { if (!auth || !authEmailInput || !authPasswordInput || !authActionButton) return; event.preventDefault(); const email = authEmailInput.value; const password = authPasswordInput.value; clearMessage(); if (!email || !password) { showMessage('Email et Mot de passe requis.'); return; } authActionButton.disabled = true; authActionButton.textContent = 'Chargement...'; if (isLoginMode) { auth.signInWithEmailAndPassword(email, password).catch(handleAuthError).finally(() => { authActionButton.disabled = false; authActionButton.textContent = 'Se Connecter'; }); } else { auth.createUserWithEmailAndPassword(email, password).catch(handleAuthError).finally(() => { authActionButton.disabled = false; authActionButton.textContent = 'S\'inscrire'; }); } } // Ne pas switcher après inscription réussie
+        function handlePasswordReset(event) { event.preventDefault(); if (!auth) { alert("Service d'authentification non disponible."); return; } clearMessage(); const email = prompt("Veuillez entrer votre adresse email pour recevoir le lien de réinitialisation :"); if (!email) { showMessage("Saisie de l'email annulée.", true); return; } console.log("Tentative d'envoi de l'email de réinitialisation à :", email); auth.sendPasswordResetEmail(email).then(() => { console.log("Email de réinitialisation envoyé."); showMessage("Si un compte existe pour " + email + ", un email de réinitialisation a été envoyé.", false); }).catch((error) => { console.error("Erreur sendPasswordResetEmail:", error); handleAuthError(error); }); }
+        function handleLogout() { if (!auth) return; console.log("Déconnexion..."); auth.signOut().catch(error => { console.error("Logout Error:", error); alert("Erreur lors de la déconnexion."); }); }
+        function authSwitchMode() { isLoginMode = !isLoginMode; clearMessage(); if (authEmailInput) authEmailInput.value = ''; if (authPasswordInput) authPasswordInput.value = ''; if (authTitle) authTitle.textContent = isLoginMode ? 'Connexion' : 'Inscription'; if (authActionButton) authActionButton.textContent = isLoginMode ? 'Se Connecter' : 'S\'inscrire'; if (authSwitchText) authSwitchText.textContent = isLoginMode ? 'Pas encore de compte ?' : 'Déjà un compte ?'; if (authSwitchLink) authSwitchLink.textContent = isLoginMode ? 'Inscrivez-vous ici' : 'Connectez-vous ici'; if (authEmailInput) authEmailInput.focus(); }
+        function handleAuthError(error) { console.error("Erreur Auth Firebase:", error.code, error.message); showMessage(getAuthErrorMessage(error), true); }
+        function getAuthErrorMessage(error) { switch (error.code) { case 'auth/invalid-email': return 'Format d\'email invalide.'; case 'auth/user-disabled': return 'Ce compte utilisateur a été désactivé.'; case 'auth/user-not-found': return 'Aucun utilisateur trouvé avec cet email.'; case 'auth/wrong-password': return 'Mot de passe incorrect.'; case 'auth/email-already-in-use': return 'Cet email est déjà utilisé.'; case 'auth/weak-password': return 'Le mot de passe doit faire au moins 6 caractères.'; case 'auth/operation-not-allowed': return 'Méthode de connexion non activée.'; case 'auth/missing-password': return 'Mot de passe manquant.'; case 'auth/missing-email': return 'Adresse email manquante.'; default: console.error("Unhandled Auth Error Code:", error.code); return `Erreur (${error.code}). Veuillez réessayer.`; } }
         function loadWorkoutTypes() { /* ... inchangé ... */ if (!currentFirebaseUser || !db || !typesSpinner) return; const userId = currentFirebaseUser.uid; console.log("Chargement types pour", userId); userWorkoutTypes = []; typesSpinner.classList.remove('hidden'); db.collection('workoutTypes').where('userId', '==', userId).orderBy('name').get().then(snapshot => { userWorkoutTypes = []; snapshot.forEach(doc => { userWorkoutTypes.push({ id: doc.id, ...doc.data() }); }); console.log("Types chargés:", userWorkoutTypes); renderWorkoutTypesList(); populateWorkoutTypeSelector(); }).catch(handleFirestoreError).finally(() => { typesSpinner.classList.add('hidden'); }); }
         function renderWorkoutTypesList() { /* ... inchangé ... */ if (!workoutTypesList || !emptyTypesMessage) return; workoutTypesList.innerHTML = ''; if (userWorkoutTypes.length === 0) { emptyTypesMessage.classList.remove('hidden'); } else { emptyTypesMessage.classList.add('hidden'); userWorkoutTypes.forEach(type => { const li = document.createElement('li'); li.textContent = type.name; workoutTypesList.appendChild(li); }); } }
         function handleAddWorkoutType(event) { /* ... inchangé ... */ event.preventDefault(); if (!currentFirebaseUser || !newTypeNameInput || !db || !addTypeError || !addTypeForm) return; const typeName = newTypeNameInput.value.trim(); addTypeError.textContent = ''; addTypeError.style.display = 'none'; if (!typeName) { addTypeError.textContent = "Le nom du type ne peut pas être vide."; addTypeError.style.display = 'block'; return; } if (userWorkoutTypes.some(t => t.name.toLowerCase() === typeName.toLowerCase())) { addTypeError.textContent = "Ce type de séance existe déjà."; addTypeError.style.display = 'block'; return; } console.log("Ajout type:", typeName); const typeData = { userId: currentFirebaseUser.uid, name: typeName, createdAt: firebase.firestore.FieldValue.serverTimestamp() }; const addBtn = addTypeForm.querySelector('button'); if (addBtn) { addBtn.disabled = true; addBtn.textContent = '...'; } db.collection('workoutTypes').add(typeData).then(() => { console.log("Type ajouté avec succès"); newTypeNameInput.value = ''; loadWorkoutTypes(); }).catch(handleFirestoreError).finally(() => { if (addBtn) { addBtn.disabled = false; addBtn.textContent = 'Ajouter'; } }); }
         function populateWorkoutTypeSelector() { /* ... inchangé ... */ if (!selectWorkoutTypeDropdown) return; selectWorkoutTypeDropdown.innerHTML = '<option value="">-- Sélectionner Type --</option>'; userWorkoutTypes.forEach(type => { const option = document.createElement('option'); option.value = type.name; option.textContent = type.name; selectWorkoutTypeDropdown.appendChild(option); }); updateStartStructuredBtnState(); }
         function updateStartStructuredBtnState() { /* ... inchangé ... */ if (!selectWorkoutTypeDropdown || !startStructuredWorkoutBtn) return; startStructuredWorkoutBtn.disabled = !selectWorkoutTypeDropdown.value; }
-        function loadWorkouts() { /* ... inchangé ... */ if (!currentFirebaseUser || !db || !spinner || !emptyWorkoutMessage || !workoutsList) { console.warn("Cannot load workouts: Missing user, db, or DOM elements."); if(workoutsList) workoutsList.innerHTML = ''; if(emptyWorkoutMessage) emptyWorkoutMessage.classList.remove('hidden'); workouts = []; updateStats(); return; } const userId = currentFirebaseUser.uid; console.log(`Chargement séances pour ${userId}...`); spinner.classList.remove('hidden'); emptyWorkoutMessage.classList.add('hidden'); workoutsList.innerHTML = ''; db.collection('workouts').where('userId', '==', userId).orderBy('date', 'desc').get().then((querySnapshot) => { workouts = []; console.log(`${querySnapshot.size} séances trouvées.`); querySnapshot.forEach((doc) => { const workoutData = doc.data(); workoutData.id = doc.id; workouts.push(workoutData); }); renderWorkoutsList(); updateStats(); }).catch(handleFirestoreError).finally(() => { spinner.classList.add('hidden'); if (workouts.length === 0) { emptyWorkoutMessage.classList.remove('hidden'); } }); }
-        function saveWorkout() { /* ... inchangé ... */ if (!currentFirebaseUser || !db || !exercisesContainer || !saveWorkoutBtn) { alert("Erreur: Impossible de sauvegarder."); return; } const userId = currentFirebaseUser.uid; workoutExercisesForm = Array.from(exercisesContainer.querySelectorAll('.exercise')); const workoutNameInput = document.getElementById('workout-name'); const workoutName = workoutNameInput ? workoutNameInput.value.trim() : ''; const workoutDate = workoutDateInput ? workoutDateInput.value : ''; const workoutDurationInput = document.getElementById('workout-duration'); const workoutDuration = workoutDurationInput ? parseInt(workoutDurationInput.value) || 0 : 0; const satisfaction = satisfactionRange ? parseInt(satisfactionRange.value) : 75; if (!selectedWorkoutTypeName) { alert("Erreur interne: Type de séance manquant."); showPage('seances-page'); return; } if (!workoutDate) { alert("Veuillez sélectionner une date."); if(workoutDateInput) workoutDateInput.focus(); return; } if (workoutDuration <= 0) { alert("Veuillez entrer une durée valide (minutes)."); if(workoutDurationInput) workoutDurationInput.focus(); return; } if (workoutExercisesForm.length === 0) { alert("Veuillez ajouter au moins un exercice."); return; } const exercises = []; let validationError = null; workoutExercisesForm.forEach((exerciseEl, index) => { if (validationError) return; const nameInput = exerciseEl.querySelector('.exercise-name'); const exerciseName = nameInput ? nameInput.value.trim() : ''; const unilateralCheckbox = exerciseEl.querySelector('.unilateral-checkbox'); const isUnilateral = unilateralCheckbox ? unilateralCheckbox.checked : false; if (!exerciseName) { validationError = `Nommez l'exercice #${index + 1}.`; if(nameInput) nameInput.focus(); return; } const series = []; const seriesElements = exerciseEl.querySelectorAll('.series'); if (seriesElements.length === 0) { validationError = `L'exercice "${exerciseName}" n'a pas de série.`; return; } seriesElements.forEach((seriesEl, sIndex) => { if (validationError) return; const repsInput = seriesEl.querySelector('.reps'); const weightInput = seriesEl.querySelector('.weight'); const degressiveCheckbox = seriesEl.querySelector('.degressive-checkbox'); const reps = repsInput ? parseInt(repsInput.value) || 0 : 0; const weight = weightInput ? parseFloat(weightInput.value) || 0 : 0; const isDegressive = degressiveCheckbox ? degressiveCheckbox.checked : false; if (reps <= 0) { validationError = `Reps invalides pour série ${sIndex + 1} (${exerciseName}).`; if(repsInput) repsInput.focus(); return; } if (weight < 0) { validationError = `Charge invalide pour série ${sIndex + 1} (${exerciseName}).`; if(weightInput) weightInput.focus(); return; } series.push({ reps, weight, isDegressive }); }); if (!validationError) { exercises.push({ name: exerciseName, isUnilateral, series }); } }); if (validationError) { alert(validationError); return; } let totalTonnage = 0; exercises.forEach(ex => { (ex.series || []).forEach(s => { totalTonnage += (s.reps || 0) * (s.weight || 0) * (ex.isUnilateral ? 2 : 1); }); }); const finalWorkoutName = workoutName || selectedWorkoutTypeName; const workoutData = { userId: userId, workoutTypeName: selectedWorkoutTypeName, name: finalWorkoutName, date: workoutDate, duration: workoutDuration, exercises: exercises, totalTonnage: totalTonnage, satisfaction: satisfaction, lastUpdated: firebase.firestore.FieldValue.serverTimestamp() }; let savePromise; if (currentWorkoutId) { workoutData.createdAt = workouts.find(w => w.id === currentWorkoutId)?.createdAt || firebase.firestore.FieldValue.serverTimestamp(); savePromise = db.collection('workouts').doc(currentWorkoutId).set(workoutData); } else { workoutData.createdAt = firebase.firestore.FieldValue.serverTimestamp(); savePromise = db.collection('workouts').add(workoutData); } saveWorkoutBtn.disabled = true; saveWorkoutBtn.textContent = 'Sauvegarde...'; savePromise.then((docRefOrVoid) => { const savedId = currentWorkoutId || (docRefOrVoid ? docRefOrVoid.id : 'unknown'); console.log("Séance sauvegardée:", savedId); currentWorkoutId = null; try { if (typeof confetti === 'function') confetti({ particleCount: 150, spread: 90, origin: { y: 0.6 } }); } catch(e) { console.warn("Confetti error:", e)} showPage('seances-page'); loadWorkouts(); }).catch(handleFirestoreError).finally(() => { saveWorkoutBtn.disabled = false; saveWorkoutBtn.textContent = 'Enregistrer Séance'; }); }
-        function deleteWorkout() { /* ... inchangé ... */ if (!currentFirebaseUser || !currentWorkoutId || !db || !deleteWorkoutBtn) return; const workoutToDelete = workouts.find(w => w && w.id === currentWorkoutId); if (!workoutToDelete) { console.error("Workout to delete not found locally."); return; } const confirmMsg = `Supprimer la séance "${workoutToDelete.name || 'Sans nom'}" du ${new Date(workoutToDelete.date).toLocaleDateString('fr-FR')} ?`; if (!confirm(confirmMsg)) return; console.log("Suppression séance:", currentWorkoutId); deleteWorkoutBtn.disabled = true; deleteWorkoutBtn.textContent = 'Suppression...'; db.collection('workouts').doc(currentWorkoutId).delete().then(() => { console.log("Séance supprimée avec succès:", currentWorkoutId); currentWorkoutId = null; showPage('seances-page'); loadWorkouts(); }).catch(handleFirestoreError).finally(() => { deleteWorkoutBtn.disabled = false; deleteWorkoutBtn.textContent = 'Supprimer Séance'; }); }
+        function loadWorkouts() { /* ... inchangé ... */ if (!currentFirebaseUser || !db || !spinner || !emptyWorkoutMessage || !workoutsList) { console.warn("Cannot load workouts"); if(workoutsList) workoutsList.innerHTML = ''; if(emptyWorkoutMessage) emptyWorkoutMessage.classList.remove('hidden'); workouts = []; updateStats(); return; } const userId = currentFirebaseUser.uid; console.log(`Chargement séances pour ${userId}...`); spinner.classList.remove('hidden'); emptyWorkoutMessage.classList.add('hidden'); workoutsList.innerHTML = ''; db.collection('workouts').where('userId', '==', userId).orderBy('date', 'desc').get().then((querySnapshot) => { workouts = []; console.log(`${querySnapshot.size} séances trouvées.`); querySnapshot.forEach((doc) => { const workoutData = doc.data(); workoutData.id = doc.id; workouts.push(workoutData); }); renderWorkoutsList(); updateStats(); }).catch(handleFirestoreError).finally(() => { spinner.classList.add('hidden'); if (workouts.length === 0) { emptyWorkoutMessage.classList.remove('hidden'); } }); }
+        function saveWorkout() { /* ... inchangé - mais redirection vers seances-page ... */ if (!currentFirebaseUser || !db || !exercisesContainer || !saveWorkoutBtn) { alert("Erreur: Impossible de sauvegarder."); return; } const userId = currentFirebaseUser.uid; workoutExercisesForm = Array.from(exercisesContainer.querySelectorAll('.exercise')); const workoutNameInput = document.getElementById('workout-name'); const workoutName = workoutNameInput ? workoutNameInput.value.trim() : ''; const workoutDate = workoutDateInput ? workoutDateInput.value : ''; const workoutDurationInput = document.getElementById('workout-duration'); const workoutDuration = workoutDurationInput ? parseInt(workoutDurationInput.value) || 0 : 0; const satisfaction = satisfactionRange ? parseInt(satisfactionRange.value) : 75; if (!selectedWorkoutTypeName) { alert("Erreur interne: Type de séance manquant."); showPage('seances-page'); return; } if (!workoutDate) { alert("Veuillez sélectionner une date."); if(workoutDateInput) workoutDateInput.focus(); return; } if (workoutDuration <= 0) { alert("Veuillez entrer une durée valide."); if(workoutDurationInput) workoutDurationInput.focus(); return; } if (workoutExercisesForm.length === 0) { alert("Veuillez ajouter au moins un exercice."); return; } const exercises = []; let validationError = null; workoutExercisesForm.forEach((exerciseEl, index) => { if (validationError) return; const nameInput = exerciseEl.querySelector('.exercise-name'); const exerciseName = nameInput ? nameInput.value.trim() : ''; const unilateralCheckbox = exerciseEl.querySelector('.unilateral-checkbox'); const isUnilateral = unilateralCheckbox ? unilateralCheckbox.checked : false; if (!exerciseName) { validationError = `Nommez l'exercice #${index + 1}.`; if(nameInput) nameInput.focus(); return; } const series = []; const seriesElements = exerciseEl.querySelectorAll('.series'); if (seriesElements.length === 0) { validationError = `L'exercice "${exerciseName}" n'a pas de série.`; return; } seriesElements.forEach((seriesEl, sIndex) => { if (validationError) return; const repsInput = seriesEl.querySelector('.reps'); const weightInput = seriesEl.querySelector('.weight'); const degressiveCheckbox = seriesEl.querySelector('.degressive-checkbox'); const reps = repsInput ? parseInt(repsInput.value) || 0 : 0; const weight = weightInput ? parseFloat(weightInput.value) || 0 : 0; const isDegressive = degressiveCheckbox ? degressiveCheckbox.checked : false; if (reps <= 0) { validationError = `Reps invalides pour série ${sIndex + 1} (${exerciseName}).`; if(repsInput) repsInput.focus(); return; } if (weight < 0) { validationError = `Charge invalide pour série ${sIndex + 1} (${exerciseName}).`; if(weightInput) weightInput.focus(); return; } series.push({ reps, weight, isDegressive }); }); if (!validationError) { exercises.push({ name: exerciseName, isUnilateral, series }); } }); if (validationError) { alert(validationError); return; } let totalTonnage = 0; exercises.forEach(ex => { (ex.series || []).forEach(s => { totalTonnage += (s.reps || 0) * (s.weight || 0) * (ex.isUnilateral ? 2 : 1); }); }); const finalWorkoutName = workoutName || selectedWorkoutTypeName; const workoutData = { userId: userId, workoutTypeName: selectedWorkoutTypeName, name: finalWorkoutName, date: workoutDate, duration: workoutDuration, exercises: exercises, totalTonnage: totalTonnage, satisfaction: satisfaction, lastUpdated: firebase.firestore.FieldValue.serverTimestamp() }; let savePromise; if (currentWorkoutId) { workoutData.createdAt = workouts.find(w => w.id === currentWorkoutId)?.createdAt || firebase.firestore.FieldValue.serverTimestamp(); savePromise = db.collection('workouts').doc(currentWorkoutId).set(workoutData); } else { workoutData.createdAt = firebase.firestore.FieldValue.serverTimestamp(); savePromise = db.collection('workouts').add(workoutData); } saveWorkoutBtn.disabled = true; saveWorkoutBtn.textContent = 'Sauvegarde...'; savePromise.then((docRefOrVoid) => { const savedId = currentWorkoutId || (docRefOrVoid ? docRefOrVoid.id : 'unknown'); console.log("Séance sauvegardée:", savedId); currentWorkoutId = null; try { if (typeof confetti === 'function') confetti({ particleCount: 150, spread: 90, origin: { y: 0.6 } }); } catch(e) { console.warn("Confetti error:", e)} showPage('seances-page'); loadWorkouts(); }).catch(handleFirestoreError).finally(() => { saveWorkoutBtn.disabled = false; saveWorkoutBtn.textContent = 'Enregistrer Séance'; }); }
+        function deleteWorkout() { /* ... inchangé - mais redirection vers seances-page ... */ if (!currentFirebaseUser || !currentWorkoutId || !db || !deleteWorkoutBtn) return; const workoutToDelete = workouts.find(w => w && w.id === currentWorkoutId); if (!workoutToDelete) { console.error("Workout to delete not found locally."); return; } const confirmMsg = `Supprimer la séance "${workoutToDelete.name || 'Sans nom'}" du ${new Date(workoutToDelete.date).toLocaleDateString('fr-FR')} ?`; if (!confirm(confirmMsg)) return; console.log("Suppression séance:", currentWorkoutId); deleteWorkoutBtn.disabled = true; deleteWorkoutBtn.textContent = 'Suppression...'; db.collection('workouts').doc(currentWorkoutId).delete().then(() => { console.log("Séance supprimée avec succès:", currentWorkoutId); currentWorkoutId = null; showPage('seances-page'); loadWorkouts(); }).catch(handleFirestoreError).finally(() => { deleteWorkoutBtn.disabled = false; deleteWorkoutBtn.textContent = 'Supprimer Séance'; }); }
         function setTodayDate() { /* ... inchangé ... */ if (workoutDateInput) { try { const today = new Date(); const offset = today.getTimezoneOffset(); const localDate = new Date(today.getTime() - (offset*60*1000)); workoutDateInput.value = localDate.toISOString().split('T')[0]; } catch (e) { console.error("Erreur setTodayDate:", e); try { workoutDateInput.value = new Date().toISOString().split('T')[0]; } catch {} } } }
 
-        function showPage(pageId) {
+        function showPage(pageId) { // **MODIFIÉ** pour gérer la nav d'accueil
             if (!appContainer) { console.error("App container not found!"); return; }
             console.log(`Affichage page: ${pageId}`);
             const pages = appContainer.querySelectorAll(':scope > div[id$="-page"]');
@@ -465,41 +478,28 @@
             if (pageToShow) {
                 pageToShow.classList.add('active');
                 window.scrollTo(0, 0);
-
-                // Page-specific actions
-                if (pageId === 'new-workout-page') {
-                    if (!selectedWorkoutTypeName) {
-                        console.warn("Accès new-workout-page sans type.");
-                        alert("Veuillez sélectionner un type.");
-                        showPage('select-workout-type-page'); return;
-                    }
-                    renderActiveExerciseForm(); updateWorkoutTypeIndicator();
-                } else if (pageId === 'manage-types-page') loadWorkoutTypes();
+                // Actions spécifiques
+                if (pageId === 'new-workout-page') { if (!selectedWorkoutTypeName) { alert("Sélectionnez un type."); showPage('select-workout-type-page'); return; } renderActiveExerciseForm(); updateWorkoutTypeIndicator(); }
+                else if (pageId === 'manage-types-page') loadWorkoutTypes();
                 else if (pageId === 'select-workout-type-page') populateWorkoutTypeSelector();
                 else if (pageId === 'stats-page') updateStats();
-                else if (pageId === 'workout-details-page' && !currentWorkoutId) {
-                     console.warn("Accès détails sans ID.");
-                     alert("Séance non spécifiée.");
-                     showPage('seances-page'); return;
-                 }
-                // No specific action needed for 'accueil-page' or 'seances-page' here
-
+                else if (pageId === 'workout-details-page' && !currentWorkoutId) { alert("Séance non spécifiée."); showPage('seances-page'); return; }
             } else {
                 console.error(`Page ID "${pageId}" non trouvée. Affichage accueil.`);
-                 if (accueilPage) accueilPage.classList.add('active'); // **MODIFIÉ** Fallback sur accueil
-                 pageId = 'accueil-page'; // Update pageId for nav highlighting
+                 if (accueilPage) accueilPage.classList.add('active'); // Fallback sur accueil
+                 pageId = 'accueil-page';
             }
 
-            // Update bottom navigation highlighting
+            // Mise à jour Nav Bottom
             navItems.forEach(item => item.classList.remove('active'));
-            // Trouve le nav item correspondant à la page actuelle (accueil, seances, ou stats)
+            // Active le bouton correspondant directement à la pageId si trouvé
             const activeNavItem = document.querySelector(`.nav-item[data-page="${pageId}"]`);
             if (activeNavItem) {
                 activeNavItem.classList.add('active');
             } else {
-                // Si la page actuelle n'a pas de nav item direct (ex: détails), on active 'seances'
-                const seancesNavItem = document.querySelector('.nav-item[data-page="seances-page"]');
-                if(seancesNavItem) seancesNavItem.classList.add('active');
+                 // Si pas de bouton direct (ex: page détails), active "Séances" par défaut
+                 const seancesNavItem = document.querySelector('.nav-item[data-page="seances-page"]');
+                 if(seancesNavItem) seancesNavItem.classList.add('active');
             }
         }
 
@@ -517,6 +517,7 @@
         function renderTypeTrends(trends) { /* ... inchangé ... */ if (!typeTrendsContainer || !noTrendsMessage || !trendsSpinner) { console.error("Cannot render trends: Missing DOM elements."); return;} trendsSpinner.classList.add('hidden'); typeTrendsContainer.innerHTML = ''; const trendTypes = Object.keys(trends); if (trendTypes.length === 0) { noTrendsMessage.classList.remove('hidden'); } else { noTrendsMessage.classList.add('hidden'); trendTypes.sort().forEach(typeName => { const typeData = trends[typeName]; if (!typeData || typeData.length === 0) return; const card = document.createElement('div'); card.className = 'card type-trend-card'; let listItems = ''; typeData.forEach(session => { const formattedDate = session.date ? new Date(session.date).toLocaleDateString('fr-FR', { day: '2-digit', month: 'short' }) : '??'; const tonnageText = (session.tonnage !== undefined && session.tonnage !== null) ? `${session.tonnage.toFixed(1)} kg` : 'N/A'; listItems += `<li><span>${formattedDate}</span> <strong>${tonnageText}</strong></li>`; }); card.innerHTML = `<h4>${typeName} (3 Dernières)</h4><ul>${listItems}</ul>`; typeTrendsContainer.appendChild(card); }); } }
         function handleFirestoreError(error) { /* ... inchangé ... */ console.error("Erreur Firestore:", error.code, error.message); alert(`Erreur de base de données: ${error.message}`); }
 
+
         // --- ÉCOUTEURS D'ÉVÉNEMENTS ---
         function initEventListeners() {
             console.log("initEventListeners: Attachement...");
@@ -527,7 +528,7 @@
             if (authSwitchLink) authSwitchLink.addEventListener('click', authSwitchMode); else console.error("!authSwitchLink");
             if (forgotPasswordLink) forgotPasswordLink.addEventListener('click', handlePasswordReset); else console.error("!forgotPasswordLink");
             if (logoutBtn) logoutBtn.addEventListener('click', handleLogout); else console.error("!logoutBtn");
-            // Nav
+            // Nav Bottom
             navItems.forEach((item) => { if (item) item.addEventListener('click', (e) => { e.preventDefault(); const targetPageId = item.getAttribute('data-page'); if (!currentFirebaseUser && targetPageId !== 'login-page') { showLoginPage(); return; } if (targetPageId) showPage(targetPageId); }); else console.error(`!navItem`); });
             // Workout List Actions
             if (newWorkoutBtn) newWorkoutBtn.addEventListener('click', () => { if (!currentFirebaseUser) return; showPage('select-workout-type-page'); }); else console.error("!newWorkoutBtn");
@@ -539,10 +540,9 @@
             if (startStructuredWorkoutBtn) startStructuredWorkoutBtn.addEventListener('click', () => { if (selectWorkoutTypeDropdown) { const type = selectWorkoutTypeDropdown.value; if (type) { clearNewWorkoutForm(type); showPage('new-workout-page'); } else { alert("Veuillez sélectionner un type de séance."); } } }); else console.error("!startStructuredWorkoutBtn");
             if (startFreeWorkoutBtn) startFreeWorkoutBtn.addEventListener('click', () => { clearNewWorkoutForm("Libre"); showPage('new-workout-page'); }); else console.error("!startFreeWorkoutBtn");
             // General Nav (Retour) -> Va maintenant à seances-page
-            backToSeancesBtns.forEach(btn => { if (btn) btn.addEventListener('click', () => showPage('seances-page')); else console.error("!backToSeancesBtn"); });
+            backToSeancesBtns.forEach(btn => { if (btn) btn.addEventListener('click', () => showPage('seances-page')); else console.error("!backToSeancesBtn missing"); }); // **RENOMMÉ**
             // New Workout Actions
-            if (cancelNewWorkoutBtn) cancelNewWorkoutBtn.addEventListener('click', () => { if (confirm("Annuler cette séance ? Les données non enregistrées seront perdues.")) showPage('seances-page'); }); // **MODIFIÉ** Retour vers les séances
-            else console.error("!cancelNewWorkoutBtn");
+            if (cancelNewWorkoutBtn) cancelNewWorkoutBtn.addEventListener('click', () => { if (confirm("Annuler cette séance ? Les données non enregistrées seront perdues.")) showPage('seances-page'); }); else console.error("!cancelNewWorkoutBtn");
             if (saveWorkoutBtn) saveWorkoutBtn.addEventListener('click', saveWorkout); else console.error("!saveWorkoutBtn");
             if (addExerciseBtn) addExerciseBtn.addEventListener('click', handleAddNewExercise); else console.error("!addExerciseBtn");
             // Exercise Nav