88 lines
5.3 KiB
PHP
Executable File
88 lines
5.3 KiB
PHP
Executable File
<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>
|
|
<div>
|
|
<h4 id="titre-page" class="mb-0 fw-bold text-uppercase"><?= _("Nouveau Produit Santé") ?></h4>
|
|
<p class="text-muted small mb-0"><?= _("Définition du catalogue produit et des règles de tarification") ?></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<form id="form_nouveau_produit">
|
|
<div class="card border-0 shadow-sm mb-1">
|
|
<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-info-circle me-2"></i><?= _("Informations Générales") ?></h6>
|
|
</div>
|
|
<div class="card-body p-4">
|
|
<div class="row g-3">
|
|
<div class="col-md-7">
|
|
<label class="form-label small fw-bold text-muted text-uppercase"><?= _("Nom du Produit") ?> <span class="text-danger">*</span></label>
|
|
<input class="form-control majuscule border-2 shadow-none" type="text" id="libelle" name="libelle" required placeholder="<?= _("Ex: PLAN SANTÉ ÉLITE") ?>" autocomplete="off">
|
|
</div>
|
|
<div class="col-md-5">
|
|
<label class="form-label small fw-bold text-muted text-uppercase"><?= _("Garant") ?> <span class="text-danger">*</span></label>
|
|
<select class="form-control selectpicker shadow-none" data-live-search="true" id="codeGcAssureur" name="codeGcAssureur" required>
|
|
<?php liste_options($garant, $_SESSION['garant']); ?>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<label class="form-label small fw-bold text-muted text-uppercase"><?= _("Plafond Famille") ?></label>
|
|
<div class="input-group">
|
|
<span class="input-group-text bg-light border-2 border-end-0"><i class="fas fa-wallet text-muted"></i></span>
|
|
<input class="form-control border-2 border-start-0 shadow-none fw-bold" type="text" id="plafondAdherent" name="plafondAdherent"
|
|
value="0" onfocus="formatNumerique(this);" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<label class="form-label small fw-bold text-muted text-uppercase"><?= _("État") ?> <span class="text-danger">*</span></label>
|
|
<select class="form-select border-2 shadow-none" id="codeEtatProduit" name="codeEtatProduit" required>
|
|
<?php liste_options($etatproduit, "1", true); ?>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<label class="form-label small fw-bold text-muted text-uppercase"><?= _("Mode Calcul Prime") ?> <span class="text-danger">*</span></label>
|
|
<select class="form-select border-2 shadow-none fw-bold" id="codeModecalculPrime" name="codeModecalculPrime" required onchange="modecalculeprime()">
|
|
<?php liste_options($calculprime, "", false); ?>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="div_prime_lienparente" class="animate__animated animate__fadeIn"></div>
|
|
<div id="div_typetrancheage" class="animate__animated animate__fadeIn mb-4"></div>
|
|
|
|
<div class="card border-0 shadow-sm mb-1 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_produits();">
|
|
<i class="fas fa-times me-2"></i> <?= _("Annuler") ?>
|
|
</button>
|
|
<button type="button" id="btn_enreg" class="btn btn-primary rounded-pill px-5 fw-bold shadow-sm" onclick="creer_produit();">
|
|
<i class="fas fa-save me-2"></i> <?= _("Enregistrer le Produit") ?>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<style>
|
|
.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 Style */
|
|
.form-control:focus, .form-select:focus {
|
|
border-color: var(--bs-primary);
|
|
box-shadow: 0 0 0 0.25rem rgba(33, 46, 83, 0.1);
|
|
}
|
|
|
|
/* Séparateur pour les zones AJAX */
|
|
#div_prime_lienparente:not(:empty), #div_typetrancheage:not(:empty) {
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
</style>
|