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

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

diff --git a/Vue/Accueil/index.php b/Vue/Accueil/index.php
index 601cc58..285de38 100644
--- a/Vue/Accueil/index.php
+++ b/Vue/Accueil/index.php
@@ -130,47 +130,37 @@
 
 <script>
 document.addEventListener('DOMContentLoaded', function() {
-    function getCollapseInstance(el) {
-        return bootstrap.Collapse.getInstance(el) || new bootstrap.Collapse(el, { toggle: false });
-    }
-
-    document.querySelectorAll('.accordion-button').forEach(btn => {
-        btn.addEventListener('click', function(e) {
-            const targetSel = this.getAttribute('data-bs-target') || this.dataset.bsTarget;
-            const target = document.querySelector(targetSel);
-            if (!target) return;
-
-            e.preventDefault();
-            const instance = getCollapseInstance(target);
-
-            if (target.classList.contains('collapsing') || target.classList.contains('show')) {
-                console.log('Click', targetSel, '=> fermeture');
-                instance.hide();
-            } else {
-                console.log('Click', targetSel, '=> ouverture');
-                instance.show();
-            }
-        });
-    });
-
-    // Gestion des icônes et callbacks
-    document.querySelectorAll('.accordion-collapse').forEach(collapse => {
-        collapse.addEventListener('shown.bs.collapse', function () {
-            const btn = document.querySelector('[data-bs-target="#' + this.id + '"]');
+    
+    // 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
+        collapseEl.addEventListener('show.bs.collapse', function () {
+            // Changer l'icône en "Haut"
+            const btn = document.querySelector(`[data-bs-target="#${this.id}"]`);
             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]();
+            }
         });
 
-        collapse.addEventListener('hidden.bs.collapse', function () {
-            const btn = document.querySelector('[data-bs-target="#' + this.id + '"]');
+        // Événement déclenché au début de la fermeture
+        collapseEl.addEventListener('hide.bs.collapse', function () {
+            // Changer l'icône en "Bas"
+            const btn = document.querySelector(`[data-bs-target="#${this.id}"]`);
             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]();
+            }
         });
     });
 });