From 8addf6d6f83f8ec515683ea912406d58acd10593 Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Thu, 26 Feb 2026 16:23:10 +0000
Subject: [PATCH] dsa

---
 Vue/Autresparametresgeneraux/index.php | 226 ++++++++++++-------------
 1 file changed, 111 insertions(+), 115 deletions(-)

diff --git a/Vue/Autresparametresgeneraux/index.php b/Vue/Autresparametresgeneraux/index.php
index 8742060c..8f493000 100755
--- a/Vue/Autresparametresgeneraux/index.php
+++ b/Vue/Autresparametresgeneraux/index.php
@@ -2,62 +2,38 @@
     <input class="sr-only" type="text" id="idSocieteuser" name="idSocieteuser" value="<?= $this->nettoyer($societeuser['idSocieteuser']) ?>">
     <input class="sr-only" type="text" id="nomForm" name="nomForm" value="frmautreparametre">
 
-    <div class="mb-4">
-        <h4 class="fw-bold text-dark"><i class="fas fa-sliders-h me-2 text-primary"></i><?= _("AUTRES PARAMETRES SYSTEME DU CENTRE DE GESTION") ?></h4>
-    </div>
-
-    <ul class="nav nav-pills nav-fill mb-4 bg-white p-2 shadow-sm rounded-pill" id="myTab" role="tablist">
-        <li class="nav-item">
-            <button onclick="showHideElt('Generaux')" class="nav-link active rounded-pill fw-bold" id="Generaux-tab" data-bs-toggle="tab" data-bs-target="#Generaux" type="button" role="tab"><?= _("Commun") ?></button>
-        </li>
-        <li class="nav-item">
-            <button onclick="showHideElt('Production')" class="nav-link rounded-pill fw-bold" id="Production-tab" data-bs-toggle="tab" data-bs-target="#Production" type="button" role="tab"><?= _("Production et Comptabilité") ?></button>
-        </li>
-        <li class="nav-item">
-            <button onclick="showHideElt('Medical')" class="nav-link rounded-pill fw-bold" id="Medical-tab" data-bs-toggle="tab" data-bs-target="#Medical" type="button" role="tab"><?= _("Médical") ?></button>
-        </li>
-        <li class="nav-item">
-            <button onclick="showHideElt('Prestation')" class="nav-link rounded-pill fw-bold" id="Prestation-tab" data-bs-toggle="tab" data-bs-target="#Prestation" type="button" role="tab"><?= _("Prestations") ?></button>
-        </li>
-    </ul>
-
-    <div id="Generaux" class="tab-pane-custom">
-        <div class="card border-0 shadow-sm mb-4">
-            <div class="card-body p-0">
-                <table class="table table-hover align-middle mb-0">
-                    <thead class="bg-dark text-white">
-                        <tr>
-                            <th width="10%" class="text-center"><?= _("#") ?></th>
-                            <th><?= _("PARAMETRES") ?></th>
-                            <th width="20%" class="text-center"><?= _("VALEURS") ?></th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td class="text-center fw-bold text-primary">01</td>
-                            <td class="text-dark fw-bold"><?= _("Paramètre de base section Commun") ?></td>
-                            <td class="text-center"><span class="badge bg-success-ghost text-success fw-bold">OUI</span></td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
+    <div class="d-flex flex-column flex-md-row align-items-md-center justify-content-between mb-4 gap-3 bg-white p-3 shadow-sm border-start border-primary border-4" style="border-radius: var(--radius-md);">
+        <div>
+            <h4 class="fw-bold text-dark mb-1"><?= _("CONFIGURATION SYSTÈME") ?></h4>
+            <p class="text-muted small mb-0"><?= _("Gérez les seuils et règles métiers du centre") ?></p>
+        </div>
+        <div class="position-relative" style="min-width: 300px;">
+            <i class="fas fa-search position-absolute top-50 start-0 translate-middle-y ms-3 text-muted"></i>
+            <input type="text" id="searchParam" class="form-control ps-5 border-2" placeholder="Rechercher un paramètre (ex: SMS, Prix, Facture)..." style="border-radius: 20px;">
         </div>
     </div>
 
+    <ul class="nav nav-pills nav-fill mb-4 bg-light p-1 rounded-pill shadow-sm" id="pills-tab" role="tablist">
+        <li class="nav-item"><button onclick="showHideElt('Generaux')" class="nav-link active rounded-pill fw-bold" data-bs-toggle="pill" data-bs-target="#Generaux"><?= _("Commun") ?></button></li>
+        <li class="nav-item"><button onclick="showHideElt('Production')" class="nav-link rounded-pill fw-bold" data-bs-toggle="pill" data-bs-target="#Production"><?= _("Production & Compta") ?></button></li>
+        <li class="nav-item"><button onclick="showHideElt('Medical')" class="nav-link rounded-pill fw-bold" data-bs-toggle="pill" data-bs-target="#Medical"><?= _("Médical") ?></button></li>
+        <li class="nav-item"><button onclick="showHideElt('Prestation')" class="nav-link rounded-pill fw-bold" data-bs-toggle="pill" data-bs-target="#Prestation"><?= _("Prestations") ?></button></li>
+    </ul>
+
     <div id="Production" class="tab-pane-custom" style="display:none;">
-        <div class="card border-0 shadow-sm mb-4">
-            <div class="card-header bg-warning-ghost py-2 border-0">
-                <h6 class="mb-0 fw-bold text-dark text-center text-uppercase small"><?= _("COMPTABILITE") ?></h6>
+        <div class="card border-0 shadow-sm overflow-hidden">
+            <div class="card-header bg-primary py-3">
+                <h6 class="mb-0 text-white fw-bold text-uppercase"><i class="fas fa-calculator me-2"></i><?= _("Règles Comptables") ?></h6>
             </div>
             <div class="card-body p-0">
-                <table class="table table-hover align-middle mb-0">
+                <table class="table table-hover align-middle mb-0" id="tableProduction">
                     <tbody>
-                        <tr height="60">
-                            <td width="10%" class="text-center fw-bold text-success">01 <i class='fas fa-arrow-right small ms-1'></i></td>
-                            <td class="text-dark fw-bold"><?= _("La valeur de l'écart toléré lorsqu'un encaissement de prime ou de facture garant est fait") ?></td>
-                            <td width="20%" class="text-center border-start fw-bold text-dark fs-5">
-                                <?= format_N($this->nettoyer($societeuser['EcartEncaissementTolerable'])) ?> 
-                                <small class="text-muted small"><?= $_SESSION['devise_C'] ?></small>
+                        <tr class="param-row">
+                            <td width="8%" class="text-center"><span class="badge bg-light text-primary border fw-bold">01</span></td>
+                            <td class="text-dark fw-bold pe-4"><?= _("Écart toléré sur encaissement prime ou facture garant") ?></td>
+                            <td width="20%" class="text-center border-start bg-light">
+                                <span class="fw-bold text-primary fs-5"><?= format_N($this->nettoyer($societeuser['EcartEncaissementTolerable'])) ?></span>
+                                <small class="text-muted fw-normal ms-1"><?= $_SESSION['devise_C'] ?></small>
                             </td>
                         </tr>
                     </tbody>
@@ -67,35 +43,38 @@
     </div>
 
     <div id="Medical" class="tab-pane-custom" style="display:none;">
-        <div class="card border-0 shadow-sm mb-4">
-            <div class="card-header bg-dark py-2 border-0">
-                <h6 class="mb-0 fw-bold text-white text-center text-uppercase small"><?= _("PARAMETRES MÉDICAUX") ?></h6>
+        <div class="card border-0 shadow-sm overflow-hidden">
+            <div class="card-header bg-info py-3 text-white">
+                <h6 class="mb-0 fw-bold text-uppercase"><i class="fas fa-hand-holding-medical me-2"></i><?= _("Protocoles Médicaux") ?></h6>
             </div>
             <div class="card-body p-0">
-                <table class="table table-hover align-middle mb-0">
+                <table class="table table-hover align-middle mb-0" id="tableMedical">
                     <tbody>
-                        <tr height="50">
-                            <td width="10%" class="text-center fw-bold text-primary">01 <i class='fas fa-arrow-right small ms-1'></i></td>
+                        <tr class="param-row">
+                            <td width="8%" class="text-center"><span class="badge bg-light text-info border fw-bold">01</span></td>
                             <td class="text-dark fw-bold"><?= _("Activer les envois de SMS ?") ?></td>
-                            <td width="20%" class="text-center border-start">
+                            <td width="20%" class="text-center border-start bg-light">
                                 <?php $sms = ($societeuser['envoismsactif']=="1"); ?>
-                                <span class="badge <?= $sms ? 'bg-success-ghost text-success' : 'bg-danger-ghost text-danger' ?> rounded-pill px-3 py-2 fw-bold">
-                                    <?= $sms ? _("OUI") : _("NON") ?>
+                                <div class="d-inline-flex align-items-center px-3 py-1 rounded-pill <?= $sms ? 'bg-success-ghost text-success' : 'bg-danger-ghost text-danger' ?>">
+                                    <i class="fas <?= $sms ? 'fa-check-circle' : 'fa-times-circle' ?> me-2"></i>
+                                    <span class="fw-bold small"><?= $sms ? _("OUI") : _("NON") ?></span>
+                                </div>
+                            </td>
+                        </tr>
+                        <tr class="param-row">
+                            <td class="text-center"><span class="badge bg-light text-info border fw-bold">12</span></td>
+                            <td class="text-dark fw-bold"><?= _("Soumettre toute la prescription en entente préalable si un acte l'est ?") ?></td>
+                            <td class="text-center border-start bg-light">
+                                <?php $ent = ($societeuser['tousActesSoumisEntentePrealable']=="1"); ?>
+                                <span class="badge rounded-pill fw-bold <?= $ent ? 'bg-success-ghost text-success' : 'bg-danger-ghost text-danger' ?> px-3 py-2">
+                                    <?= $ent ? _("OUI") : _("NON") ?>
                                 </span>
                             </td>
                         </tr>
-                        <tr height="50">
-                            <td class="text-center fw-bold text-primary">12 <i class='fas fa-arrow-right small ms-1'></i></td>
-                            <td class="text-dark fw-bold"><?= _("Soumettre tous les actes d'une prescription, en entente préalable si l'un des actes est en entente préalable ?") ?></td>
-                            <td class="text-center border-start">
-                                <?php $ent = ($societeuser['tousActesSoumisEntentePrealable']=="1"); ?>
-                                <span class="badge <?= $ent ? 'bg-success-ghost text-success' : 'bg-danger-ghost text-danger' ?> rounded-pill px-3 py-2 fw-bold"><?= $ent ? _("OUI") : _("NON") ?></span>
-                            </td>
-                        </tr>
-                        <tr height="50">
-                            <td class="text-center fw-bold text-primary">13 <i class='fas fa-arrow-right small ms-1'></i></td>
-                            <td class="text-dark fw-bold"><?= _("Nombre limite des actes d'une prescription à atteindre pour déclencher une alerte d'entente préalable") ?></td>
-                            <td class="text-center border-start fw-bold text-primary fs-5"><?= $this->nettoyer($societeuser['nombreActeEntentePrealable']) ?></td>
+                        <tr class="param-row">
+                            <td class="text-center"><span class="badge bg-light text-info border fw-bold">13</span></td>
+                            <td class="text-dark fw-bold"><?= _("Seuil d'actes pour déclencher une alerte d'entente préalable") ?></td>
+                            <td class="text-center border-start bg-light fw-bold text-info fs-5"><?= $this->nettoyer($societeuser['nombreActeEntentePrealable']) ?></td>
                         </tr>
                     </tbody>
                 </table>
@@ -104,58 +83,75 @@
     </div>
 
     <div id="Prestation" class="tab-pane-custom" style="display:none;">
-        <div class="card border-0 shadow-sm mb-4">
-            <div class="card-header bg-warning-ghost py-2 border-0">
-                <h6 class="mb-0 fw-bold text-dark text-center text-uppercase small"><?= _("CENTRES DE SOINS ET DENTISTERIES") ?></h6>
+        <div class="row g-4">
+            <div class="col-12 col-xl-6">
+                <div class="card border-0 shadow-sm h-100">
+                    <div class="card-header bg-dark text-white py-2 px-3 fw-bold small uppercase">CENTRES DE SOINS</div>
+                    <div class="card-body p-0">
+                        <table class="table table-hover align-middle mb-0">
+                            <tr class="param-row">
+                                <td width="15%" class="text-center fw-bold text-primary">01</td>
+                                <td class="text-dark fw-bold small"><?= _("Limiter la facturation par centre ?") ?></td>
+                                <td class="text-center border-start bg-light" width="25%"><span class="badge bg-success-ghost text-success">OUI</span></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
             </div>
-            <div class="card-body p-0">
-                <table class="table table-hover align-middle mb-0">
-                    <tbody>
-                        <tr>
-                            <td width="10%" class="text-center fw-bold text-primary">01 <i class='fas fa-arrow-right small ms-1'></i></td>
-                            <td class="text-dark fw-bold"><?= _("Limiter la facturation par centre ?") ?></td>
-                            <td width="20%" class="text-center border-start"><span class="badge bg-success-ghost text-success fw-bold">OUI</span></td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </div>
-
-        <div class="card border-0 shadow-sm mb-4">
-            <div class="card-header bg-warning-ghost py-2 border-0">
-                <h6 class="mb-0 fw-bold text-dark text-center text-uppercase small"><?= _("PHARMACIES") ?></h6>
-            </div>
-            <div class="card-body p-0">
-                <table class="table table-hover align-middle mb-0">
-                    <tbody>
-                        <tr>
-                            <td width="10%" class="text-center fw-bold text-success">09 <i class='fas fa-arrow-right small ms-1'></i></td>
-                            <td class="text-dark fw-bold"><?= _("Permettre aux pharmaciens de modifier le prix d'un médicament ?") ?></td>
-                            <td width="20%" class="text-center border-start">
-                                <?php $px = ($societeuser['prixMedicamentModifiable']=="1"); ?>
-                                <span class="badge <?= $px ? 'bg-success-ghost text-success' : 'bg-danger-ghost text-danger' ?> rounded-pill px-3 py-2 fw-bold"><?= $px ? _("OUI") : _("NON") ?></span>
-                            </td>
-                        </tr>
-                    </tbody>
-                </table>
+            <div class="col-12 col-xl-6">
+                <div class="card border-0 shadow-sm h-100">
+                    <div class="card-header bg-dark text-white py-2 px-3 fw-bold small uppercase">PHARMACIES</div>
+                    <div class="card-body p-0">
+                        <table class="table table-hover align-middle mb-0">
+                            <tr class="param-row">
+                                <td width="15%" class="text-center fw-bold text-success">09</td>
+                                <td class="text-dark fw-bold small"><?= _("Modification prix médicaments par pharmacien ?") ?></td>
+                                <td class="text-center border-start bg-light" width="25%">
+                                    <?php $px = ($societeuser['prixMedicamentModifiable']=="1"); ?>
+                                    <span class="badge <?= $px ? 'bg-success-ghost text-success' : 'bg-danger-ghost text-danger' ?> px-3">
+                                        <?= $px ? _("OUI") : _("NON") ?>
+                                    </span>
+                                </td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
             </div>
         </div>
     </div>
 </div>
 
+<script>
+// SCRIPT DE RECHERCHE DYNAMIQUE
+$(document).ready(function(){
+    $("#searchParam").on("keyup", function() {
+        var value = $(this).val().toLowerCase();
+        $(".param-row").filter(function() {
+            $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
+        });
+        
+        // Si une section devient vide après filtrage, on pourrait aussi cacher la card
+    });
+});
+</script>
+
 <style>
-/* --- DESIGN NEUTRAL PRO : FORCE DU CONTRASTE --- */
-.text-dark { color: #1a1d24 !important; font-size: 0.95rem; }
-.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08); }
-.bg-success-ghost { background-color: rgba(39, 174, 96, 0.12); }
-.bg-danger-ghost  { background-color: rgba(192, 57, 43, 0.12); }
-.bg-warning-ghost { background-color: #ffefd5; } /* Respect de votre couleur d'origine */
+/* --- DESIGN NEUTRAL PRO --- */
+:root {
+    --radius-md: 12px;
+}
+.text-dark { color: #1a1d24 !important; }
+.bg-success-ghost { background-color: rgba(39, 174, 96, 0.12); color: #27ae60; }
+.bg-danger-ghost  { background-color: rgba(192, 57, 43, 0.12); color: #c0392b; }
+.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08); color: #212e53; }
 
-/* Navigation Pills */
-.nav-pills .nav-link { color: var(--color-primary); transition: all 0.3s ease; }
-.nav-pills .nav-link.active { background-color: var(--color-primary) !important; color: white !important; box-shadow: var(--shadow-md); }
+.nav-pills .nav-link { color: #64748b; padding: 12px 25px; transition: 0.3s; }
+.nav-pills .nav-link.active { background-color: #212e53 !important; color: white !important; transform: scale(1.05); }
 
-/* Tableaux */
-.table td { border-top: 1px solid #f1f4f6; padding: 1.1rem 0.75rem; }
-.table-hover tbody tr:hover { background-color: #f8fafc; }
+.table td { padding: 1.2rem 1rem; border-top: 1px solid #f1f4f6; }
+.table-hover tbody tr:hover { background-color: #f8fafc; cursor: pointer; }
+
+/* Animation d'apparition */
+.tab-pane-custom { animation: fadeIn 0.4s ease-in-out; }
+@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
 </style>
\ No newline at end of file