From 05fab8fdf78aa4ec80255a7d9c9716a2f0d6517d Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Sat, 13 Dec 2025 20:09:02 +0000
Subject: [PATCH] Fiche beneficiaire v1.3

---
 Vue/Fichebeneficiaire/index.php | 81 ++++++++++++++++++++++-----------
 1 file changed, 54 insertions(+), 27 deletions(-)

diff --git a/Vue/Fichebeneficiaire/index.php b/Vue/Fichebeneficiaire/index.php
index d65d9af..9e2de76 100755
--- a/Vue/Fichebeneficiaire/index.php
+++ b/Vue/Fichebeneficiaire/index.php
@@ -365,13 +365,13 @@
 								<h4 class="text-success mb-0"><?= format_N($plafondGlobalFamille) ?></h4>
 							</div>
 						</div>
-						<div class="col-4">
+						<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-4">
+						<div class="col-12">
 							<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>
@@ -406,14 +406,14 @@
 							<i class="fa fa-file-invoice-dollar me-2"></i><i class="fas fa-user me-2"></i>
 							<?= _("Dépenses individuelles")." ".$_SESSION['exercieReference_C'] ?> 
 						</h6>
-					</div>
+					</div> 
 				</div>
 				<!-- Affichage mobile (cartes) -->
 				<div class="d-md-none">
 					<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-user me-2"></i>
-							<?= _("Dépenses individuelles")." ".$_SESSION['exercieReference_C'] ?> 
+							<?= _("Dépenses")." ".$_SESSION['exercieReference_C'] ?> 
 						</h6>
 					</div>
 				</div>
@@ -425,27 +425,54 @@
                         $niveauGlobalConsoBenef = ($consommationGlobaleBenef/$plafondGlobalBeneficiaire)*100;
 						$soldeConsommation = $this->nettoyer($college['soldeConsommation']);
                     ?>
-                    
-                    <div class="row mb-2 mt-2">
-                        <div class="col-4">
-                            <div class="border rounded p-2 border-primary">
-                                <small class="text-muted d-block"><?= _("Dépense") ?></small>
-                                <h4 class="text-primary mb-0"><?= format_N($consommationGlobaleBenef) ?></h4>
-                            </div>
-                        </div>
-                        <div class="col-4">
-                            <div class="border rounded p-2 border-success">
-                                <small class="text-muted d-block"><?= _("Plafond") ?></small>
-                                <h4 class="text-success mb-0"><?= format_N($plafondGlobalBeneficiaire) ?></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="border rounded p-2 border-success">
+									<small class="text-muted d-block"><?= _("Plafond") ?></small>
+									<h4 class="text-success mb-0"><?= format_N($plafondGlobalBeneficiaire) ?></h4>
+								</div>
+							</div>
+
+							<div class="col-4">
+								<div class="border rounded p-2 border-primary">
+									<small class="text-muted d-block"><?= _("Dépense") ?></small>
+									<h4 class="text-primary mb-0"><?= format_N($consommationGlobaleBenef) ?></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="border rounded p-2 border-success">
+								<small class="text-muted d-block"><?= _("Plafond") ?></small>
+								<h4 class="text-success mb-0"><?= format_N($plafondGlobalBeneficiaire) ?></h4>
+							</div>
+						</div>
+
+						<div class="col-12">
+							<div class="border rounded p-2 border-primary">
+								<small class="text-muted d-block"><?= _("Dépense") ?></small>
+								<h4 class="text-primary mb-0"><?= format_N($consommationGlobaleBenef) ?></h4>
+							</div>
+						</div>
+						
+						<div class="col-12">
+							<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 <?= $niveauGlobalConsoBenef >= 80 ? 'bg-danger' : ($niveauGlobalConsoBenef >= 50 ? 'bg-warning' : 'bg-success') ?>" 
@@ -481,7 +508,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="fa fa-calendar-alt me-2"></i>
-						<?= _("Dépenses individuelles par mois") ?>
+						<?= _("Dépenses par mois") ?>
 					</h6>
 				</div>
 			</div>
@@ -527,7 +554,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="fa fa-chart-bar me-2"></i>
-									<?= _("Dépenses individuelles par garantie") ?>
+									<?= _("Dépenses par garantie") ?>
 								</h6>
 							</div>
 						</div>