72 lines
3.6 KiB
PHP
Executable File
72 lines
3.6 KiB
PHP
Executable File
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content border-0 shadow-lg animate__animated animate__fadeInDown">
|
|
|
|
<div class="modal-header bg-white border-bottom border-primary border-3">
|
|
<div class="d-flex align-items-center">
|
|
<div class="icon-shape bg-primary-ghost text-light rounded-circle me-3" style="width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;">
|
|
<i class="fas fa-users-cog"></i>
|
|
</div>
|
|
<h5 class="modal-title fw-bold text-uppercase mb-0" style="font-size: 11pt;">
|
|
<?= _("Ajouter un Collège Type") ?>
|
|
</h5>
|
|
</div>
|
|
<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-4">
|
|
|
|
<div class="col-12">
|
|
<label class="form-label small fw-bold text-muted text-uppercase mb-1">
|
|
<?= _("Libellé (Français)") ?> <span class="text-danger">*</span>
|
|
</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text bg-light border-2 border-end-0"><i class="fas fa-signature text-muted"></i></span>
|
|
<input class="form-control border-2 border-start-0 shadow-none majuscule fw-bold border-primary"
|
|
type="text" id="libelle" name="libelle" required autocomplete="off">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12">
|
|
<label class="form-label small fw-bold text-muted text-uppercase mb-1">
|
|
<?= _("Libellé (Anglais)") ?> <span class="text-danger">*</span>
|
|
</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text bg-light border-2 border-end-0"><i class="fas fa-language text-muted"></i></span>
|
|
<input class="form-control border-2 border-start-0 shadow-none majuscule fw-bold border-primary"
|
|
type="text" id="libelleEng" name="libelleEng" required autocomplete="off">
|
|
</div>
|
|
</div>
|
|
|
|
</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 border shadow-xs btn-sm" data-bs-dismiss="modal">
|
|
<i class="fas fa-times me-1"></i> <?= _("Annuler") ?>
|
|
</button>
|
|
<button type="button" id="btn-enreg" class="btn btn-primary rounded-pill px-4 fw-bold shadow-sm btn-sm" onclick="ajoutercollegetype();">
|
|
<i class="fas fa-save me-1"></i> <?= _("Enregistrer") ?>
|
|
</button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08); }
|
|
.majuscule { text-transform: uppercase; }
|
|
.modal-content { border-radius: 15px; }
|
|
|
|
/* Focus sur les inputs */
|
|
.form-control:focus {
|
|
border-color: var(--bs-primary);
|
|
background-color: #fff;
|
|
}
|
|
</style>
|