Maj Synthese export graphique

Vue/Accueil/index.php

@@ -170,6 +170,13 @@
         </div>
     </div>
     -->
+    
+    <!-- Bouton Export PDF -->
+    <div class="text-end my-3">
+        <button id="exportPdfBtn" class="btn btn-danger">
+            <i class="fas fa-file-pdf"></i> <?= _('Exporter en PDF') ?>
+        </button>
+    </div>
 
     <!-- Graphiques (placeholders) -->
     <div class="grid-1">
@@ -202,7 +209,28 @@
 <!-- Chart.js -->
 <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>
 
+<!-- librairie jsPDF -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
 <script>
+    document.getElementById('exportPdfBtn').addEventListener('click', function () {
+        const { jsPDF } = window.jspdf;
+        const pdf = new jsPDF('p', 'mm', 'a4');
+
+        function addChartToPdf(canvasId, title, yOffset) {
+            const canvas = document.getElementById(canvasId);
+            const imgData = canvas.toDataURL('image/png', 1.0);
+            pdf.setFontSize(14);
+            pdf.text(title, 10, yOffset);
+            pdf.addImage(imgData, 'PNG', 10, yOffset + 5, 180, 80);
+        }
+
+        addChartToPdf('claimsPie', 'Sinistres par garantie', 20);
+        addChartToPdf('claimsLine', 'Évolution des sinistres par mois', 120);
+        addChartToPdf('lossRatioBar', 'Sinistralité (%)', 220);
+
+        pdf.save('Tableau_de_bord.pdf');
+    });
+
     // Sinistres par garantie
     const dataClaims = <?= $dataTabClaims ?>;
     new Chart(document.getElementById('claimsPie'), {