newdesigngestionnaire/Vue/Ajaxouvrirtypegarant/index.php
2026-03-14 14:11:51 +00:00

72 lines
3.3 KiB
PHP
Executable File

<div class="modal-dialog modal-dialog-centered">
<div class="modal-content border-0 shadow-lg">
<div class="modal-header bg-primary text-white py-3">
<h6 class="modal-title fw-bold text-uppercase small">
<i class="fas fa-plus-circle me-2"></i><?= _("Ajouter un Type de Garant") ?>
</h6>
<button type="button" class="btn p-2 border-0 shadow-none d-flex align-items-center justify-content-center"
data-bs-dismiss="modal" aria-label="Close"
style="background: transparent; transition: transform 0.2s ease;">
<i class="fas fa-times text-white fs-4"></i>
</button>
</div>
<div class="modal-body p-4">
<form id="formModal">
<div class="row g-3">
<div class="col-md-4">
<label class="form-label small fw-bold text-muted text-uppercase">
<?= _("Code") ?> <span class="text-danger">*</span>
</label>
<input class="form-control majuscule shadow-none border-2"
type="text"
id="codeTypeGarant"
name="codeTypeGarant"
placeholder="Ex: CIE"
required
autocomplete="OFF"
onchange="test_code(this,this.value); recherchecode(this,this.value,'typegarant');">
</div>
<div class="col-md-8">
<label class="form-label small fw-bold text-muted text-uppercase">
<?= _("Libellé") ?> <span class="text-danger">*</span>
</label>
<input class="form-control majuscule shadow-none border-2"
type="text"
id="libelle"
name="libelle"
placeholder="<?= _("Saisir le nom...") ?>"
required
autocomplete="OFF">
</div>
</div>
<div id="msg_info_modal" class="mt-3 text-center small fw-bold" style="display:none;"></div>
</form>
</div>
<div class="modal-footer bg-light border-0 py-3">
<button type="button" class="btn btn-light rounded-pill px-4 fw-bold text-muted shadow-xs" data-bs-dismiss="modal">
<?= _("Annuler") ?>
</button>
<button type="button"
id="btn-enreg-typegarant"
class="btn btn-primary rounded-pill px-4 fw-bold shadow-sm"
onclick="enregistrerTypeGarant();">
<i class="fas fa-save me-2"></i> <?= _("Enregistrer") ?>
</button>
</div>
</div>
</div>
<style>
/* Forcer la majuscule sur les champs identifiés */
.majuscule { text-transform: uppercase; }
/* Style Neutral Pro pour les inputs au focus */
.modal-content .form-control:focus {
border-color: var(--bs-primary);
background-color: #fff;
}
</style>