From f0c448c5d38eebb6b5168a119b0bf7f12d6f8325 Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Mon, 12 Jan 2026 20:36:06 +0000
Subject: [PATCH] fa

---
 Vue/Mouvementassureclient/index.php | 117 +++++++++++++++++-----------
 1 file changed, 73 insertions(+), 44 deletions(-)

diff --git a/Vue/Mouvementassureclient/index.php b/Vue/Mouvementassureclient/index.php
index ee6d634..f2bfbfc 100644
--- a/Vue/Mouvementassureclient/index.php
+++ b/Vue/Mouvementassureclient/index.php
@@ -1,52 +1,81 @@
-<?php 
-	$this->titre = "Intersanté - Mouvements sur les assurés"; 
-?>
+<?php $this->titre = "Intersanté - Mouvements sur les assurés"; ?>
 
-<input class="form-control" style="text-align: center; font-size:10pt;" type="text" id="nbligne" name="nbligne" value="ENTREES SORTIE DES ASSURES" readonly>
-<table class="table table-responsive table-condensed" style='font-size:10pt;'>
-	<tbody>	
-		<tr> 
-			<td>  <?= _("Police") ?>  </td>
-			<td>
-				<SELECT style="font-size:10pt;" class="form-control selectpicker"  data-live-search="true" id="idPolice" NAME="idPolice" required>
-					<?php liste_options($polices,"",false); ?>						
-				</SELECT>	
-			</td>
+<div id="div_mouvements_container" class="container-fluid py-3">
+    
+    <div class="bg-primary text-white p-2 rounded-top d-flex align-items-center shadow-sm">
+        <i class="fa-solid fa-users-gear me-2 ms-2"></i>
+        <span class="fw-bold text-uppercase small"><?= _("Entrées & Sorties des Assurés") ?></span>
+    </div>
 
-			<td>  <?= _("Période du") ?>  </td>
-			<td> <INPUT style='text-align:center; font-size:10pt;' class="form-control datepicker" TYPE="text" id="debut" NAME="debut" value="<?= $_SESSION['dUneSemaineAvantFr_C'] ?>" required </td>
+    <div class="card border-0 shadow-sm rounded-0 rounded-bottom mb-4">
+        <div class="card-body bg-light border-bottom">
+            <div class="row g-3">
+                
+                <div class="col-md-4">
+                    <label class="form-label small fw-bold text-muted text-uppercase"><?= _("Police d'Assurance") ?></label>
+                    <div class="input-group shadow-sm">
+                        <span class="input-group-text bg-white"><i class="fa-solid fa-file-contract text-primary"></i></span>
+                        <select class="form-control selectpicker shadow-none" data-live-search="true" id="idPolice" name="idPolice" required>
+                            <?php liste_options($polices, "", false); ?>
+                        </select>
+                    </div>
+                </div>
 
-			<td align="center"> <?= _("au") ?> </td>
-			<td> <INPUT style='text-align:center; font-size:10pt;'  class="form-control datepicker" TYPE="text" id="fin" NAME="fin" value="<?= dateCouranteLang($_SESSION['lang']) ?>" required> </td>
-		</tr>
+                <div class="col-md-5">
+                    <label class="form-label small fw-bold text-muted text-uppercase"><?= _("Période de validité") ?></label>
+                    <div class="input-group shadow-sm">
+                        <span class="input-group-text bg-white small fw-bold"><?= _("Du") ?></span>
+                        <input type="text" id="debut" name="debut" class="form-control datepicker text-center fw-bold" value="<?= $_SESSION['dUneSemaineAvantFr_C'] ?>" required>
+                        <span class="input-group-text bg-white small fw-bold"><?= _("au") ?></span>
+                        <input type="text" id="fin" name="fin" class="form-control datepicker text-center fw-bold" value="<?= dateCouranteLang($_SESSION['lang']) ?>" required>
+                    </div>
+                </div>
 
-		<tr> 
-			<td > <?= _("Saisie Client") ?> </td>
-			<td>
-				<select class="form-select fw-bold" id="ajoutClient" name="ajoutClient">
-					<?php liste_options_consultation($mvt_ajoutClient, ""); ?>
-				</select>
-			</td align="center">
+                <div class="col-md-3">
+                    <label class="form-label small fw-bold text-muted text-uppercase"><?= _("Saisie Client") ?></label>
+                    <select class="form-select fw-bold shadow-sm" id="ajoutClient" name="ajoutClient">
+                        <?php liste_options_consultation($mvt_ajoutClient, ""); ?>
+                    </select>
+                </div>
 
-			<td> <?= _("Etat") ?> </td>
-			<td>
-				<SELECT class="form-control" id="codeSensMouvement" NAME="codeSensMouvement" style='font-size:10pt;'>
-					<?php liste_options_consultation($sensmouvement, ""); ?>
-				</SELECT>
-			</td>
+                <div class="col-md-3">
+                    <label class="form-label small fw-bold text-muted text-uppercase"><?= _("Type de Mouvement") ?></label>
+                    <select class="form-select fw-bold shadow-sm border-info-subtle" id="codeSensMouvement" name="codeSensMouvement">
+                        <?php liste_options_consultation($sensmouvement, ""); ?>
+                    </select>
+                </div>
 
-			<td align="center"> <?= _("Validé?") ?> </td>
-			<td>
-				<SELECT style="font-size:10pt;" class="form-control" id="valide" NAME="valide"  >
-					<?php liste_options_consultation($mvt_valide, ""); ?>						
-				</SELECT>						
-			</td>
-		</tr>
+                <div class="col-md-3">
+                    <label class="form-label small fw-bold text-muted text-uppercase"><?= _("Statut Validation") ?></label>
+                    <select class="form-select fw-bold shadow-sm" id="valide" name="valide">
+                        <?php liste_options_consultation($mvt_valide, ""); ?>
+                    </select>
+                </div>
 
-		<tr> 
-			<td colspan=6 >  <button style='font-size:10pt;' type="button" class="form-control btn btn-primary" onclick="javascript:liste_mouvemements_assures_client();">Actualiser...</button> </td>
-		</tr>
-	</tbody>
-</table>	
+                <div class="col-md-6 d-flex align-items-end">
+                    <button type="button" class="btn btn-primary w-100 fw-bold shadow-sm py-2" onclick="javascript:liste_mouvemements_assures_client();">
+                        <i class="fa-solid fa-magnifying-glass me-2"></i><?= _("Actualiser la liste des mouvements") ?>
+                    </button>
+                </div>
+                
+            </div>
+        </div>
+    </div>
 
-<div id="div_mvt">	</div>	
+    <div id="div_mvt" class="min-vh-50 bg-white rounded shadow-sm border p-3">
+        <div class="text-center py-5 text-muted opacity-50">
+            <i class="fa-solid fa-layer-group fa-4x mb-3"></i>
+            <p class="h5"><?= _("Aucune donnée chargée") ?></p>
+            <p class="small"><?= _("Utilisez les filtres ci-dessus pour lancer une recherche.") ?></p>
+        </div>
+    </div>
+</div>
+
+<style>
+    .min-vh-50 { min-height: 400px; }
+    .form-label { margin-bottom: 0.4rem; font-size: 0.75rem; letter-spacing: 0.5px; }
+    .datepicker { cursor: pointer !important; background-color: #fff !important; }
+    .input-group-text { font-size: 0.85rem; color: #495057; }
+    /* Ajustement Selectpicker */
+    .bootstrap-select > .dropdown-toggle { border: 1px solid #dee2e6; background: #fff; font-weight: bold; font-size: 10pt; }
+</style>
\ No newline at end of file