111 lines
5.0 KiB
PHP
Executable File
111 lines
5.0 KiB
PHP
Executable File
<div class="card border-0 shadow-sm border-start border-4 border-primary">
|
|
<div class="card-header bg-white py-3 border-bottom">
|
|
<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 Bureau") ?>
|
|
</h6>
|
|
</div>
|
|
|
|
<div class="card-body p-4">
|
|
<form id="formData" class="container-fluid p-0">
|
|
<div class="row g-4">
|
|
<div class="col-md-6">
|
|
<label class="form-label fw-bold text-muted small required"><?= _("Libellé") ?></label>
|
|
<div class="input-group shadow-xs">
|
|
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-tag text-primary"></i></span>
|
|
<input type="text"
|
|
class="form-control border-2 border-start-0 majuscule fw-bold"
|
|
id="libelle"
|
|
name="libelle"
|
|
required
|
|
autocomplete="OFF">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<label class="form-label fw-bold text-muted small"><?= _("Nom Responsable") ?></label>
|
|
<div class="input-group shadow-xs">
|
|
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-user text-muted"></i></span>
|
|
<input type="text"
|
|
class="form-control border-2 border-start-0 majuscule"
|
|
id="nomRespon"
|
|
name="nomRespon">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<label class="form-label fw-bold text-muted small"><?= _("Prénoms Responsable") ?></label>
|
|
<div class="input-group shadow-xs">
|
|
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-user-edit text-muted"></i></span>
|
|
<input type="text"
|
|
class="form-control border-2 border-start-0 majuscule"
|
|
id="prenomRespon"
|
|
name="prenomRespon">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<label class="form-label fw-bold text-muted small"><?= _("Téléphone Fixe") ?></label>
|
|
<div class="input-group shadow-xs">
|
|
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-phone text-muted"></i></span>
|
|
<input type="tel"
|
|
class="form-control border-2 border-start-0"
|
|
id="telephoneFixe"
|
|
name="telephoneFixe">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<label class="form-label fw-bold text-muted small"><?= _("Téléphone Mobile") ?></label>
|
|
<div class="input-group shadow-xs">
|
|
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-mobile-alt text-muted"></i></span>
|
|
<input type="tel"
|
|
class="form-control border-2 border-start-0"
|
|
id="telephonePortable"
|
|
name="telephonePortable">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<label class="form-label fw-bold text-muted small"><?= _("Email") ?></label>
|
|
<div class="input-group shadow-xs">
|
|
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-envelope text-muted"></i></span>
|
|
<input type="email"
|
|
class="form-control border-2 border-start-0"
|
|
id="email"
|
|
name="email">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
// Respect de la règle de Focus Neutral Pro
|
|
setTimeout(function() {
|
|
$('#libelle').focus();
|
|
}, 200);
|
|
</script>
|
|
|
|
<style>
|
|
/* Styles spécifiques ERP Neutral Pro */
|
|
.border-primary { border-color: #212e53 !important; }
|
|
.text-primary { color: #212e53 !important; }
|
|
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
|
|
|
.form-control.border-2 { border-width: 2px !important; }
|
|
.input-group-text.border-2 { border-width: 2px !important; }
|
|
|
|
.form-control:focus {
|
|
border-color: #212e53;
|
|
box-shadow: 0 0 0 0.25rem rgba(33, 46, 83, 0.1);
|
|
}
|
|
|
|
.required:after {
|
|
content: " *";
|
|
color: #dc3545;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.majuscule { text-transform: uppercase; }
|
|
</style>
|