From 768590c94de509fe4b7259921fb4e30e4484c7e9 Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Sun, 29 Mar 2026 09:37:45 +0000
Subject: [PATCH] sdr

---
 Vue/Ajaxrequeteresumesinistres/index.php | 48 +++++++++++++++++-------
 1 file changed, 34 insertions(+), 14 deletions(-)

diff --git a/Vue/Ajaxrequeteresumesinistres/index.php b/Vue/Ajaxrequeteresumesinistres/index.php
index 6c482ae..ee012eb 100644
--- a/Vue/Ajaxrequeteresumesinistres/index.php
+++ b/Vue/Ajaxrequeteresumesinistres/index.php
@@ -1,23 +1,43 @@
 <?php $nbligne = 0; ?>
 
 <div id="div_detail_requete" class="card border-0 shadow-sm animate__animated animate__fadeIn">
-    <div class="card-header bg-dark text-white p-3">
-        <div class="row align-items-center text-center">
-            <div class="col-md-3 border-end border-secondary">
-                <small class="text-uppercase opacity-75 d-block"><?= _("Volume Total") ?></small>
-                <span class="h5 fw-bold"><?= format_N($rpsinistres_total['nbLigne']) ?> <?= _("Lignes") ?></span>
+    <div class="card-header bg-dark text-white p-3 border-0" style="border-radius: 12px 12px 0 0;">
+        <div class="row align-items-center">
+            <div class="col-md-2 border-end border-secondary text-center">
+                <small class="text-uppercase opacity-75 d-block" style="font-size: 7pt; letter-spacing: 0.5px;">
+                    <?= _("Volume Total") ?>
+                </small>
+                <span class="h5 fw-bold mb-0"><?= format_N($rpsinistres_total['nbLigne']) ?> <?= _("Lignes") ?></span>
             </div>
-            <div class="col-md-3 border-end border-secondary">
-                <small class="text-uppercase opacity-75 d-block"><?= _("Cumul Sinistres") ?></small>
-                <span class="h5 fw-bold text-warning"><?= format_N($rpsinistres_total['sinistres_total']) ?></span>
+            
+            <div class="col-md-2 border-end border-secondary text-center">
+                <small class="text-uppercase opacity-75 d-block" style="font-size: 7pt; letter-spacing: 0.5px;">
+                    <?= _("Cumul Sinistres") ?>
+                </small>
+                <span class="h5 fw-bold text-warning mb-0"><?= format_N($rpsinistres_total['sinistres_total']) ?></span>
             </div>
-            <div class="col-md-3 border-end border-secondary">
-                <small class="text-uppercase opacity-75 d-block"><?= _("Ratio Moyen") ?></small>
-                <span class="h5 fw-bold text-info"><?= number_format((float)$rpsinistres_total['ratio_moyen'], 2, ',', ' ') ?> %</span>
+            
+            <div class="col-md-2 border-end border-secondary text-center">
+                <small class="text-uppercase opacity-75 d-block" style="font-size: 7pt; letter-spacing: 0.5px;">
+                    <?= _("Ratio Moyen") ?>
+                </small>
+                <span class="h5 fw-bold text-info mb-0">
+                    <?= number_format((float)$rpsinistres_total['ratio_moyen'], 2, ',', ' ') ?> %
+                </span>
             </div>
-            <div class="col-md-3 text-start">
-                <i class="fas fa-info-circle me-1 text-info"></i>
-                <small style="font-size: 7.5pt; w-100"><?= _("Affichage limité aux 200 premières lignes. Utilisez Excel pour le rapport complet.") ?></small>
+            
+            <div class="col-md-6 ps-4">
+                <div class="d-flex align-items-center bg-secondary bg-opacity-10 p-2 rounded">
+                    <i class="fas fa-info-circle me-3 text-info fs-4"></i>
+                    <div class="text-start">
+                        <p class="mb-0 fw-medium" style="font-size: 8.5pt; line-height: 1.3; color: #e0e0e0;">
+                            <?= _("Affichage limité aux 200 premières lignes.") ?>
+                            <span class="d-block text-muted small mt-1">
+                                <?= _("Pour obtenir l'intégralité des données, veuillez utiliser l'export Excel.") ?>
+                            </span>
+                        </p>
+                    </div>
+                </div>
             </div>
         </div>
     </div>