From e30ca96f3e75124b188a7cb1e1b22e9ad5810a7e Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Mon, 12 Jan 2026 15:37:13 +0000
Subject: [PATCH] fr

---
 Vue/Accueil/index.php | 56 +++++++++++++++++++++++++++----------------
 1 file changed, 36 insertions(+), 20 deletions(-)

diff --git a/Vue/Accueil/index.php b/Vue/Accueil/index.php
index 285de38..8873ce4 100644
--- a/Vue/Accueil/index.php
+++ b/Vue/Accueil/index.php
@@ -73,7 +73,6 @@
                     <h2 class="accordion-header" id="headingContrats">
                         <button class="accordion-button collapsed" 
                                 type="button" 
-                                data-bs-toggle="collapse" 
                                 data-bs-target="#contratsCollapse" 
                                 aria-expanded="false" 
                                 aria-controls="contratsCollapse">
@@ -99,7 +98,6 @@
                     <h2 class="accordion-header" id="headingGraphiques">
                         <button class="accordion-button collapsed" 
                                 type="button" 
-                                data-bs-toggle="collapse" 
                                 data-bs-target="#graphiqueCollapse" 
                                 aria-expanded="false" 
                                 aria-controls="graphiqueCollapse">
@@ -131,36 +129,54 @@
 <script>
 document.addEventListener('DOMContentLoaded', function() {
     
-    // 1. On ne touche pas au clic (Bootstrap s'en occupe via data-bs-toggle)
-    // On gère uniquement ce qui doit se passer AU MOMENT de l'ouverture
-    document.querySelectorAll('.accordion-collapse').forEach(collapseEl => {
-        
-        // Événement déclenché au début de l'ouverture
+    // On cible tous les boutons qui pointent vers un accordéon
+    const accordionButtons = document.querySelectorAll('.accordion-button');
+
+    accordionButtons.forEach(btn => {
+        btn.addEventListener('click', function(e) {
+            e.preventDefault();
+            
+            const targetSelector = this.getAttribute('data-bs-target');
+            const targetEl = document.querySelector(targetSelector);
+            
+            if (!targetEl) return;
+
+            // On récupère l'instance existante ou on en crée une proprement
+            // Le "parent" permet de fermer automatiquement les autres sections
+            const instance = bootstrap.Collapse.getOrCreateInstance(targetEl, {
+                parent: '#dashboardAccordion',
+                toggle: false
+            });
+
+            // On déclenche l'action manuellement
+            instance.toggle();
+        });
+    });
+
+    // Gestion des icônes et des fonctions de chargement (open-fn / close-fn)
+    const collapses = document.querySelectorAll('.accordion-collapse');
+    
+    collapses.forEach(collapseEl => {
+        // Au moment où il commence à s'ouvrir
         collapseEl.addEventListener('show.bs.collapse', function () {
-            // Changer l'icône en "Haut"
             const btn = document.querySelector(`[data-bs-target="#${this.id}"]`);
+            btn.classList.remove('collapsed');
             const icon = btn?.querySelector('.accordion-icon');
             if (icon) icon.classList.replace('bi-chevron-down', 'bi-chevron-up');
-            
-            // Appeler la fonction de chargement (ex: charger_contrats)
+
             const fnName = this.dataset.openFn;
-            if (fnName && typeof window[fnName] === 'function') {
-                window[fnName]();
-            }
+            if (fnName && typeof window[fnName] === 'function') window[fnName]();
         });
 
-        // Événement déclenché au début de la fermeture
+        // Au moment où il commence à se fermer
         collapseEl.addEventListener('hide.bs.collapse', function () {
-            // Changer l'icône en "Bas"
             const btn = document.querySelector(`[data-bs-target="#${this.id}"]`);
+            btn.classList.add('collapsed');
             const icon = btn?.querySelector('.accordion-icon');
             if (icon) icon.classList.replace('bi-chevron-up', 'bi-chevron-down');
-            
-            // Appeler la fonction de reset (ex: reset_contrats)
+
             const fnName = this.dataset.closeFn;
-            if (fnName && typeof window[fnName] === 'function') {
-                window[fnName]();
-            }
+            if (fnName && typeof window[fnName] === 'function') window[fnName]();
         });
     });
 });