This commit is contained in:
KONE SOREL 2026-03-11 10:41:47 +00:00
parent 702b4e32bd
commit df4157c4fa

View File

@ -1,64 +1,139 @@
<form id="formData">
<legend id="titre_formData"><?= _("Modification des données") ?></legend>
<INPUT class="sr-only" TYPE="text" id = "id" name = "id" value="<?=$commerciaux['id']?>">
<table class="table table-responsive table-condensed">
<tbody>
<tr>
<td width="5%" align="center" >Code</td>
<td width="20%"><INPUT class="form-control majuscule" TYPE="text" id="codeApporteur" NAME="codeApporteur" required AUTOCOMPLETE="OFF" value="<?= $this->nettoyer($commerciaux['codeApporteur']); ?>" disabled></td>
<td width="5%" align="center" class="required"><?= _("Nom et Prénoms") ?></td>
<td width="30%"><INPUT class="form-control majuscule" TYPE="text" id="libelle" NAME="libelle" required AUTOCOMPLETE="OFF" autofocus value="<?= $this->nettoyer($commerciaux['libelle']); ?>"></td>
<td width="5%" align="center" class="required">Type</td>
<td width="20%">
<select name="codeTypeApporteur" id="codeTypeApporteur" class="form-select" required>
<?= liste_options($typeapp,$this->nettoyer($commerciaux['codeTypeApporteur']),true) ?>
</select>
</td>
<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-warning small" id="titre_formData">
<i class="fas fa-user-edit me-2"></i><?= _("Modification des données du commercial") ?>
</h6>
</div>
<div class="card-body p-4">
<form id="formData" class="container-fluid p-0">
<input type="hidden" id="id" name="id" value="<?= $this->nettoyer($commerciaux['id']) ?>">
<td width="10%" align="center"><?= _("Déduire Commission") ?></td>
<td width="5%">
<select name="deduireComm" id="deduireComm" class="form-select">
<?= liste_options($ouinonplafondmodifiable,$this->nettoyer($commerciaux['deduireComm']),true) ?>
</select>
</td>
</tr>
<tr>
<td width="5%" align="center" class="required"><?= _("Bureau") ?></td>
<td width="20%">
<select name="codeBureau" id="codeBureau" class="form-select" value="<?= $this->nettoyer($commerciaux['codeBureau']); ?>" required AUTOCOMPLETE="OFF">
<?= liste_options($bureau,$this->nettoyer($commerciaux['codeBureau']),true) ?>
</select>
</td>
<td width="5%" align="center"><?= _("E-mail") ?></td>
<td width="30%"><INPUT class="form-control" TYPE="email" id="email" NAME="email" value="<?= $this->nettoyer($commerciaux['email']); ?>"></td>
<td width="5%" align="center"><?= _("Téléphone") ?></td>
<td width="20%"><INPUT class="form-control" TYPE="tel" id="telephone" NAME="telephone" value="<?= $this->nettoyer($commerciaux['telephone']); ?>"></td>
<div class="row g-3">
<div class="col-md-2">
<label class="form-label fw-bold text-muted small text-uppercase">Code</label>
<div class="input-group shadow-xs">
<span class="input-group-text bg-light border-2 border-end-0"><i class="fas fa-lock text-muted"></i></span>
<input type="text" class="form-control border-2 border-start-0 majuscule fw-bold bg-light"
id="codeApporteur" name="codeApporteur" value="<?= $this->nettoyer($commerciaux['codeApporteur']); ?>" disabled>
</div>
</div>
<td width="10%" align="center"><?= _("Type Système") ?></td>
<td width="5%">
<select name="typeSysteme" id="typeSysteme" class="form-select">
<?= liste_options($ouinonplafondmodifiable,$this->nettoyer($commerciaux['typeSysteme']),true) ?>
</select>
</td>
</tr>
<tr>
<td width="5%" align="center"><?= _("Responsable") ?></td>
<td width="20%" ><INPUT class="form-control majuscule" TYPE="text" id="nomResponsable" NAME="nomResponsable" value="<?= $this->nettoyer($commerciaux['nomResponsable']); ?>"></td>
<td width="5%" align="center" class="required"><?= _("N° Mobile Paiement") ?></td>
<td width="30%"><INPUT class="form-control" TYPE="number" id="mobilePaiement" NAME="mobilePaiement" value="<?= $this->nettoyer($commerciaux['mobilePaiement']); ?>" title="<?= _("L'indicatif est obligatoire")?>" required></td>
<td width="5%" align="center"><?= _("Adresse Postale") ?></td>
<td colspan="3"><INPUT class="form-control majuscule" TYPE="text" id="adressePost" NAME="adressePost" value="<?= $this->nettoyer($commerciaux['adressePost']); ?>"></td>
</tr>
<tr>
<td width="5%" align="center"><?= _("Adresse Géographique") ?></td>
<td colspan="7"><INPUT class="form-control majuscule" TYPE="text" id="adresseGeo" NAME="adresseGeo" value="<?= $this->nettoyer($commerciaux['adresseGeo']); ?>"></td>
</tr>
</tbody>
</table>
</form>
<div class="col-md-5">
<label class="form-label fw-bold text-muted small text-uppercase required"><?= _("Nom et Prénoms") ?></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-primary"></i></span>
<input type="text" class="form-control border-2 border-start-0 majuscule fw-bold"
id="libelle" name="libelle" required autocomplete="OFF" value="<?= $this->nettoyer($commerciaux['libelle']); ?>">
</div>
</div>
<div class="col-md-3">
<label class="form-label fw-bold text-muted small text-uppercase required"><?= _("Type") ?></label>
<select name="codeTypeApporteur" id="codeTypeApporteur" class="selectpicker form-control border-2 shadow-xs" data-live-search="true" data-container="body" required>
<?= liste_options($typeapp, $this->nettoyer($commerciaux['codeTypeApporteur']), true) ?>
</select>
</div>
<div class="col-md-2">
<label class="form-label fw-bold text-muted small text-uppercase"><?= _("Comm.") ?></label>
<select name="deduireComm" id="deduireComm" class="selectpicker form-control border-2 shadow-xs" data-container="body">
<?= liste_options($ouinonplafondmodifiable, $this->nettoyer($commerciaux['deduireComm']), true) ?>
</select>
</div>
<div class="col-md-4">
<label class="form-label fw-bold text-muted small text-uppercase required"><?= _("Bureau") ?></label>
<select name="codeBureau" id="codeBureau" class="selectpicker form-control border-2 shadow-xs" data-live-search="true" data-container="body" required>
<?= liste_options($bureau, $this->nettoyer($commerciaux['codeBureau']), true) ?>
</select>
</div>
<div class="col-md-3">
<label class="form-label fw-bold text-muted small text-uppercase"><?= _("E-mail") ?></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" value="<?= $this->nettoyer($commerciaux['email']); ?>">
</div>
</div>
<div class="col-md-3">
<label class="form-label fw-bold text-muted small text-uppercase"><?= _("Téléphone") ?></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="telephone" name="telephone" value="<?= $this->nettoyer($commerciaux['telephone']); ?>">
</div>
</div>
<div class="col-md-2">
<label class="form-label fw-bold text-muted small text-uppercase"><?= _("Système") ?></label>
<select name="typeSysteme" id="typeSysteme" class="selectpicker form-control border-2 shadow-xs" data-container="body">
<?= liste_options($ouinonplafondmodifiable, $this->nettoyer($commerciaux['typeSysteme']), true) ?>
</select>
</div>
<div class="col-md-4">
<label class="form-label fw-bold text-muted small text-uppercase"><?= _("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-tie text-muted"></i></span>
<input type="text" class="form-control border-2 border-start-0 majuscule" id="nomResponsable" name="nomResponsable" value="<?= $this->nettoyer($commerciaux['nomResponsable']); ?>">
</div>
</div>
<div class="col-md-3">
<label class="form-label fw-bold text-muted small text-uppercase required"><?= _("N° Mobile Paiement") ?></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-success"></i></span>
<input type="number" class="form-control border-2 border-start-0 fw-bold"
id="mobilePaiement" name="mobilePaiement" value="<?= $this->nettoyer($commerciaux['mobilePaiement']); ?>" required>
</div>
</div>
<div class="col-md-5">
<label class="form-label fw-bold text-muted small text-uppercase"><?= _("Adresse Postale") ?></label>
<div class="input-group shadow-xs">
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-map-signs text-muted"></i></span>
<input type="text" class="form-control border-2 border-start-0 majuscule" id="adressePost" name="adressePost" value="<?= $this->nettoyer($commerciaux['adressePost']); ?>">
</div>
</div>
<div class="col-md-12">
<label class="form-label fw-bold text-muted small text-uppercase"><?= _("Adresse Géographique") ?></label>
<div class="input-group shadow-xs">
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-map-marker-alt text-muted"></i></span>
<input type="text" class="form-control border-2 border-start-0 majuscule" id="adresseGeo" name="adresseGeo" value="<?= $this->nettoyer($commerciaux['adresseGeo']); ?>">
</div>
</div>
</div>
</form>
</div>
</div>
<script>
$(document).ready(function() {
// Initialisation SelectPicker
$('.selectpicker').selectpicker();
// Focus Neutral Pro (200ms sur libellé)
setTimeout(function() {
$('#libelle').focus();
}, 200);
});
</script>
<style>
.border-primary { border-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; }
.majuscule { text-transform: uppercase; }
.required:after { content: " *"; color: #dc3545; font-weight: bold; }
/* Harmonisation SelectPicker */
.bootstrap-select > .dropdown-toggle {
border-width: 2px !important;
height: 38px !important;
background-color: #fff !important;
}
</style>