61 lines
2.5 KiB
PHP
Executable File
61 lines
2.5 KiB
PHP
Executable File
<div class="card border-0 shadow-sm border-start border-success border-4 mb-4">
|
|
<div class="card-header bg-white py-3 border-0">
|
|
<h6 class="mb-0 fw-bold text-uppercase text-success small" id="titre_formData">
|
|
<i class="fas fa-plus-circle me-2"></i><?= _("Ajouter un nouveau Pays") ?>
|
|
</h6>
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
<form id="formData">
|
|
<div class="row g-3">
|
|
<div class="col-md-3">
|
|
<label class="form-label small fw-bold text-muted required">Code</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text bg-light border-2 border-end-0"><i class="fas fa-barcode text-muted"></i></span>
|
|
<input class="form-control border-2 border-start-0 ps-0 majuscule fw-bold"
|
|
type="text"
|
|
id="codePays"
|
|
name="codePays"
|
|
maxlength="3"
|
|
required
|
|
autocomplete="off"
|
|
autofocus>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-9">
|
|
<label class="form-label small fw-bold text-muted required"><?= _("Libellé du Pays") ?></label>
|
|
<div class="input-group">
|
|
<span class="input-group-text bg-light border-2 border-end-0"><i class="fas fa-globe-africa text-muted"></i></span>
|
|
<input class="form-control border-2 border-start-0 ps-0 majuscule"
|
|
type="text"
|
|
id="libelle"
|
|
name="libelle"
|
|
required
|
|
autocomplete="off">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="form-errors" class="alert alert-danger mt-3 d-none small py-2"></div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
/* Force la majuscule pendant la saisie */
|
|
.majuscule { text-transform: uppercase; }
|
|
|
|
/* Style spécifique pour les champs requis */
|
|
.required:after {
|
|
content: " *";
|
|
color: #dc3545;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* Animation au focus */
|
|
.form-control:focus {
|
|
border-color: #28a745 !important;
|
|
box-shadow: 0 0 0 0.25rem rgba(40, 167, 69, 0.15) !important;
|
|
}
|
|
</style>
|