201 lines
13 KiB
PHP
Executable File
201 lines
13 KiB
PHP
Executable File
<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>
|
|
|
|
<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-3">
|
|
|
|
<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>
|
|
<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 text-uppercase"><?= _("Nom du Garant") ?> <span class="text-danger">*</span></label>
|
|
<input class="form-control majuscule shadow-none border-2" type="text" id="libelle" name="libelle" required placeholder="<?= _("Ex: ASSURANCES ALLIANCE") ?>">
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label class="form-label small fw-bold text-muted text-uppercase"><?= _("Type de Garant") ?> <span class="text-danger">*</span></label>
|
|
<select name="typeGarant" id="typeGarant" class="form-control selectpicker shadow-none border-2 w-100" data-live-search="true" required>
|
|
<?= liste_options($gctypegarant,'',false) ?>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<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>
|
|
<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">
|
|
</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">
|
|
</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">
|
|
</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">
|
|
</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; ?>">
|
|
</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">
|
|
</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">
|
|
</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);">
|
|
</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);">
|
|
</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);">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
<div class="card-body p-4">
|
|
<div class="row g-2">
|
|
<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">
|
|
</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">
|
|
</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">
|
|
</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"><?= _("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>
|
|
</div>
|
|
</div>
|
|
|
|
<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>
|
|
<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">
|
|
</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">
|
|
</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>
|
|
<?php liste_options($modepaiement, ""); ?>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<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">
|
|
<?= liste_options($tarifActe,"", false) ?>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</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 {
|
|
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;
|
|
}
|
|
</style>
|