Update index.html

index.html

@@ -7,7 +7,7 @@
     <!-- Ajout de la librairie pour les confettis -->
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/confetti.browser.min.js"></script>
     <style>
-        /* --- Styles CSS (avec ajouts/modifications) --- */
+        /* --- Styles CSS (Superset enlevé) --- */
         :root {
             --bg-dark: #121212;
             --bg-card: #1e1e1e;
@@ -15,7 +15,7 @@
             --accent: #4CAF50;
             --accent-dark: #3a8a3d;
             --danger: #f44336;
-            --superset-border: #4a90e2; /* Couleur pour indiquer superset */
+            /* --superset-border: #4a90e2; enlevé */
         }
         * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
         body { background-color: var(--bg-dark); color: var(--text-light); min-height: 100vh; padding-bottom: 80px; }
@@ -45,10 +45,6 @@
             display: block; /* Afficher l'exercice actif */
              animation: fadeIn 0.3s ease-in-out;
         }
-        /* Style pour exercice débutant un superset (dans le formulaire) */
-        .exercise.is-superset-start {
-            border-left-color: var(--superset-border);
-        }
         .exercise-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; gap: 0.5rem;}
         .exercise-header input {margin-bottom: 0;}
         .series-container { margin-left: 0.5rem; margin-top: 0.5rem; }
@@ -69,7 +65,7 @@
         #app-container > div:not(.active) { display: none !important; }
         .flex-between { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 0.5rem;}
         .badge { background-color: var(--accent); color: white; padding: 0.2rem 0.5rem; border-radius: 10px; font-size: 0.8rem; white-space: nowrap; }
-        .badge-superset { background-color: var(--superset-border); }
+        /* .badge-superset enlevé */
         .spinner { border: 4px solid rgba(0, 0, 0, 0.1); width: 36px; height: 36px; border-radius: 50%; border-left-color: var(--accent); animation: spin 1s linear infinite; margin: 2rem auto; display: none; }
         @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
         .exercise-summary { margin: 0.3rem 0; padding: 0.3rem 0; border-bottom: 1px solid #333; font-size: 0.9rem;}
@@ -77,18 +73,7 @@
         .satisfaction { display: flex; align-items: center; justify-content: center; flex-direction: column; margin-top: 1rem; }
         .satisfaction-value { font-size: 2rem; color: var(--accent); margin-top: 0.5rem; }
         .exercise-navigation { display: flex; justify-content: space-between; margin-top: 1rem; margin-bottom: 1rem; }
-        .detail-exercise-card.is-superset-start {
-             border-left: 3px solid var(--superset-border);
-             margin-bottom: 0.2rem; /* Réduire l'espace avant le suivant */
-        }
-         .detail-exercise-card.is-superset-continuation {
-            border-left: 3px solid var(--superset-border);
-             padding-top: 0.5rem;
-             margin-top: -0.8rem; /* Rapprocher visuellement */
-             border-top-left-radius: 0; /* Pour lier visuellement */
-              border-bottom-left-radius: 8px;
-        }
-
+        /* Styles détail superset enlevés */
 
         /* Animation d'apparition/zoom pour nouvelle séance */
          @keyframes fadeInZoom {
@@ -115,7 +100,7 @@
              .flex-between > div { width: 100%; display: flex; justify-content: flex-end; margin-top: 0.5rem;}
              .user-info { text-align: center; margin-bottom: 0.5rem;}
              .user-info button { display: block; margin: 0.5rem auto 0;}
-             .exercise-navigation button { padding: 0.5rem; font-size: 0.9rem;} /* Ajuster boutons nav exercice */
+             .exercise-navigation button { padding: 0.5rem; font-size: 0.9rem;}
          }
         /* Animation fade in standard */
         @keyframes fadeIn {
@@ -133,7 +118,6 @@
 
         <!-- Écran de Connexion -->
         <div id="login-page">
-             <!-- Contenu page connexion -->
              <div class="card">
                 <h2>Accès Utilisateur</h2>
                 <div class="form-group">
@@ -233,8 +217,8 @@
         let workouts = [];
         let currentUser = null;
         let currentWorkoutId = null;
-        let currentExerciseIndex = 0; // Index de l'exercice affiché dans le formulaire Nouvelle Séance
-        let workoutExercisesForm = []; // Tableau temporaire pour les divs d'exercice dans le form
+        let currentExerciseIndex = 0;
+        let workoutExercisesForm = []; // Référence aux divs .exercise dans le formulaire
 
         // --- Éléments DOM ---
         const loginPage = document.getElementById('login-page');
@@ -251,8 +235,8 @@
         const saveWorkoutBtn = document.getElementById('save-workout-btn');
         const cancelNewWorkoutBtn = document.getElementById('cancel-new-workout-btn');
         const addExerciseBtn = document.getElementById('add-exercise-btn');
-        const exercisesContainer = document.getElementById('exercises-container');
-        const workoutsList = document.getElementById('workouts-list');
+        const exercisesContainer = document.getElementById('exercises-container'); // Conteneur formulaire
+        const workoutsList = document.getElementById('workouts-list'); // Conteneur affichage liste
         const backToHomeBtn = document.getElementById('back-to-home');
         const deleteWorkoutBtn = document.getElementById('delete-workout-btn');
         const satisfactionRange = document.getElementById('satisfaction');
@@ -263,7 +247,6 @@
         const nextExerciseBtn = document.getElementById('next-exercise-btn');
         const currentExerciseIndicator = document.getElementById('current-exercise-indicator');
 
-
         // --- Initialisation ---
         document.addEventListener('DOMContentLoaded', () => {
             const rememberedUser = sessionStorage.getItem('liftTrackCurrentUser');
@@ -272,18 +255,18 @@
         });
 
         // --- Authentification & Persistance (inchangées) ---
-        function showLoginPage() { /* ... */ loginPage.style.display = 'block'; mainAppContent.style.display = 'none'; loginError.style.display = 'none'; usernameInput.value = ''; currentUser = null; }
-        function showApp() { /* ... */ if (!currentUser) return; loginPage.style.display = 'none'; mainAppContent.style.display = 'block'; currentUserDisplay.textContent = currentUser; setTodayDate(); loadWorkouts(); showPage('home-page'); }
-        function handleLogin() { /* ... */ const username = usernameInput.value.trim(); if (username && username.length > 0) { loginUser(username); } else { loginError.textContent = "Veuillez entrer un nom d'utilisateur."; loginError.style.display = 'block'; }}
-        function loginUser(username) { /* ... */ currentUser = username; sessionStorage.setItem('liftTrackCurrentUser', currentUser); showApp(); }
-        function handleLogout() { /* ... */ currentUser = null; sessionStorage.removeItem('liftTrackCurrentUser'); workouts = []; showLoginPage(); }
-        function getStorageKey() { /* ... */ if (!currentUser) return null; const safeUsername = currentUser.replace(/[^a-zA-Z0-9_-]/g, '_'); return `liftTrackData_${safeUsername}`; }
-        function loadWorkouts() { /* ... (avec spinner) */
+        function showLoginPage() { loginPage.style.display = 'block'; mainAppContent.style.display = 'none'; loginError.style.display = 'none'; usernameInput.value = ''; currentUser = null; }
+        function showApp() { if (!currentUser) return; loginPage.style.display = 'none'; mainAppContent.style.display = 'block'; currentUserDisplay.textContent = currentUser; setTodayDate(); loadWorkouts(); showPage('home-page'); }
+        function handleLogin() { const username = usernameInput.value.trim(); if (username && username.length > 0) { loginUser(username); } else { loginError.textContent = "Veuillez entrer un nom d'utilisateur."; loginError.style.display = 'block'; }}
+        function loginUser(username) { currentUser = username; sessionStorage.setItem('liftTrackCurrentUser', currentUser); showApp(); }
+        function handleLogout() { currentUser = null; sessionStorage.removeItem('liftTrackCurrentUser'); workouts = []; showLoginPage(); }
+        function getStorageKey() { if (!currentUser) return null; const safeUsername = currentUser.replace(/[^a-zA-Z0-9_-]/g, '_'); return `liftTrackData_${safeUsername}`; }
+        function loadWorkouts() {
              const storageKey = getStorageKey(); if (!storageKey) { workouts = []; return; }
              if (spinner) spinner.classList.remove('hidden'); emptyWorkoutMessage.classList.add('hidden'); workoutsList.innerHTML = '';
              setTimeout(() => { try { const savedData = localStorage.getItem(storageKey); workouts = savedData ? JSON.parse(savedData) : []; console.log(`Chargé ${workouts.length} séances pour ${currentUser}`); } catch (e) { console.error("Erreur parsing localStorage:", e); workouts = []; alert("Erreur chargement données."); } finally { if (spinner) spinner.classList.add('hidden'); renderWorkoutsList(); } }, 150);
         }
-        function saveWorkouts() { /* ... (avec try/catch) */
+        function saveWorkouts() {
              const storageKey = getStorageKey(); if (!storageKey) { console.error("Sauvegarde impossible: non connecté."); return; } try { localStorage.setItem(storageKey, JSON.stringify(workouts)); console.log(`Sauvegardé ${workouts.length} séances pour ${currentUser}`); } catch (e) { console.error("Erreur sauvegarde localStorage:", e); alert("Erreur sauvegarde données."); }
         }
 
@@ -293,61 +276,36 @@
             logoutBtn.addEventListener('click', handleLogout);
             usernameInput.addEventListener('keypress', (e) => { if (e.key === 'Enter') { e.preventDefault(); handleLogin(); } });
 
-            navItems.forEach(item => { /* ... navigation menu bas ... */
+            navItems.forEach(item => {
                 item.addEventListener('click', (e) => { e.preventDefault(); if (!currentUser) return; const targetPageId = item.getAttribute('data-page'); showPage(targetPageId); navItems.forEach(nav => nav.classList.remove('active')); item.classList.add('active'); if (targetPageId === 'stats-page') { updateStats(); } });
             });
 
-            // Bouton Nouvelle Séance
             newWorkoutBtn.addEventListener('click', () => {
-                if (!currentUser) return;
-                 currentWorkoutId = null; // C'est une nouvelle séance
-                 clearNewWorkoutForm(); // Réinitialise le formulaire et ajoute le premier exercice vide
-                 showPage('new-workout-page');
-                 // Déclencher l'animation d'entrée (la classe 'active' est déjà ajoutée par showPage)
-                 // L'animation CSS sur #new-workout-page.active s'en charge
+                if (!currentUser) return; currentWorkoutId = null; clearNewWorkoutForm(); showPage('new-workout-page');
             });
 
             cancelNewWorkoutBtn.addEventListener('click', () => showPage('home-page'));
-            saveWorkoutBtn.addEventListener('click', saveWorkout); // Sauvegarde tous les exercices ajoutés
-            addExerciseBtn.addEventListener('click', handleAddNewExercise); // Ajoute un exo et navigue vers lui
-
-            // Navigation formulaire exercices
+            saveWorkoutBtn.addEventListener('click', saveWorkout);
+            addExerciseBtn.addEventListener('click', handleAddNewExercise);
             prevExerciseBtn.addEventListener('click', navigateExerciseForm.bind(null, -1));
             nextExerciseBtn.addEventListener('click', navigateExerciseForm.bind(null, 1));
-
             backToHomeBtn.addEventListener('click', () => showPage('home-page'));
             deleteWorkoutBtn.addEventListener('click', deleteWorkout);
             satisfactionRange.addEventListener('input', () => { satisfactionValue.textContent = `${satisfactionRange.value}%`; });
         }
 
         // --- Logique Principale ---
-        function setTodayDate() { /* ... */ if(workoutDateInput) { try { const today = new Date().toISOString().split('T')[0]; workoutDateInput.value = today; } catch (e) { console.error("Impossible définir date:", e); workoutDateInput.value = ''; } } }
+        function setTodayDate() { if(workoutDateInput) { try { const today = new Date().toISOString().split('T')[0]; workoutDateInput.value = today; } catch (e) { console.error("Impossible définir date:", e); workoutDateInput.value = ''; } } }
 
          function showPage(pageId) {
             if (!currentUser) { showLoginPage(); return; }
-
-            document.querySelectorAll('#app-container > div').forEach(page => {
-                page.classList.remove('active');
-            });
-
+            document.querySelectorAll('#app-container > div').forEach(page => page.classList.remove('active'));
             const pageToShow = document.getElementById(pageId);
-            if (pageToShow) {
-                pageToShow.classList.add('active');
-            } else {
-                console.error(`Page ID "${pageId}" non trouvée. Affichage home-page.`);
-                document.getElementById('home-page').classList.add('active');
-                pageId = 'home-page';
-            }
-
-             // Gérer la nav active
-             navItems.forEach(item => { item.classList.remove('active'); });
-             const activeNavItem = document.querySelector(`.nav-item[data-page="${pageId === 'stats-page' ? 'stats-page' : 'home-page'}"]`);
-             if(activeNavItem) activeNavItem.classList.add('active');
-
-             // Si on affiche la page nouvelle séance, s'assurer que le premier exercice est visible
-             if (pageId === 'new-workout-page') {
-                 renderActiveExerciseForm(); // Affichera l'exercice à currentExerciseIndex
-             }
+            if (pageToShow) { pageToShow.classList.add('active'); } else { console.error(`Page ID "${pageId}" non trouvée. Affichage home-page.`); document.getElementById('home-page').classList.add('active'); pageId = 'home-page'; }
+            navItems.forEach(item => { item.classList.remove('active'); });
+            const activeNavItem = document.querySelector(`.nav-item[data-page="${pageId === 'stats-page' ? 'stats-page' : 'home-page'}"]`);
+            if(activeNavItem) activeNavItem.classList.add('active');
+            if (pageId === 'new-workout-page') { renderActiveExerciseForm(); }
         }
 
         // --- Logique Formulaire Nouvelle Séance ---
@@ -360,73 +318,65 @@
             if (!currentUser) return;
             const exerciseId = `exercise-${Date.now()}`;
             const exerciseDiv = document.createElement('div');
-            exerciseDiv.className = 'card exercise'; // Pas 'active-exercise' ici
+            exerciseDiv.className = 'card exercise';
             exerciseDiv.setAttribute('data-exercise-id', exerciseId);
 
+            // **HTML SANS SUPERSET**
             exerciseDiv.innerHTML = `
                 <div class="exercise-header">
                     <input type="text" placeholder="Nom Exercice" class="exercise-name">
                     <button class="btn btn-danger remove-exercise" style="padding: 0.3rem 0.6rem; flex-shrink: 0;">×</button>
                 </div>
-                <div class="form-row" style="margin-top: 0.5rem; margin-bottom: 0.5rem; gap: 1rem;">
+                <div class="form-group" style="margin-top: 0.5rem; margin-bottom: 0.5rem;">
                      <label style="display: inline-flex; align-items: center; color: #bbb; font-size: 0.9rem;">
                         <input type="checkbox" class="unilateral-checkbox"> Unilatéral
                     </label>
-                     <label style="display: inline-flex; align-items: center; color: #bbb; font-size: 0.9rem;">
-                        <input type="checkbox" class="superset-checkbox"> Début de Superset
-                    </label>
+                    <!-- Checkbox Superset enlevée -->
                 </div>
                 <div class="series-container"></div>
                 <button class="btn btn-outline add-series" style="width: 100%; margin-top: 0.5rem; padding: 0.4rem;">+ Ajouter Série</button>
             `;
-            exercisesContainer.appendChild(exerciseDiv); // Ajouter au DOM
+            exercisesContainer.appendChild(exerciseDiv);
 
-            // Garder une référence (important pour la navigation)
-             workoutExercisesForm = Array.from(exercisesContainer.querySelectorAll('.exercise'));
+            // Mettre à jour la référence immédiatement
+            workoutExercisesForm = Array.from(exercisesContainer.querySelectorAll('.exercise'));
 
             // Écouteurs pour cet exercice
             const removeBtn = exerciseDiv.querySelector('.remove-exercise');
-             // Gérer la suppression d'exercice dans le formulaire
              removeBtn.addEventListener('click', () => {
                  const indexToRemove = workoutExercisesForm.indexOf(exerciseDiv);
                  if (indexToRemove > -1) {
-                     exerciseDiv.remove(); // Supprimer du DOM
-                     workoutExercisesForm = Array.from(exercisesContainer.querySelectorAll('.exercise')); // Mettre à jour la liste
-                     // Ajuster l'index courant si on supprime l'actuel ou un précédent
-                     if (currentExerciseIndex >= indexToRemove) {
-                         currentExerciseIndex = Math.max(0, currentExerciseIndex - 1);
-                     }
-                      // Si on supprime le dernier, l'index doit pointer sur le nouveau dernier (ou 0 si vide)
-                     if (currentExerciseIndex >= workoutExercisesForm.length) {
-                          currentExerciseIndex = Math.max(0, workoutExercisesForm.length - 1);
-                     }
-                     renderActiveExerciseForm(); // Afficher le bon exercice après suppression
+                     exerciseDiv.remove();
+                     workoutExercisesForm = Array.from(exercisesContainer.querySelectorAll('.exercise')); // MAJ après suppression DOM
+                     if (currentExerciseIndex >= indexToRemove) { currentExerciseIndex = Math.max(0, currentExerciseIndex - 1); }
+                     if (currentExerciseIndex >= workoutExercisesForm.length) { currentExerciseIndex = Math.max(0, workoutExercisesForm.length - 1); }
+                     renderActiveExerciseForm();
                  }
              });
 
-
             const addSeriesBtn = exerciseDiv.querySelector('.add-series');
             const seriesContainer = exerciseDiv.querySelector('.series-container');
             addSeriesBtn.addEventListener('click', () => addSeries(seriesContainer));
 
-            addSeries(seriesContainer); // Ajouter la première série
+            addSeries(seriesContainer);
 
              if (navigateToNew) {
-                 currentExerciseIndex = workoutExercisesForm.length - 1; // Aller au nouvel exercice ajouté
+                 currentExerciseIndex = workoutExercisesForm.length - 1;
                  renderActiveExerciseForm();
              } else {
-                 updateExerciseNavButtons(); // Juste mettre à jour les boutons si on n'y navigue pas
+                 updateExerciseNavButtons();
              }
-
         }
 
-        function addSeries(container) { /* ... (inchangé) ... */
+        function addSeries(container) {
             if (!currentUser || !container) return; const seriesId = `series-${Date.now()}`; const seriesDiv = document.createElement('div'); seriesDiv.className = 'series'; seriesDiv.setAttribute('data-series-id', seriesId);
             seriesDiv.innerHTML = `<div class="form-row" style="align-items: flex-end; gap: 0.8rem;"> <div class="form-group" style="flex: 1.2;"> <label>Reps</label> <input type="number" class="reps" min="1" placeholder="10" style="padding: 0.4rem;"> </div> <div class="form-group" style="flex: 1.2;"> <label>Charge (kg)</label> <input type="number" class="weight" min="0" step="0.1" placeholder="20" style="padding: 0.4rem;"> </div> <div class="form-group" style="flex: 1; display: flex; align-items: center; padding-bottom: 0.6rem; min-width: 100px;"> <label style="display: inline-flex; align-items: center; color: #bbb; font-size: 0.8rem; margin-bottom: 0; white-space: nowrap;"> <input type="checkbox" class="degressive-checkbox" style="margin-right: 0.3rem;"> Dégressive </label> </div> <button class="btn btn-danger remove-series" style="padding: 0.3rem 0.6rem; margin-bottom: 0.6rem; flex-basis: 30px; flex-grow: 0; align-self: center;">×</button> </div>`;
             container.appendChild(seriesDiv); const removeBtn = seriesDiv.querySelector('.remove-series'); removeBtn.addEventListener('click', () => seriesDiv.remove());
         }
 
         function navigateExerciseForm(direction) {
+            // S'assurer que la référence est à jour avant de naviguer
+            workoutExercisesForm = Array.from(exercisesContainer.querySelectorAll('.exercise'));
             const newIndex = currentExerciseIndex + direction;
             if (newIndex >= 0 && newIndex < workoutExercisesForm.length) {
                 currentExerciseIndex = newIndex;
@@ -435,25 +385,14 @@
         }
 
         function renderActiveExerciseForm() {
-             workoutExercisesForm = Array.from(exercisesContainer.querySelectorAll('.exercise')); // MAJ référence
-            // Cacher tous les exercices du formulaire
-             workoutExercisesForm.forEach(ex => ex.classList.remove('active-exercise'));
+            workoutExercisesForm = Array.from(exercisesContainer.querySelectorAll('.exercise'));
+            workoutExercisesForm.forEach(ex => ex.classList.remove('active-exercise'));
 
-            // Afficher l'exercice courant s'il existe
             if (currentExerciseIndex >= 0 && currentExerciseIndex < workoutExercisesForm.length) {
                  const currentExDiv = workoutExercisesForm[currentExerciseIndex];
                  currentExDiv.classList.add('active-exercise');
-                 // Appliquer style superset si coché
-                  const isSuperset = currentExDiv.querySelector('.superset-checkbox').checked;
-                  if (isSuperset) {
-                      currentExDiv.classList.add('is-superset-start');
-                  } else {
-                      currentExDiv.classList.remove('is-superset-start');
-                  }
-
+                 // Logique style superset enlevée ici
             }
-
-            // Mettre à jour l'indicateur et les boutons
             updateExerciseNavButtons();
         }
 
@@ -470,65 +409,71 @@
              }
          }
 
-
         function clearNewWorkoutForm() {
             if (!currentUser) return;
-            document.getElementById('workout-name').value = '';
-            document.getElementById('workout-duration').value = '';
-            setTodayDate();
-            exercisesContainer.innerHTML = ''; // Vider le conteneur
-            workoutExercisesForm = []; // Vider la référence
-            satisfactionRange.value = 75;
-            satisfactionValue.textContent = '75%';
-            currentWorkoutId = null;
-             currentExerciseIndex = 0; // Revenir au premier potentiel exercice
-            addExercise(false); // Ajouter le premier bloc d'exercice vide mais ne pas naviguer (render s'en charge)
-            renderActiveExerciseForm(); // Afficher le premier exercice et MAJ boutons
+            document.getElementById('workout-name').value = ''; document.getElementById('workout-duration').value = '';
+            setTodayDate(); exercisesContainer.innerHTML = ''; workoutExercisesForm = [];
+            satisfactionRange.value = 75; satisfactionValue.textContent = '75%';
+            currentWorkoutId = null; currentExerciseIndex = 0;
+            addExercise(false); // Ajoute le premier vide
+            renderActiveExerciseForm(); // Assure l'affichage correct
         }
 
         function saveWorkout() {
             if (!currentUser) return;
 
+            // **CORRECTION : Rafraîchir la référence juste avant la validation**
+            workoutExercisesForm = Array.from(exercisesContainer.querySelectorAll('.exercise'));
+
             const workoutName = document.getElementById('workout-name').value.trim();
             const workoutDate = document.getElementById('workout-date').value;
             const workoutDuration = parseInt(document.getElementById('workout-duration').value) || 0;
             const satisfaction = parseInt(document.getElementById('satisfaction').value);
 
-            if (!workoutName) { alert("Nom séance requis."); return; }
-            if (!workoutDate) { alert("Date requise."); return; }
-            if (workoutDuration <= 0) { alert("Durée invalide."); return; }
+            if (!workoutName) { alert("Veuillez entrer un nom pour la séance."); return; }
+            if (!workoutDate) { alert("Veuillez choisir une date pour la séance."); return; }
+            if (workoutDuration <= 0) { alert("Veuillez entrer une durée valide (en minutes)."); return; }
 
-            // Lire depuis les divs d'exercices présents dans le conteneur du formulaire
-            const exerciseElements = workoutExercisesForm; // Utiliser notre référence à jour
+            // Utiliser la référence fraîchement mise à jour
+            const exerciseElements = workoutExercisesForm;
             const exercises = [];
-            if (exerciseElements.length === 0) { alert("Ajoutez au moins un exercice."); return; }
+            if (exerciseElements.length === 0) { alert("Veuillez ajouter au moins un exercice à la séance."); return; }
 
             let validationError = null;
-             exerciseElements.forEach(exerciseEl => {
+             exerciseElements.forEach((exerciseEl, index) => { // Ajout index pour debug éventuel
                 if (validationError) return;
-                const exerciseName = exerciseEl.querySelector('.exercise-name').value.trim();
-                 const isUnilateral = exerciseEl.querySelector('.unilateral-checkbox').checked;
-                 const isSupersetStart = exerciseEl.querySelector('.superset-checkbox').checked; // Récupérer état superset
 
-                if (!exerciseName) { validationError = "Nommez tous les exercices."; return; }
+                const nameInput = exerciseEl.querySelector('.exercise-name');
+                const exerciseName = nameInput ? nameInput.value.trim() : ''; // Vérifier si l'input existe
+                const isUnilateral = exerciseEl.querySelector('.unilateral-checkbox').checked;
+                // isSupersetStart enlevé
+
+                // **Point crucial de la validation du nom**
+                if (!exerciseName) {
+                    // Donner un indice (numéro de l'exercice basé sur l'ordre actuel)
+                    validationError = `Veuillez nommer l'exercice #${index + 1}.`;
+                    // Essayer de mettre le focus sur le champ vide si possible
+                    if(nameInput) nameInput.focus();
+                    return;
+                }
 
                 const series = [];
                 const seriesElements = exerciseEl.querySelectorAll('.series');
-                if (seriesElements.length === 0) { validationError = `Exercice "${exerciseName}" sans série.`; return; }
+                if (seriesElements.length === 0) { validationError = `L'exercice "${exerciseName}" doit contenir au moins une série.`; return; }
 
                 seriesElements.forEach(seriesEl => {
                      if (validationError) return;
                     const repsInput = seriesEl.querySelector('.reps'); const weightInput = seriesEl.querySelector('.weight');
                     const reps = parseInt(repsInput.value) || 0; const weight = parseFloat(weightInput.value) || 0;
                     const isDegressive = seriesEl.querySelector('.degressive-checkbox').checked;
-                    if (reps <= 0) { validationError = `Reps invalides pour "${exerciseName}".`; repsInput.focus(); return; }
-                    if (weight < 0) { validationError = `Charge invalide pour "${exerciseName}".`; weightInput.focus(); return; }
+                    if (reps <= 0) { validationError = `Reps invalides pour une série de "${exerciseName}".`; if(repsInput) repsInput.focus(); return; }
+                    if (weight < 0) { validationError = `Charge invalide pour une série de "${exerciseName}".`; if(weightInput) weightInput.focus(); return; }
                     series.push({ reps, weight, isDegressive });
                 });
 
                 if (!validationError) {
-                     // Ajouter isSupersetStart à l'objet exercice
-                    exercises.push({ name: exerciseName, isUnilateral, isSupersetStart, series });
+                     // **Objet exercice SANS isSupersetStart**
+                    exercises.push({ name: exerciseName, isUnilateral, series });
                 }
             });
 
@@ -543,26 +488,23 @@
                 });
             });
 
+            // --- Création/MAJ Objet Workout ---
             const workout = {
                 id: currentWorkoutId || `workout-${Date.now()}`, name: workoutName, date: workoutDate, duration: workoutDuration,
-                exercises: exercises, // Tableau d'exercices avec potentiellement isSupersetStart
+                exercises: exercises, // Utilise le tableau local `exercises`
                 totalTonnage: totalTonnage, satisfaction: satisfaction
             };
-
             const existingIndex = workouts.findIndex(w => w.id === workout.id);
             if (existingIndex > -1) { workouts[existingIndex] = workout; } else { workouts.push(workout); }
 
             saveWorkouts();
-
-             // Animation Confettis !
-             confetti({ particleCount: 150, spread: 90, origin: { y: 0.6 } });
-
+            confetti({ particleCount: 150, spread: 90, origin: { y: 0.6 } }); // Confettis!
             showPage('home-page');
             renderWorkoutsList();
         }
 
-        // --- Affichage et Stats (avec gestion superset dans l'affichage détail) ---
-        function renderWorkoutsList() { /* ... (inchangé sauf appel updateStats) ... */
+        // --- Affichage et Stats ---
+        function renderWorkoutsList() {
             if (!currentUser) return; workoutsList.innerHTML = ''; if (workouts.length === 0) { emptyWorkoutMessage.classList.remove('hidden'); updateStats(); return; } emptyWorkoutMessage.classList.add('hidden');
             const sortedWorkouts = [...workouts].sort((a, b) => new Date(b.date) - new Date(a.date));
             sortedWorkouts.forEach(workout => { const workoutDate = new Date(workout.date).toLocaleDateString('fr-FR', { year: 'numeric', month: 'short', day: 'numeric' }); const workoutDiv = document.createElement('div'); workoutDiv.className = 'card workout-card'; workoutDiv.setAttribute('data-workout-id', workout.id); workoutDiv.innerHTML = `<div class="workout-header"><h3 style="margin-bottom: 0.5rem;">${workout.name}</h3><div class="badge">${workoutDate}</div></div><div class="workout-details" style="font-size: 0.9rem; color: #ccc; margin-top: 0.5rem;"><span>${workout.duration} min</span> | <span>${workout.exercises.length} exo${workout.exercises.length > 1 ? 's' : ''}</span> | <span>${workout.totalTonnage.toFixed(1)} kg</span> | <span>${workout.satisfaction}%</span></div>`; workoutDiv.addEventListener('click', () => displayWorkoutDetails(workout.id)); workoutsList.appendChild(workoutDiv); });
@@ -570,47 +512,27 @@
          }
 
         function displayWorkoutDetails(workoutId) {
-            if (!currentUser) return;
-            const workout = workouts.find(w => w.id === workoutId);
-            if (!workout) { console.error("Séance non trouvée:", workoutId); showPage('home-page'); return; }
-
-            // MAJ Infos générales (inchangé)
-             document.getElementById('detail-workout-name').textContent = workout.name; document.getElementById('detail-date').textContent = new Date(workout.date).toLocaleDateString('fr-FR'); document.getElementById('detail-duration').textContent = workout.duration; document.getElementById('detail-tonnage').textContent = workout.totalTonnage.toFixed(1); document.getElementById('detail-satisfaction').textContent = `${workout.satisfaction}%`; document.getElementById('detail-exercises-count').textContent = workout.exercises.length;
+            if (!currentUser) return; const workout = workouts.find(w => w.id === workoutId); if (!workout) { console.error("Séance non trouvée:", workoutId); showPage('home-page'); return; }
+            document.getElementById('detail-workout-name').textContent = workout.name; document.getElementById('detail-date').textContent = new Date(workout.date).toLocaleDateString('fr-FR'); document.getElementById('detail-duration').textContent = workout.duration; document.getElementById('detail-tonnage').textContent = workout.totalTonnage.toFixed(1); document.getElementById('detail-satisfaction').textContent = `${workout.satisfaction}%`; document.getElementById('detail-exercises-count').textContent = workout.exercises.length;
+            const detailExercisesContainer = document.getElementById('detail-exercises-container'); detailExercisesContainer.innerHTML = '';
 
-            const detailExercisesContainer = document.getElementById('detail-exercises-container');
-            detailExercisesContainer.innerHTML = '';
-
-            // MAJ Exercices avec indicateur Superset
-            workout.exercises.forEach((exercise, index) => {
+            // **Affichage détail SANS logique Superset**
+            workout.exercises.forEach((exercise) => {
                 const exerciseDiv = document.createElement('div');
-                 // Ajouter des classes pour le style Superset
-                 exerciseDiv.classList.add('card', 'detail-exercise-card'); // Classe de base
-                 let isContinuation = false;
-                 if (exercise.isSupersetStart) {
-                     exerciseDiv.classList.add('is-superset-start');
-                 }
-                 // Vérifier si l'exercice *précédent* était un début de superset
-                 if (index > 0 && workout.exercises[index - 1].isSupersetStart) {
-                     exerciseDiv.classList.add('is-superset-continuation');
-                     isContinuation = true;
-                 }
-
+                exerciseDiv.className = 'card detail-exercise-card'; // Juste la classe de base
 
                 let seriesHtml = '';
-                exercise.series.forEach((serie, sIndex) => { /* ... (inchangé) ... */
+                exercise.series.forEach((serie, sIndex) => {
                      const degressiveLabel = serie.isDegressive ? ' <span class="badge" style="font-size: 0.7rem; background-color: var(--accent-dark);">Dégr.</span>' : ''; const weightFactor = exercise.isUnilateral ? 2 : 1; const seriesTonnage = serie.reps * serie.weight * weightFactor;
                      seriesHtml += `<div class="exercise-summary"><div class="flex-between"><span>Série ${sIndex + 1}: ${serie.reps} reps × ${serie.weight} kg${degressiveLabel}</span><span style="color: #aaa;">(${seriesTonnage.toFixed(1)} kg)</span></div></div>`;
                  });
 
                 const unilateralLabel = exercise.isUnilateral ? ' <span class="badge" style="font-size: 0.7rem;">Unilat.</span>' : '';
-                 // Ajout badge Superset si c'est le début
-                 const supersetLabel = exercise.isSupersetStart ? ` <span class="badge badge-superset" style="font-size: 0.7rem;">Superset 🔽</span>` : '';
+                 // Pas de supersetLabel ici
 
                 exerciseDiv.innerHTML = `
-                    <h3 style="font-size: 1.1rem; margin-bottom: 0.5rem;">${exercise.name}${unilateralLabel}${supersetLabel}</h3>
-                    <div class="series-summary-container">
-                        ${seriesHtml}
-                    </div>`;
+                    <h3 style="font-size: 1.1rem; margin-bottom: 0.5rem;">${exercise.name}${unilateralLabel}</h3>
+                    <div class="series-summary-container"> ${seriesHtml} </div>`;
                 detailExercisesContainer.appendChild(exerciseDiv);
             });
 
@@ -618,11 +540,11 @@
             showPage('workout-details-page');
         }
 
-        function deleteWorkout() { /* ... (inchangé) ... */
+        function deleteWorkout() {
              if (!currentUser || !currentWorkoutId) return; const workoutToDelete = workouts.find(w => w.id === currentWorkoutId); if (!workoutToDelete) return; const confirmDelete = confirm(`Supprimer séance "${workoutToDelete.name}" du ${new Date(workoutToDelete.date).toLocaleDateString('fr-FR')} ?`); if (!confirmDelete) return; workouts = workouts.filter(w => w.id !== currentWorkoutId); saveWorkouts(); currentWorkoutId = null; showPage('home-page'); renderWorkoutsList();
         }
 
-        function updateStats() { /* ... (inchangé) ... */
+        function updateStats() {
              if (!currentUser) return; const workoutCount = workouts.length; document.getElementById('stats-workout-count').textContent = workoutCount; if (workoutCount === 0) { document.getElementById('stats-avg-tonnage').textContent = '0'; document.getElementById('stats-avg-satisfaction').textContent = '0%'; return; } const totalTonnageAll = workouts.reduce((sum, workout) => sum + (workout.totalTonnage || 0), 0); const avgTonnage = totalTonnageAll / workoutCount; document.getElementById('stats-avg-tonnage').textContent = avgTonnage.toFixed(1); const totalSatisfaction = workouts.reduce((sum, workout) => sum + (workout.satisfaction || 0), 0); const avgSatisfaction = totalSatisfaction / workoutCount; document.getElementById('stats-avg-satisfaction').textContent = `${Math.round(avgSatisfaction)}%`;
         }