From eebe13a69865a96e92a92a7c88d182cb6f4091c1 Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Tue, 17 Mar 2026 16:56:43 +0000
Subject: [PATCH] df

---
 Vue/Prestatairesreseau/index.php | 116 +++++++++++++++++--------------
 1 file changed, 62 insertions(+), 54 deletions(-)

diff --git a/Vue/Prestatairesreseau/index.php b/Vue/Prestatairesreseau/index.php
index 5ec9141d..dcb7823a 100755
--- a/Vue/Prestatairesreseau/index.php
+++ b/Vue/Prestatairesreseau/index.php
@@ -12,7 +12,7 @@
                     <i class="fas fa-hospital-symbol fs-4"></i>
                 </div>
                 <div>
-                    <h4 id="titre-page" class="mb-0 fw-bold text-uppercase"><?= _("Affectation des Prestataires") ?></h4>
+                    <h4 id="titre-page" class="mb-0 fw-bold text-uppercase"><?= _("Affectation Prestataires Réseau Soins") ?></h4>
                     <p class="text-muted small mb-0"><?= _("Réseau :") ?> <span class="fw-bold text-primary"><?= $nomReseau ?></span> (<?= $codeReseau ?>)</p>
                 </div>
             </div>
@@ -35,41 +35,38 @@
         <div class="col-lg-5">
             <div class="card border-0 shadow-sm h-100">
                 <div class="card-header bg-white py-3 border-bottom">
-                    <div class="d-flex justify-content-between align-items-center">
+                    <div class="d-flex justify-content-between align-items-center mb-3">
                         <h6 class="mb-0 fw-bold text-muted text-uppercase small">
-                            <i class="fas fa-list-ul me-2"></i><?= _("Prestataires Disponibles") ?>
+                            <i class="fas fa-list-ul me-2"></i><?= _("Disponibles") ?>
                         </h6>
-                        <span class="badge bg-light text-primary border rounded-pill">
-                            <?= format_N(count($prestatairesdispo)) ?> <?= _("unités") ?>
+                        <span class="badge bg-light text-primary border rounded-pill" id="count_dispo">
+                            <?= count($prestatairesdispo) ?>
                         </span>
                     </div>
-                    <?php if(count($prestatairesdispo) > 0): ?>
-                    <button class="btn btn-primary-ghost btn-sm w-100 mt-3 rounded-pill fw-bold" onclick="ajouter_tous_prestataires_reseau();">
+                    <div class="input-group input-group-sm mb-2">
+                        <span class="input-group-text bg-white border-2 border-end-0 text-muted"><i class="fas fa-search"></i></span>
+                        <input type="text" id="search_dispo" class="form-control border-2 border-start-0 shadow-none" placeholder="<?= _("Filtrer par nom, ville...") ?>" onkeyup="filterTable('tab_dispo', this.value, 'count_dispo')">
+                    </div>
+                    <button class="btn btn-primary-ghost btn-sm w-100 mt-2 rounded-pill fw-bold" onclick="ajouter_tous_prestataires_reseau();">
                         <?= _("Tout ajouter") ?> <i class="fas fa-angle-double-right ms-1"></i>
                     </button>
-                    <?php endif; ?>
                 </div>
                 <div class="card-body p-0">
-                    <div class="table-responsive" style="max-height: 550px; overflow-y: auto;">
-                        <table class="table table-hover align-middle mb-0" style="font-size: 8.5pt;">
+                    <div class="table-responsive" style="max-height: 500px; overflow-y: auto;">
+                        <table class="table table-hover align-middle mb-0" id="tab_dispo" style="font-size: 8.5pt;">
                             <thead class="bg-light sticky-top">
                                 <tr>
-                                    <th class="ps-3 py-2"><?= _("Nom & Ville") ?></th>
+                                    <th class="ps-3 py-2"><?= _("Nom & Détails") ?></th>
                                     <th class="text-center py-2" width="50px"></th>
                                 </tr>
                             </thead>
                             <tbody>
-                                <?php foreach ($prestatairesdispo as $v): 
-                                    $idPres = $v['id'];
-                                    $codePres = $v['codePrestataire'];
-                                ?>
-                                <tr class="cursor-pointer" ondblclick="prestatairereseausoins_id(<?= $idPres ?>);">
+                                <?php foreach ($prestatairesdispo as $v): $codePres = $v['codePrestataire']; ?>
+                                <tr>
                                     <td class="ps-3">
-                                        <div class="fw-bold text-dark"><?= $this->nettoyer($v['libelle']) ?></div>
-                                        <div class="text-muted smaller">
-                                            <i class="fas fa-map-marker-alt me-1"></i><?= $this->nettoyer($v['localite']) ?> 
-                                            <span class="mx-1">•</span> 
-                                            <span class="text-primary"><?= $this->nettoyer($v['typeprestataire']) ?></span>
+                                        <div class="fw-bold text-dark search-target"><?= $this->nettoyer($v['libelle']) ?></div>
+                                        <div class="text-muted smaller search-target">
+                                            <?= $this->nettoyer($v['localite']) ?> | <?= $this->nettoyer($v['typeprestataire']) ?>
                                         </div>
                                     </td>
                                     <td class="text-center pe-3">
@@ -89,23 +86,25 @@
         <div class="col-lg-7">
             <div class="card border-0 shadow-sm h-100 border-start border-success border-4">
                 <div class="card-header bg-white py-3 border-bottom">
-                    <div class="d-flex justify-content-between align-items-center">
+                    <div class="d-flex justify-content-between align-items-center mb-3">
                         <h6 class="mb-0 fw-bold text-success text-uppercase small">
-                            <i class="fas fa-check-double me-2"></i><?= _("Prestataires du réseau") ?>
+                            <i class="fas fa-check-double me-2"></i><?= _("Affectés au réseau") ?>
                         </h6>
-                        <span class="badge bg-success-light text-success rounded-pill px-3">
-                            <?= format_N(count($prestatairesreseau)) ?> <?= _("prestataires") ?>
+                        <span class="badge bg-success-light text-success rounded-pill px-3" id="count_affect">
+                            <?= count($prestatairesreseau) ?>
                         </span>
                     </div>
-                    <?php if(count($prestatairesreseau) > 0): ?>
-                    <button class="btn btn-danger-light btn-sm w-100 mt-3 rounded-pill fw-bold" onclick="retirer_tous_prestataires_du_site();">
-                        <i class="fas fa-angle-double-left me-1"></i> <?= _("Retirer tous les prestataires") ?>
+                    <div class="input-group input-group-sm mb-2">
+                        <span class="input-group-text bg-white border-2 border-end-0 text-muted"><i class="fas fa-search"></i></span>
+                        <input type="text" id="search_affect" class="form-control border-2 border-start-0 shadow-none" placeholder="<?= _("Rechercher dans la liste...") ?>" onkeyup="filterTable('tab_affect', this.value, 'count_affect')">
+                    </div>
+                    <button class="btn btn-danger-light btn-sm w-100 mt-2 rounded-pill fw-bold" onclick="retirer_tous_prestataires_du_site();">
+                        <i class="fas fa-angle-double-left me-1"></i> <?= _("Retirer tous") ?>
                     </button>
-                    <?php endif; ?>
                 </div>
                 <div class="card-body p-0">
-                    <div class="table-responsive" style="max-height: 550px; overflow-y: auto;">
-                        <table class="table table-hover align-middle mb-0" style="font-size: 8.5pt;">
+                    <div class="table-responsive" style="max-height: 500px; overflow-y: auto;">
+                        <table class="table table-hover align-middle mb-0" id="tab_affect" style="font-size: 8.5pt;">
                             <thead class="bg-success-light text-success sticky-top">
                                 <tr>
                                     <th class="ps-3 py-2" width="50px"></th>
@@ -114,21 +113,15 @@
                                 </tr>
                             </thead>
                             <tbody>
-                                <?php foreach ($prestatairesreseau as $v): 
-                                    $codePres = $v['codePrestataire'];
-                                ?>
+                                <?php foreach ($prestatairesreseau as $v): $codePres = $v['codePrestataire']; ?>
                                 <tr>
                                     <td class="ps-3 text-center">
                                         <button class="btn btn-sm btn-danger-light rounded-circle action-icon" onclick="retirer_un_prestataire_reseau('<?=$codePres?>');">
                                             <i class="fas fa-chevron-left"></i>
                                         </button>
                                     </td>
-                                    <td>
-                                        <div class="fw-bold text-dark text-uppercase"><?= $this->nettoyer($v['libelle']) ?></div>
-                                    </td>
-                                    <td class="pe-3">
-                                        <span class="text-muted"><i class="fas fa-city me-1"></i><?= $this->nettoyer($v['localite']) ?></span>
-                                    </td>
+                                    <td class="fw-bold search-target"><?= $this->nettoyer($v['libelle']) ?></td>
+                                    <td class="pe-3 search-target"><?= $this->nettoyer($v['localite']) ?></td>
                                 </tr>
                                 <?php endforeach; ?>
                             </tbody>
@@ -137,26 +130,41 @@
                 </div>
             </div>
         </div>
-
     </div>
 </div>
 
+<script>
+/**
+ * Fonction de filtrage en temps réel
+ * @param {string} tableId - ID de la table à filtrer
+ * @param {string} query - Texte recherché
+ * @param {string} counterId - ID du badge de décompte
+ */
+function filterTable(tableId, query, counterId) {
+    const filter = query.toLowerCase();
+    const rows = document.querySelectorAll(`#${tableId} tbody tr`);
+    let visibleCount = 0;
+
+    rows.forEach(row => {
+        const text = row.innerText.toLowerCase();
+        if (text.includes(filter)) {
+            row.style.display = "";
+            visibleCount++;
+        } else {
+            row.style.display = "none";
+        }
+    });
+
+    // Mise à jour du compteur
+    document.getElementById(counterId).innerText = visibleCount;
+}
+</script>
+
 <style>
     .bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
     .btn-primary-ghost { color: var(--bs-primary); background-color: rgba(33, 46, 83, 0.1); border: none; }
-    .btn-primary-ghost:hover { background-color: rgba(33, 46, 83, 0.2); }
-    
     .bg-success-light { background-color: rgba(25, 135, 84, 0.08) !important; }
     .btn-danger-light { color: var(--bs-danger); background-color: rgba(220, 53, 69, 0.1); border: none; }
-    .btn-danger-light:hover { background-color: rgba(220, 53, 69, 0.2); }
-
-    .action-icon { width: 30px; height: 30px; padding: 0; display: inline-flex; align-items: center; justify-content: center; transition: 0.2s; }
-    .action-icon:hover { transform: scale(1.15); }
-    
-    .smaller { font-size: 0.85em; }
-    .cursor-pointer { cursor: pointer; }
-    
-    /* Scrollbar personnalisée */
-    .table-responsive::-webkit-scrollbar { width: 6px; }
-    .table-responsive::-webkit-scrollbar-thumb { background: #ddd; border-radius: 10px; }
+    .action-icon { width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; }
+    .input-group-sm > .form-control:focus { border-color: #dee2e6; }
 </style>
\ No newline at end of file