fg
This commit is contained in:
parent
39a196c4dd
commit
8f2350d11c
|
|
@ -1,35 +1,23 @@
|
|||
<div class="page-content animate__animated animate__fadeIn">
|
||||
|
||||
<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 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>
|
||||
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form id="form_nouveau_garant">
|
||||
<div class="row g-3">
|
||||
<div class="row g-2">
|
||||
|
||||
<div class="col-lg-12">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<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 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>
|
||||
<div class="card-body p-4">
|
||||
<div class="row g-3">
|
||||
|
|
@ -50,53 +38,53 @@
|
|||
|
||||
<div class="col-lg-7">
|
||||
<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-percentage me-2"></i><?= _("Taux & Frais de Cartes") ?></h6>
|
||||
<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>
|
||||
<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"><?= _("Comm. sur Primes (%)") ?></label>
|
||||
<input class="form-control border-2" id="gcTauxCommissionGerant" name="gcTauxCommissionGerant" type="number" value="0">
|
||||
<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">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<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 class="col-md-6">
|
||||
<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">
|
||||
<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">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<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 class="col-md-4">
|
||||
<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 class="col-md-4">
|
||||
<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">
|
||||
<label class="form-label small fw-bold text-muted"><?= _("Taux Suspension (%)") ?></label>
|
||||
<input class="form-control" 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 border-2" id="seuilRdGarant" name="seuilRdGarant" type="number" value="0">
|
||||
<input class="form-control" 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"><?= _("Carte (Nouv.)") ?></label>
|
||||
<input class="form-control border-2" type="text" id="fraisCarteAfn" name="fraisCarteAfn" value="0" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
|
||||
<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);">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<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);">
|
||||
<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);">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<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);">
|
||||
<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);">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -104,35 +92,43 @@
|
|||
</div>
|
||||
|
||||
<div class="col-lg-5">
|
||||
<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 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>
|
||||
<div class="card-body p-4">
|
||||
<div class="row g-2">
|
||||
<div class="row g-3">
|
||||
<div class="col-12">
|
||||
<label class="form-label small fw-bold text-muted"><?= _("Email Principal") ?></label>
|
||||
<input class="form-control border-2" type="email" id="emailGcAssureur" name="emailGcAssureur">
|
||||
<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">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<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">
|
||||
<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"><?= _("Sigle") ?></label>
|
||||
<input class="form-control border-2 majuscule" type="text" id="siglerepresentant" name="siglerepresentant">
|
||||
<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éo.") ?></label>
|
||||
<input class="form-control border-2 majuscule" type="text" id="adresseGeographique" name="adresseGeographique">
|
||||
<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 border-2 majuscule" type="text" id="representant" name="representant">
|
||||
<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. Représentant") ?></label>
|
||||
<input class="form-control border-2" type="text" id="telephonerepresentant" name="telephonerepresentant">
|
||||
<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">
|
||||
</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>
|
||||
|
|
@ -141,61 +137,76 @@
|
|||
|
||||
<div class="col-lg-12">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<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 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>
|
||||
<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 RD") ?></label>
|
||||
<input class="form-control majuscule border-2" type="text" id="numerodeCompteComptableRD" name="numerodeCompteComptableRD">
|
||||
<label class="form-label small fw-bold text-muted"><?= _("Compte Remboursement Direct") ?></label>
|
||||
<input class="form-control majuscule" type="text" id="numerodeCompteComptableRD" name="numerodeCompteComptableRD">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<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">
|
||||
<label class="form-label small fw-bold text-muted"><?= _("Compte Tiers Payant") ?></label>
|
||||
<input class="form-control majuscule" type="text" id="numerodeCompteComptableTP" name="numerodeCompteComptableTP">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<label class="form-label small fw-bold text-muted"><?= _("Mode Paiement") ?> *</label>
|
||||
<select class="form-control selectpicker border-2" name="codeModePaiementDemande" id="codeModePaiementDemande" required>
|
||||
<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>
|
||||
<?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 border-2" data-live-search="true">
|
||||
<select name="codeTarifActe" id="codeTarifActe" class="form-control selectpicker" 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; }
|
||||
|
||||
/* Focus sur les inputs */
|
||||
.form-control:focus {
|
||||
.form-control:focus, .form-select: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>
|
||||
Loading…
Reference in New Issue
Block a user