From 6d104bdbb7af1ac363699fc0500b9c2524acb999 Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Sat, 13 Dec 2025 19:51:14 +0000
Subject: [PATCH] Fiche beneficiaire v1.0

---
 Bootstrap_new/css/style_new.css |  2 +-
 Vue/Fichebeneficiaire/index.php | 77 ++++++++++++++++++++++-----------
 2 files changed, 52 insertions(+), 27 deletions(-)

diff --git a/Bootstrap_new/css/style_new.css b/Bootstrap_new/css/style_new.css
index 9917ffa..aff2a26 100755
--- a/Bootstrap_new/css/style_new.css
+++ b/Bootstrap_new/css/style_new.css
@@ -417,7 +417,7 @@
 	}
 	
 	#lienLogo{
-		width:80px;
+		width:70px;
 	}
 
 	/* Media queries spécifiques pour SweetAlert */
diff --git a/Vue/Fichebeneficiaire/index.php b/Vue/Fichebeneficiaire/index.php
index e3d4c0f..21440ff 100755
--- a/Vue/Fichebeneficiaire/index.php
+++ b/Vue/Fichebeneficiaire/index.php
@@ -240,7 +240,7 @@
                 <div class="col-12 col-md-9">
                     <div class="row">
                         <div class="col-12 mb-2">
-                            <h3 class="text-primary mb-1"><?= $beneficiaire['nomBeneficiaire'] . ' ' . $beneficiaire['prenomsBeneficiaire'] ?></h3>
+                            <h3 class="text-primary mb-1 text-truncate" style="max-width:300px;"><?= $beneficiaire['nomBeneficiaire'] . ' ' . $beneficiaire['prenomsBeneficiaire'] ?></h3>
                             <p class="text-muted mb-0"><?= _("Né(e) le").": ".dateLang($this->nettoyer($beneficiaire['dateNaissance']))." => ".$this->nettoyer($beneficiaire['age'])." "._("an(s)") ?></p>
                         </div>
                         
@@ -264,7 +264,7 @@
                         <div class="col-12 col-md-6">
                             <div class="mb-2">
                                 <small class="text-muted"><?= _("Téléphone") ?></small>
-                                <p class="fw-bold mb-0"><?= $beneficiaire['telephonePortable'] ?></p>
+                                <p class="fw-bold mb-0 text-truncate" style="max-width:300px;"><?= $beneficiaire['telephonePortable'] ?></p>
                             </div>
                             
                             <div class="mb-2">
@@ -287,14 +287,14 @@
                 <div class="col-12 col-md-6">
                     <div class="mb-2">
                         <small class="text-muted"><?= _("Souscripteur") ?></small>
-                        <p class="fw-bold mb-0"><?= $beneficiaire['nomClient'] ?></p>
+                        <p class="fw-bold mb-0 text-truncate" style="max-width:300px;"><?= $beneficiaire['nomClient'] ?></p>
                     </div>
                 </div>
                 
                 <div class="col-12 col-md-6">
                     <div class="mb-2">
                         <small class="text-muted"><?= _("Collège / N° Police") ?></small>
-                        <p class="fw-bold mb-0"><?= $beneficiaire['libelleCollege'] ?> / <?= $beneficiaire['numeroPolice'] ?></p>
+                        <p class="fw-bold mb-0 text-truncate" style="max-width:300px;"><?= $beneficiaire['libelleCollege'] ?> / <?= $beneficiaire['numeroPolice'] ?></p>
                     </div>
                 </div>
             </div>
@@ -319,7 +319,7 @@
 					<div class="card-header bg-dark py-2">
 						<h6 class="mb-0 text-center text-light">
 							<i class="fa fa-file-invoice-dollar me-2"></i><i class="fas fa-users me-2"></i>
-							<?= _("Dépenses familiales")." ".$_SESSION['exercieReference_C'] ?>
+							<?= _("Dépenses famille")." ".$_SESSION['exercieReference_C'] ?>
 						</h6>
 					</div>
 				</div>
@@ -332,27 +332,52 @@
 						$soldeConsommation        = $this->nettoyer($police['soldeConsommation']);
                     ?>
                     
-                    <div class="row mb-2 mt-2">
-                        <div class="col-4">
-                            <div class="rounded p-2 border border-primary">
-                                <small class="text-muted d-block"><?= _("Dépense") ?></small>
-                                <h4 class="text-primary mb-0"><?= format_N($consommationGlobaleFamille) ?></h4>
-                            </div>
-                        </div>
-                        <div class="col-4">
-                            <div class="rounded p-2 border border-success">
-                                <small class="text-muted d-block"><?= _("Plafond") ?></small>
-                                <h4 class="text-success mb-0"><?= format_N($plafondGlobalFamille) ?></h4>
-                            </div>
-                        </div>
-						
-						<div class="col-4">
-                            <div class="rounded p-2 border border-danger">
-                                <small class="text-muted d-block"><?= _("Solde") ?></small>
-                                <h4 class="text-danger mb-0"><?= format_N($soldeConsommation) ?></h4>
-                            </div>
-                        </div>
-                    </div>
+					<div class="d-none d-md-block">
+						<div class="row mb-2 mt-2">
+							<div class="col-4">
+								<div class="rounded p-2 border border-primary">
+									<small class="text-muted d-block"><?= _("Dépense") ?></small>
+									<h4 class="text-primary mb-0"><?= format_N($consommationGlobaleFamille) ?></h4>
+								</div>
+							</div>
+							<div class="col-4">
+								<div class="rounded p-2 border border-success">
+									<small class="text-muted d-block"><?= _("Plafond") ?></small>
+									<h4 class="text-success mb-0"><?= format_N($plafondGlobalFamille) ?></h4>
+								</div>
+							</div>
+							
+							<div class="col-4">
+								<div class="rounded p-2 border border-danger">
+									<small class="text-muted d-block"><?= _("Solde") ?></small>
+									<h4 class="text-danger mb-0"><?= format_N($soldeConsommation) ?></h4>
+								</div>
+							</div>
+						</div>
+					</div>
+
+					<!-- Affichage mobile (cartes) -->
+					<div class="d-md-none">
+						<div class="col-12">
+							<div class="rounded p-2 border border-primary">
+								<small class="text-muted d-block"><?= _("Dépense") ?></small>
+								<h4 class="text-primary mb-0"><?= format_N($consommationGlobaleFamille) ?></h4>
+							</div>
+						</div>
+						<div class="col-6">
+							<div class="rounded p-2 border border-success">
+								<small class="text-muted d-block"><?= _("Plafond") ?></small>
+								<h4 class="text-success mb-0"><?= format_N($plafondGlobalFamille) ?></h4>
+							</div>
+						</div>
+							
+						<div class="col-6">
+							<div class="rounded p-2 border border-danger">
+								<small class="text-muted d-block"><?= _("Solde") ?></small>
+								<h4 class="text-danger mb-0"><?= format_N($soldeConsommation) ?></h4>
+							</div>
+						</div>
+					</div>
                     
                     <div class="progress mb-3" >
                         <div class="progress-bar <?= $niveauGlobalConsoFamille >= 80 ? 'bg-danger' : ($niveauGlobalConsoFamille >= 50 ? 'bg-warning' : 'bg-success') ?>"