newdesigngestionnaire/Vue/Ajaxtbajouterbaremeaccessoireavenant/index.php
2026-04-10 13:10:11 +00:00

90 lines
4.9 KiB
PHP
Executable File

<div class="card border-0 shadow-sm mb-4 border-start border-primary border-4 animate__animated animate__fadeIn">
<div class="card-header border-bottom bg-light py-3">
<h6 class="card-title mb-0 fw-bold text-primary text-uppercase small">
<i class="fas fa-plus-circle me-2"></i><?= _("Ajouter des données") ?>
</h6>
</div>
<div class="card-body p-4">
<form id="formData">
<div class="row g-3 mb-3">
<div class="col-md-4">
<label class="form-label small fw-bold text-muted required"><?= _("Type Contrat") ?></label>
<div class="input-group">
<span class="input-group-text bg-light"><i class="fas fa-file-contract text-primary"></i></span>
<select class="form-select border-2 border-start-0 border-primary" id="codeTypeContrat" name="codeTypeContrat" required autocomplete="off" onchange="javascript:affiche_prime_min();">
<?php liste_options($typecontrat, "", false); ?>
</select>
</div>
</div>
<div class="col-md-4">
<label class="form-label small fw-bold text-muted"><?= _("Prime Mini") ?></label>
<div id="div_prime_mini">
<div class="input-group">
<span class="input-group-text bg-light"><i class="fas fa-arrow-down text-muted"></i></span>
<input class="form-control text-center bg-light fw-bold" type="text" value="0" disabled>
</div>
</div>
</div>
<div class="col-md-4">
<label class="form-label small fw-bold text-muted required"><?= _("Forfait") ?></label>
<div class="input-group">
<span class="input-group-text bg-light text-success"><i class="fas fa-money-bill-wave"></i></span>
<input class="form-control text-center fw-bold border-2 border-start-0 border-primary" type="text" value="0" id="accessoireForfait" name="accessoireForfait" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
</div>
</div>
</div>
<div class="row g-3">
<div class="col-md-4">
<label class="form-label small fw-bold text-muted required"><?= _("Application") ?></label>
<div class="input-group">
<span class="input-group-text bg-light"><i class="fas fa-cog text-primary"></i></span>
<select class="form-select border-2 border-start-0 border-primary" id="codeApplication" name="codeApplication" required autocomplete="off" onchange="javascript:affiche_prime_min();">
<?php liste_options($application, "", false); ?>
</select>
</div>
</div>
<div class="col-md-4">
<label class="form-label small fw-bold text-muted required"><?= _("Prime Maxi") ?></label>
<div class="input-group">
<span class="input-group-text bg-light"><i class="fas fa-arrow-up text-primary"></i></span>
<input class="form-control text-center fw-bold text-primary border-2 border-start-0 border-primary" type="text" value="0" id="primeMax" name="primeMax" required autocomplete="off" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);" onchange="controle_primeMax();">
</div>
</div>
<div class="col-md-4">
<label class="form-label small fw-bold text-muted"><?= _("Taux (%)") ?></label>
<div class="input-group">
<span class="input-group-text bg-light text-info"><i class="fas fa-percentage"></i></span>
<input class="form-control text-center fw-bold border-2 border-start-0 border-primary" type="number" min="0" value="0" step="0.01" id="tauxAccessoire" name="tauxAccessoire" onBlur="controle_numerique(this);">
</div>
</div>
</div>
</form>
</div>
</div>
<style>
/* Harmonisation des hauteurs et styles des champs */
.form-label.required::after {
content: " *";
color: #dc3545;
font-weight: bold;
}
.input-group-text {
border-color: #dee2e6;
min-width: 42px;
justify-content: center;
}
.form-control, .form-select {
border-color: #dee2e6;
}
.form-control:focus, .form-select:focus {
border-color: #0d6efd;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.1);
}
</style>