From f9495db544d5dabef20e0aa8a8ddf60888ee850c Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Wed, 31 Dec 2025 14:03:04 +0000
Subject: [PATCH] Var

---
 Vue/Accueil/index.php | 49 +++++++++++++++++++++++++++----------------
 1 file changed, 31 insertions(+), 18 deletions(-)

diff --git a/Vue/Accueil/index.php b/Vue/Accueil/index.php
index 58069a8..6ae68b0 100644
--- a/Vue/Accueil/index.php
+++ b/Vue/Accueil/index.php
@@ -67,20 +67,28 @@
     <!-- Accordéons -->
     <div class="grid-1">
         <div class="card">
-            <div class="accordion" id="dashboardAccordion">
+           <div class="accordion" id="dashboardAccordion">
                 <!-- Section Contrats -->
                 <section class="accordion-section">
-                    <h2 class="accordion-header" data-bs-toggle="collapse" data-bs-target="#contratsCollapse">
-                        <i class="fas fa-file-contract text-primary"></i>
-                        <span class="accordion-title"><?= _("Contrats santé")?></span>
-                        <i class="accordion-icon bi bi-chevron-down"></i>
+                    <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">
+                            <i class="fas fa-file-contract text-primary me-2"></i>
+                            <span class="accordion-title"><?= _("Contrats santé")?></span>
+                            <i class="accordion-icon bi bi-chevron-down ms-auto"></i>
+                        </button>
                     </h2>
                     <div id="contratsCollapse" 
                         class="accordion-collapse collapse" 
+                        aria-labelledby="headingContrats" 
                         data-bs-parent="#dashboardAccordion"
                         data-open-fn="charger_contrats" 
                         data-close-fn="reset_contrats">
-                        <div class="accordion-content">
+                        <div class="accordion-body">
                             <div id="div_liste_contrats"></div>
                         </div>
                     </div>
@@ -88,18 +96,25 @@
 
                 <!-- Section Graphiques -->
                 <section class="accordion-section">
-                    <h2 class="accordion-header" data-bs-toggle="collapse" data-bs-target="#graphiqueCollapse">
-                        <i class="fas fa-chart-line text-primary"></i> 
-                        <span class="accordion-title"><?= _("Graphiques sinistres")?></span>
-                        <!-- Icône conservée -->
-                        <i class="accordion-icon bi bi-chevron-down"></i>
+                    <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">
+                            <i class="fas fa-chart-line text-primary me-2"></i>
+                            <span class="accordion-title"><?= _("Graphiques sinistres")?></span>
+                            <i class="accordion-icon bi bi-chevron-down ms-auto"></i>
+                        </button>
                     </h2>
                     <div id="graphiqueCollapse" 
                         class="accordion-collapse collapse" 
+                        aria-labelledby="headingGraphiques" 
                         data-bs-parent="#dashboardAccordion"
                         data-open-fn="graphique_sinistre" 
                         data-close-fn="reset_graphique">
-                        <div class="accordion-content">
+                        <div class="accordion-body">
                             <div id="div_graphique">
                                 <canvas id="claimsChart"></canvas>
                                 <canvas id="claimsMonthChart"></canvas>
@@ -131,10 +146,9 @@
                 if (fnName && typeof window[fnName] === 'function') {
                     window[fnName]();
                 }
-
                 // Changer l’icône en chevron-up
-                const header = document.querySelector('[data-bs-target="#' + this.id + '"] .accordion-icon');
-                if (header) header.classList.replace('bi-chevron-down', 'bi-chevron-up');
+                const headerBtn = document.querySelector('[data-bs-target="#' + this.id + '"] .accordion-icon');
+                if (headerBtn) headerBtn.classList.replace('bi-chevron-down', 'bi-chevron-up');
             });
 
             // Quand une section se ferme
@@ -143,10 +157,9 @@
                 if (fnName && typeof window[fnName] === 'function') {
                     window[fnName]();
                 }
-
                 // Remettre l’icône en chevron-down
-                const header = document.querySelector('[data-bs-target="#' + this.id + '"] .accordion-icon');
-                if (header) header.classList.replace('bi-chevron-up', 'bi-chevron-down');
+                const headerBtn = document.querySelector('[data-bs-target="#' + this.id + '"] .accordion-icon');
+                if (headerBtn) headerBtn.classList.replace('bi-chevron-up', 'bi-chevron-down');
             });
         });
     });