ebene/newdesigngestionnaire
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fg

Browse Source
This commit is contained in:
KONE SOREL 2026-03-15 12:33:15 +00:00
parent 39a196c4dd
commit 8f2350d11c
1 changed files with 92 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

173
Vue/Creergcassureur/index.php
View File

@ -1,35 +1,23 @@
<div class="page-content animate__animated animate__fadeIn"> <div class="page-content animate__animated animate__fadeIn">
<div class="header-section mb-1">
<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 bg-white p-3 shadow-sm border-start border-primary border-4" style="border-radius: var(--radius-md);">
<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="icon-shape bg-primary-ghost text-primary rounded-circle me-3" style="width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;">
<div class="d-flex align-items-center"> <i class="fas fa-plus-circle fs-4"></i>
<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>
<div>
<div class="d-flex gap-2"> <h4 id="titre-page" class="mb-0 fw-bold text-uppercase"><?= _("Nouveau Garant") ?></h4>
<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();"> <p class="text-muted small mb-0"><?= _("Création d'une nouvelle entité garante et configuration des paramètres de gestion") ?></p>
<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> </div>
</div> </div>
<form id="form_nouveau_garant"> <form id="form_nouveau_garant">
<div class="row g-3"> <div class="row g-2">
<div class="col-lg-12"> <div class="col-lg-12">
<div class="card border-0 shadow-sm"> <div class="card border-0 shadow-sm">
<div class="card-header bg-light py-2"> <div class="card-header bg-light py-3">
<h6 class="mb-0 fw-bold text-primary text-uppercase small"><i class="fas fa-id-card me-2"></i><?= _("Identification & Type") ?></h6> <h6 class="mb-0 fw-bold text-primary text-uppercase"><i class="fas fa-id-card me-2"></i><?= _("Identification & Type") ?></h6>
</div> </div>
<div class="card-body p-4"> <div class="card-body p-4">
<div class="row g-3"> <div class="row g-3">
@ -50,53 +38,53 @@
<div class="col-lg-7"> <div class="col-lg-7">
<div class="card border-0 shadow-sm h-100"> <div class="card border-0 shadow-sm h-100">
<div class="card-header bg-white py-2 border-bottom border-2 border-primary-light"> <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 small"><i class="fas fa-percentage me-2"></i><?= _("Taux & Frais de Cartes") ?></h6> <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> </div>
<div class="card-body p-4"> <div class="card-body p-4">
<div class="row g-3"> <div class="row g-3">
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label small fw-bold text-muted"><?= _("Comm. sur Primes (%)") ?></label> <label class="form-label small fw-bold text-muted"><?= _("Commission sur Primes (%)") ?></label>
<input class="form-control border-2" id="gcTauxCommissionGerant" name="gcTauxCommissionGerant" type="number" value="0"> <input class="form-control" id="gcTauxCommissionGerant" name="gcTauxCommissionGerant" type="number" value="0" min="0" max="100">
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label small fw-bold text-muted"><?= _("Taux Ristourne (%)") ?></label> <label class="form-label small fw-bold text-muted"><?= _("Taux Ristourne (%)") ?></label>
<input class="form-control border-2" id="gcTauxRistourne" name="gcTauxRistourne" type="number" value="100"> <input class="form-control" id="gcTauxRistourne" name="gcTauxRistourne" type="number" value="100" min="0" max="100">
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label small fw-bold text-muted"><?= _("Comm. sur Sinistres (%)") ?></label> <label class="form-label small fw-bold text-muted"><?= _("Commission sur Sinistres (%)") ?></label>
<input class="form-control border-2" id="gcTauxFraisReel" name="gcTauxFraisReel" type="number" value="0"> <input class="form-control" id="gcTauxFraisReel" name="gcTauxFraisReel" type="number" value="0" min="0" max="100">
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label small fw-bold text-muted"><?= _("Taux Redressement (%)") ?></label> <label class="form-label small fw-bold text-muted"><?= _("Taux Redressement (%)") ?></label>
<input class="form-control border-2" id="gcTauxRedressement" name="gcTauxRedressement" type="number" value="0"> <input class="form-control" id="gcTauxRedressement" name="gcTauxRedressement" type="number" value="0" min="0" max="100">
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<label class="form-label small fw-bold text-muted"><?= _("TVA (%)") ?></label> <label class="form-label small fw-bold text-muted"><?= _("TVA (%)") ?></label>
<input class="form-control border-2" id="gcTauxTva" name="gcTauxTva" type="number" value="<?= $tauxTva; ?>"> <input class="form-control" id="gcTauxTva" name="gcTauxTva" type="number" value="<?= $tauxTva; ?>">
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<label class="form-label small fw-bold text-muted"><?= _("Suspension (%)") ?></label> <label class="form-label small fw-bold text-muted"><?= _("Taux Suspension (%)") ?></label>
<input class="form-control border-2" id="gcLimiteConsommation" name="gcLimiteConsommation" type="number" value="0"> <input class="form-control" id="gcLimiteConsommation" name="gcLimiteConsommation" type="number" value="0">
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<label class="form-label small fw-bold text-muted"><?= _("Seuil RD (%)") ?></label> <label class="form-label small fw-bold text-muted"><?= _("Seuil RD (%)") ?></label>
<input class="form-control border-2" id="seuilRdGarant" name="seuilRdGarant" type="number" value="0"> <input class="form-control" id="seuilRdGarant" name="seuilRdGarant" type="number" value="0">
</div> </div>
<hr class="my-3 opacity-10"> <hr class="my-3 opacity-10">
<div class="col-md-4"> <div class="col-md-4">
<label class="form-label small fw-bold text-muted"><?= _("Carte (Nouv.)") ?></label> <label class="form-label small fw-bold text-muted"><?= _("Frais Carte (Nouv.)") ?></label>
<input class="form-control border-2" type="text" id="fraisCarteAfn" name="fraisCarteAfn" value="0" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);"> <input class="form-control" type="text" id="fraisCarteAfn" name="fraisCarteAfn" value="0" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<label class="form-label small fw-bold text-muted"><?= _("Carte (Ren.)") ?></label> <label class="form-label small fw-bold text-muted"><?= _("Frais Carte (Ren.)") ?></label>
<input class="form-control border-2" type="text" id="fraisCarteRen" name="fraisCarteRen" value="0" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);"> <input class="form-control" type="text" id="fraisCarteRen" name="fraisCarteRen" value="0" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<label class="form-label small fw-bold text-muted"><?= _("Ré-impression") ?></label> <label class="form-label small fw-bold text-muted"><?= _("Frais Ré-impression") ?></label>
<input class="form-control border-2" type="text" id="fraisCarteImp" name="fraisCarteImp" value="0" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);"> <input class="form-control" type="text" id="fraisCarteImp" name="fraisCarteImp" value="0" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
</div> </div>
</div> </div>
</div> </div>
@ -104,35 +92,43 @@
</div> </div>
<div class="col-lg-5"> <div class="col-lg-5">
<div class="card border-0 shadow-sm h-100"> <div class="card border-0 shadow-sm mb-4 h-100">
<div class="card-header bg-white py-2 border-bottom border-2 border-primary-light"> <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 small"><i class="fas fa-map-marked-alt me-2"></i><?= _("Coordonnées") ?></h6> <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> </div>
<div class="card-body p-4"> <div class="card-body p-4">
<div class="row g-2"> <div class="row g-3">
<div class="col-12"> <div class="col-12">
<label class="form-label small fw-bold text-muted"><?= _("Email Principal") ?></label> <label class="form-label small fw-bold text-muted"><?= _("Email") ?></label>
<input class="form-control border-2" type="email" id="emailGcAssureur" name="emailGcAssureur"> <input class="form-control" type="email" id="emailGcAssureur" name="emailGcAssureur" placeholder="contact@garant.com">
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label small fw-bold text-muted"><?= _("Tél. Garant") ?></label> <label class="form-label small fw-bold text-muted"><?= _("Téléphone Garant") ?></label>
<input class="form-control border-2" type="tel" id="telephoneGarant" name="telephoneGarant"> <input class="form-control" type="tel" id="telephoneGarant" name="telephoneGarant">
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label small fw-bold text-muted"><?= _("Sigle") ?></label> <label class="form-label small fw-bold text-muted"><?= _("Adresse Postale") ?></label>
<input class="form-control border-2 majuscule" type="text" id="siglerepresentant" name="siglerepresentant"> <input class="form-control majuscule" type="text" id="adressePostale" name="adressePostale">
</div> </div>
<div class="col-12"> <div class="col-12">
<label class="form-label small fw-bold text-muted"><?= _("Adresse Géo.") ?></label> <label class="form-label small fw-bold text-muted"><?= _("Adresse Géographique") ?></label>
<input class="form-control border-2 majuscule" type="text" id="adresseGeographique" name="adresseGeographique"> <input class="form-control majuscule" type="text" id="adresseGeographique" name="adresseGeographique">
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label small fw-bold text-muted"><?= _("Représentant") ?></label> <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"> <input class="form-control majuscule" type="text" id="representant" name="representant">
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label small fw-bold text-muted"><?= _("Tél. Représentant") ?></label> <label class="form-label small fw-bold text-muted"><?= _("Téléphone Représentant") ?></label>
<input class="form-control border-2" type="text" id="telephonerepresentant" name="telephonerepresentant"> <input class="form-control" type="text" id="telephonerepresentant" name="telephonerepresentant">
</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="">
</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="">
</div> </div>
</div> </div>
</div> </div>
@ -141,61 +137,76 @@
<div class="col-lg-12"> <div class="col-lg-12">
<div class="card border-0 shadow-sm"> <div class="card border-0 shadow-sm">
<div class="card-header bg-light py-2"> <div class="card-header bg-light py-3">
<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> <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> </div>
<div class="card-body p-4"> <div class="card-body p-4">
<div class="row g-3"> <div class="row g-3">
<div class="col-md-3"> <div class="col-md-3">
<label class="form-label small fw-bold text-muted"><?= _("Compte RD") ?></label> <label class="form-label small fw-bold text-muted"><?= _("Compte Remboursement Direct") ?></label>
<input class="form-control majuscule border-2" type="text" id="numerodeCompteComptableRD" name="numerodeCompteComptableRD"> <input class="form-control majuscule" type="text" id="numerodeCompteComptableRD" name="numerodeCompteComptableRD">
</div> </div>
<div class="col-md-3"> <div class="col-md-3">
<label class="form-label small fw-bold text-muted"><?= _("Compte TP") ?></label> <label class="form-label small fw-bold text-muted"><?= _("Compte Tiers Payant") ?></label>
<input class="form-control majuscule border-2" type="text" id="numerodeCompteComptableTP" name="numerodeCompteComptableTP"> <input class="form-control majuscule" type="text" id="numerodeCompteComptableTP" name="numerodeCompteComptableTP">
</div> </div>
<div class="col-md-3"> <div class="col-md-3">
<label class="form-label small fw-bold text-muted"><?= _("Mode Paiement") ?> *</label> <label class="form-label small fw-bold text-muted"><?= _("Mode Paiement") ?> <span class="text-danger">*</span></label>
<select class="form-control selectpicker border-2" name="codeModePaiementDemande" id="codeModePaiementDemande" required> <select class="form-control selectpicker" data-live-search="true" name="codeModePaiementDemande" id="codeModePaiementDemande" required>
<?php liste_options($modepaiement, ""); ?> <?php liste_options($modepaiement, ""); ?>
</select> </select>
</div> </div>
<div class="col-md-3"> <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> <label class="form-label small fw-bold text-muted"><?= _("Tarif Actes") ?></label>
<select name="codeTarifActe" id="codeTarifActe" class="form-control selectpicker border-2" data-live-search="true"> <select name="codeTarifActe" id="codeTarifActe" class="form-control selectpicker" data-live-search="true">
<?= liste_options($tarifActe,"", false) ?> <?= liste_options($tarifActe,"", false) ?>
</select> </select>
</div> </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> </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> </div>
</form> </form>
</div> </div>
<style> <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; } .bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
.border-primary-light { border-color: rgba(33, 46, 83, 0.1) !important; } .border-primary-light { border-color: rgba(33, 46, 83, 0.1) !important; }
.majuscule { text-transform: uppercase; } .majuscule { text-transform: uppercase; }
.form-control:focus, .form-select:focus {
/* Focus sur les inputs */
.form-control:focus {
border-color: var(--bs-primary); border-color: var(--bs-primary);
box-shadow: 0 0 0 0.25rem rgba(33, 46, 83, 0.1); 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> </style>