From 39a196c4dd2e4a36b56e9ce2695705a182900466 Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Sun, 15 Mar 2026 12:31:52 +0000
Subject: [PATCH] dfg

---
 Vue/Creergcassureur/index.php | 181 ++++++++++++++++------------------
 1 file changed, 85 insertions(+), 96 deletions(-)

diff --git a/Vue/Creergcassureur/index.php b/Vue/Creergcassureur/index.php
index 47655845..14b18e46 100755
--- a/Vue/Creergcassureur/index.php
+++ b/Vue/Creergcassureur/index.php
@@ -1,23 +1,35 @@
 <div class="page-content animate__animated animate__fadeIn">
-    <div class="header-section mb-1">
-        <div class="d-flex align-items-center bg-white p-3 shadow-sm border-start border-primary border-4" style="border-radius: var(--radius-md);">
-            <div class="icon-shape bg-primary-ghost text-primary rounded-circle me-3" style="width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;">
-                <i class="fas fa-plus-circle fs-4"></i>
+    
+    <div class="header-section sticky-top mb-4" style="top: 0; z-index: 1020; margin: -1rem -1rem 1.5rem -1rem; padding: 1rem;">
+        <div class="d-flex align-items-center justify-content-between bg-white p-3 shadow border-start border-primary border-4" style="border-radius: var(--radius-md);">
+            <div class="d-flex align-items-center">
+                <div class="icon-shape bg-primary-ghost text-primary rounded-circle me-3" style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;">
+                    <i class="fas fa-plus-circle fs-4"></i>
+                </div>
+                <div>
+                    <h4 id="titre-page" class="mb-0 fw-bold text-uppercase fs-5"><?= _("Nouveau Garant") ?></h4>
+                    <p class="text-muted small mb-0 d-none d-md-block"><?= _("Configuration complète des paramètres de gestion") ?></p>
+                </div>
             </div>
-            <div>
-                <h4 id="titre-page" class="mb-0 fw-bold text-uppercase"><?= _("Nouveau Garant") ?></h4>
-                <p class="text-muted small mb-0"><?= _("Création d'une nouvelle entité garante et configuration des paramètres de gestion") ?></p>
+
+            <div class="d-flex gap-2">
+                <button type="button" class="btn btn-light rounded-pill px-3 fw-bold text-muted border shadow-sm btn-sm" onclick="retour_liste_gc_assureur();">
+                    <i class="fas fa-times me-1"></i> <?= _("Annuler") ?>
+                </button>
+                <button type="button" class="btn btn-primary rounded-pill px-4 fw-bold shadow-sm btn-sm" onclick="creer_gc_assureur();">
+                    <i class="fas fa-save me-1"></i> <?= _("Enregistrer") ?>
+                </button>
             </div>
         </div>
     </div>
 
     <form id="form_nouveau_garant">
-        <div class="row g-2">
+        <div class="row g-3">
             
             <div class="col-lg-12">
                 <div class="card border-0 shadow-sm">
-                    <div class="card-header bg-light py-3">
-                        <h6 class="mb-0 fw-bold text-primary text-uppercase"><i class="fas fa-id-card me-2"></i><?= _("Identification & Type") ?></h6>
+                    <div class="card-header bg-light py-2">
+                        <h6 class="mb-0 fw-bold text-primary text-uppercase small"><i class="fas fa-id-card me-2"></i><?= _("Identification & Type") ?></h6>
                     </div>
                     <div class="card-body p-4">
                         <div class="row g-3">
@@ -38,53 +50,53 @@
 
             <div class="col-lg-7">
                 <div class="card border-0 shadow-sm h-100">
-                    <div class="card-header bg-white py-3 border-bottom border-2 border-primary-light">
-                        <h6 class="mb-0 fw-bold text-primary text-uppercase"><i class="fas fa-percentage me-2"></i><?= _("Paramétrage des Taux & Frais") ?></h6>
+                    <div class="card-header bg-white py-2 border-bottom border-2 border-primary-light">
+                        <h6 class="mb-0 fw-bold text-primary text-uppercase small"><i class="fas fa-percentage me-2"></i><?= _("Taux & Frais de Cartes") ?></h6>
                     </div>
                     <div class="card-body p-4">
                         <div class="row g-3">
                             <div class="col-md-6">
-                                <label class="form-label small fw-bold text-muted"><?= _("Commission sur Primes (%)") ?></label>
-                                <input class="form-control" id="gcTauxCommissionGerant" name="gcTauxCommissionGerant" type="number" value="0" min="0" max="100">
+                                <label class="form-label small fw-bold text-muted"><?= _("Comm. sur Primes (%)") ?></label>
+                                <input class="form-control border-2" id="gcTauxCommissionGerant" name="gcTauxCommissionGerant" type="number" value="0">
                             </div>
                             <div class="col-md-6">
                                 <label class="form-label small fw-bold text-muted"><?= _("Taux Ristourne (%)") ?></label>
-                                <input class="form-control" id="gcTauxRistourne" name="gcTauxRistourne" type="number" value="100" min="0" max="100">
+                                <input class="form-control border-2" id="gcTauxRistourne" name="gcTauxRistourne" type="number" value="100">
                             </div>
                             <div class="col-md-6">
-                                <label class="form-label small fw-bold text-muted"><?= _("Commission sur Sinistres (%)") ?></label>
-                                <input class="form-control" id="gcTauxFraisReel" name="gcTauxFraisReel" type="number" value="0" min="0" max="100">
+                                <label class="form-label small fw-bold text-muted"><?= _("Comm. sur Sinistres (%)") ?></label>
+                                <input class="form-control border-2" id="gcTauxFraisReel" name="gcTauxFraisReel" type="number" value="0">
                             </div>
                             <div class="col-md-6">
                                 <label class="form-label small fw-bold text-muted"><?= _("Taux Redressement (%)") ?></label>
-                                <input class="form-control" id="gcTauxRedressement" name="gcTauxRedressement" type="number" value="0" min="0" max="100">
+                                <input class="form-control border-2" id="gcTauxRedressement" name="gcTauxRedressement" type="number" value="0">
                             </div>
                             <div class="col-md-4">
                                 <label class="form-label small fw-bold text-muted"><?= _("TVA (%)") ?></label>
-                                <input class="form-control" id="gcTauxTva" name="gcTauxTva" type="number" value="<?= $tauxTva; ?>">
+                                <input class="form-control border-2" id="gcTauxTva" name="gcTauxTva" type="number" value="<?= $tauxTva; ?>">
                             </div>
                             <div class="col-md-4">
-                                <label class="form-label small fw-bold text-muted"><?= _("Taux Suspension (%)") ?></label>
-                                <input class="form-control" id="gcLimiteConsommation" name="gcLimiteConsommation" type="number" value="0">
+                                <label class="form-label small fw-bold text-muted"><?= _("Suspension (%)") ?></label>
+                                <input class="form-control border-2" id="gcLimiteConsommation" name="gcLimiteConsommation" type="number" value="0">
                             </div>
                             <div class="col-md-4">
                                 <label class="form-label small fw-bold text-muted"><?= _("Seuil RD (%)") ?></label>
-                                <input class="form-control" id="seuilRdGarant" name="seuilRdGarant" type="number" value="0">
+                                <input class="form-control border-2" id="seuilRdGarant" name="seuilRdGarant" type="number" value="0">
                             </div>
                             
                             <hr class="my-3 opacity-10">
                             
                             <div class="col-md-4">
-                                <label class="form-label small fw-bold text-muted"><?= _("Frais Carte (Nouv.)") ?></label>
-                                <input class="form-control" type="text" id="fraisCarteAfn" name="fraisCarteAfn" value="0" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
+                                <label class="form-label small fw-bold text-muted"><?= _("Carte (Nouv.)") ?></label>
+                                <input class="form-control border-2" type="text" id="fraisCarteAfn" name="fraisCarteAfn" value="0" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
                             </div>
                             <div class="col-md-4">
-                                <label class="form-label small fw-bold text-muted"><?= _("Frais Carte (Ren.)") ?></label>
-                                <input class="form-control" type="text" id="fraisCarteRen" name="fraisCarteRen" value="0" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
+                                <label class="form-label small fw-bold text-muted"><?= _("Carte (Ren.)") ?></label>
+                                <input class="form-control border-2" type="text" id="fraisCarteRen" name="fraisCarteRen" value="0" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
                             </div>
                             <div class="col-md-4">
-                                <label class="form-label small fw-bold text-muted"><?= _("Frais Ré-impression") ?></label>
-                                <input class="form-control" type="text" id="fraisCarteImp" name="fraisCarteImp" value="0" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
+                                <label class="form-label small fw-bold text-muted"><?= _("Ré-impression") ?></label>
+                                <input class="form-control border-2" type="text" id="fraisCarteImp" name="fraisCarteImp" value="0" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
                             </div>
                         </div>
                     </div>
@@ -92,43 +104,35 @@
             </div>
 
             <div class="col-lg-5">
-                <div class="card border-0 shadow-sm mb-4 h-100">
-                    <div class="card-header bg-white py-3 border-bottom border-2 border-primary-light">
-                        <h6 class="mb-0 fw-bold text-primary text-uppercase"><i class="fas fa-map-marked-alt me-2"></i><?= _("Coordonnées & Contacts") ?></h6>
+                <div class="card border-0 shadow-sm h-100">
+                    <div class="card-header bg-white py-2 border-bottom border-2 border-primary-light">
+                        <h6 class="mb-0 fw-bold text-primary text-uppercase small"><i class="fas fa-map-marked-alt me-2"></i><?= _("Coordonnées") ?></h6>
                     </div>
                     <div class="card-body p-4">
-                        <div class="row g-3">
+                        <div class="row g-2">
                             <div class="col-12">
-                                <label class="form-label small fw-bold text-muted"><?= _("Email") ?></label>
-                                <input class="form-control" type="email" id="emailGcAssureur" name="emailGcAssureur" placeholder="contact@garant.com">
+                                <label class="form-label small fw-bold text-muted"><?= _("Email Principal") ?></label>
+                                <input class="form-control border-2" type="email" id="emailGcAssureur" name="emailGcAssureur">
                             </div>
                             <div class="col-md-6">
-                                <label class="form-label small fw-bold text-muted"><?= _("Téléphone Garant") ?></label>
-                                <input class="form-control" type="tel" id="telephoneGarant" name="telephoneGarant">
-                            </div>
-                            <div class="col-md-6">
-                                <label class="form-label small fw-bold text-muted"><?= _("Adresse Postale") ?></label>
-                                <input class="form-control majuscule" type="text" id="adressePostale" name="adressePostale">
-                            </div>
-                            <div class="col-12">
-                                <label class="form-label small fw-bold text-muted"><?= _("Adresse Géographique") ?></label>
-                                <input class="form-control majuscule" type="text" id="adresseGeographique" name="adresseGeographique">
-                            </div>
-                            <div class="col-md-6">
-                                <label class="form-label small fw-bold text-muted"><?= _("Représentant") ?></label>
-                                <input class="form-control majuscule" type="text" id="representant" name="representant">
-                            </div>
-                            <div class="col-md-6">
-                                <label class="form-label small fw-bold text-muted"><?= _("Téléphone Représentant") ?></label>
-                                <input class="form-control" type="text" id="telephonerepresentant" name="telephonerepresentant">
+                                <label class="form-label small fw-bold text-muted"><?= _("Tél. Garant") ?></label>
+                                <input class="form-control border-2" type="tel" id="telephoneGarant" name="telephoneGarant">
                             </div>
                             <div class="col-md-6">
                                 <label class="form-label small fw-bold text-muted"><?= _("Sigle") ?></label>
-                                <input class="form-control majuscule shadow-none border-2" type="text" id="siglerepresentant" name="siglerepresentant" value="">
+                                <input class="form-control border-2 majuscule" type="text" id="siglerepresentant" name="siglerepresentant">
+                            </div>
+                            <div class="col-12">
+                                <label class="form-label small fw-bold text-muted"><?= _("Adresse Géo.") ?></label>
+                                <input class="form-control border-2 majuscule" type="text" id="adresseGeographique" name="adresseGeographique">
                             </div>
                             <div class="col-md-6">
-                                <label class="form-label small fw-bold text-muted"><?= _("Service") ?></label>
-                                <input class="form-control majuscule shadow-none border-2" type="text" id="servicerepresentant" name="servicerepresentant" value="">
+                                <label class="form-label small fw-bold text-muted"><?= _("Représentant") ?></label>
+                                <input class="form-control border-2 majuscule" type="text" id="representant" name="representant">
+                            </div>
+                            <div class="col-md-6">
+                                <label class="form-label small fw-bold text-muted"><?= _("Tél. Représentant") ?></label>
+                                <input class="form-control border-2" type="text" id="telephonerepresentant" name="telephonerepresentant">
                             </div>
                         </div>
                     </div>
@@ -137,76 +141,61 @@
 
             <div class="col-lg-12">
                 <div class="card border-0 shadow-sm">
-                    <div class="card-header bg-light py-3">
-                        <h6 class="mb-0 fw-bold text-primary text-uppercase"><i class="fas fa-file-invoice-dollar me-2"></i><?= _("Comptabilité & Mode de Règlement") ?></h6>
+                    <div class="card-header bg-light py-2">
+                        <h6 class="mb-0 fw-bold text-primary text-uppercase small"><i class="fas fa-file-invoice-dollar me-2"></i><?= _("Paramètres Comptables") ?></h6>
                     </div>
                     <div class="card-body p-4">
                         <div class="row g-3">
                             <div class="col-md-3">
-                                <label class="form-label small fw-bold text-muted"><?= _("Compte Remboursement Direct") ?></label>
-                                <input class="form-control majuscule" type="text" id="numerodeCompteComptableRD" name="numerodeCompteComptableRD">
+                                <label class="form-label small fw-bold text-muted"><?= _("Compte RD") ?></label>
+                                <input class="form-control majuscule border-2" type="text" id="numerodeCompteComptableRD" name="numerodeCompteComptableRD">
                             </div>
                             <div class="col-md-3">
-                                <label class="form-label small fw-bold text-muted"><?= _("Compte Tiers Payant") ?></label>
-                                <input class="form-control majuscule" type="text" id="numerodeCompteComptableTP" name="numerodeCompteComptableTP">
+                                <label class="form-label small fw-bold text-muted"><?= _("Compte TP") ?></label>
+                                <input class="form-control majuscule border-2" type="text" id="numerodeCompteComptableTP" name="numerodeCompteComptableTP">
                             </div>
                             <div class="col-md-3">
-                                <label class="form-label small fw-bold text-muted"><?= _("Mode Paiement") ?> <span class="text-danger">*</span></label>
-                                <select class="form-control selectpicker" data-live-search="true" name="codeModePaiementDemande" id="codeModePaiementDemande" required>
+                                <label class="form-label small fw-bold text-muted"><?= _("Mode Paiement") ?> *</label>
+                                <select class="form-control selectpicker border-2" name="codeModePaiementDemande" id="codeModePaiementDemande" required>
                                     <?php liste_options($modepaiement, ""); ?>
                                 </select>
                             </div>
                             <div class="col-md-3">
-                                <label class="form-label small fw-bold text-muted"><?= _("Type Remboursement") ?></label>
-                                <select class="form-control selectpicker" data-live-search="true" name="codeTypeRemboursement" id="codeTypeRemboursement">
-                                    <?php liste_options($typeremboursement,"RDTP",true); ?>
-                                </select>
-                            </div>
-                            <div class="col-md-4">
                                 <label class="form-label small fw-bold text-muted"><?= _("Tarif Actes") ?></label>
-                                <select name="codeTarifActe" id="codeTarifActe" class="form-control selectpicker" data-live-search="true">
+                                <select name="codeTarifActe" id="codeTarifActe" class="form-control selectpicker border-2" data-live-search="true">
                                     <?= liste_options($tarifActe,"", false) ?>
                                 </select>
                             </div>
-                            <div class="col-md-4">
-                                <label class="form-label small fw-bold text-muted"><?= _("Interdire prestation pour impayé ?") ?></label>
-                                <select class="form-select" id="encaissementExige" name="encaissementExige">
-                                    <?php liste_options($encaissementExigeOuinon, "0", true); ?>
-                                </select>
-                            </div>
-                            <div class="col-md-4">
-                                <label class="form-label small fw-bold text-muted"><?= _("No Compte Contribuable") ?></label>
-                                <input class="form-control majuscule" type="text" id="numeroCompteContribuable" name="numeroCompteContribuable">
-                            </div>
                         </div>
                     </div>
                 </div>
             </div>
-
-            <div class="col-lg-12">
-                <div class="card border-0 shadow-sm bg-light">
-                    <div class="card-body d-flex justify-content-end gap-2 py-3">
-                        <button type="button" class="btn btn-light rounded-pill px-4 fw-bold text-muted border shadow-xs" onclick="retour_liste_gc_assureur();">
-                            <i class="fas fa-arrow-left me-2"></i> <?= _("Annuler") ?>
-                        </button>
-                        <button type="button" class="btn btn-primary rounded-pill px-5 fw-bold shadow-sm" onclick="creer_gc_assureur();">
-                            <i class="fas fa-save me-2"></i> <?= _("Enregistrer le Garant") ?>
-                        </button>
-                    </div>
-                </div>
-            </div>
-
         </div>
     </form>
 </div>
 
 <style>
+    /* Header Fixé lors du scroll */
+    .header-section.sticky-top {
+        background-color: rgba(244, 245, 247, 0.9);
+        backdrop-filter: blur(8px);
+    }
+    
     .bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
     .border-primary-light { border-color: rgba(33, 46, 83, 0.1) !important; }
     .majuscule { text-transform: uppercase; }
-    .form-control:focus, .form-select:focus {
+    
+    /* Focus sur les inputs */
+    .form-control:focus {
         border-color: var(--bs-primary);
         box-shadow: 0 0 0 0.25rem rgba(33, 46, 83, 0.1);
+        background-color: #fff;
+    }
+
+    /* Style spécifique pour selectpicker */
+    .bootstrap-select > .dropdown-toggle {
+        border: 2px solid #dee2e6 !important;
+        background-color: #fff !important;
+        border-radius: 0.375rem !important;
     }
-    label { letter-spacing: 0.5px; }
 </style>
\ No newline at end of file