87 lines
4.2 KiB
PHP
Executable File
87 lines
4.2 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-warning small" id="titre_formData">
|
|
<i class="fas fa-edit me-2"></i><?= _("Modification des données du moyen de paiement") ?>
|
|
</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($moyenpaiement['id']) ?>">
|
|
|
|
<div class="row g-3 align-items-end">
|
|
|
|
<div class="col-md-2">
|
|
<label class="form-label fw-bold text-muted small">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="codeMoyenPaiement" name="codeMoyenPaiement"
|
|
value="<?= $this->nettoyer($moyenpaiement['codeMoyenPaiement']); ?>" disabled>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
<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"
|
|
value="<?= $this->nettoyer($moyenpaiement['libelle']); ?>">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
<label class="form-label fw-bold text-muted small required">Type</label>
|
|
<select name="codeTypePaiement" id="codeTypePaiement"
|
|
class="selectpicker form-control border-2 shadow-xs"
|
|
data-live-search="true"
|
|
data-container="body" required>
|
|
<?= liste_options($typepaiement, $this->nettoyer($moyenpaiement['codeTypePaiement']), true) ?>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<label class="form-label fw-bold text-muted small"><?= _("N° Compte") ?></label>
|
|
<div class="input-group shadow-xs">
|
|
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-calculator text-muted"></i></span>
|
|
<input type="text" class="form-control border-2 border-start-0 majuscule fw-bold text-primary"
|
|
id="numeroCompte" name="numeroCompte"
|
|
value="<?= $this->nettoyer($moyenpaiement['numeroCompte']); ?>">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
// Initialisation du SelectPicker avec votre fonction Standard
|
|
actualiserSelectPicker('#codeTypePaiement', false);
|
|
|
|
// Focus UX Neutral Pro : 200ms sur le libellé
|
|
setTimeout(function() {
|
|
$('#libelle').focus();
|
|
}, 200);
|
|
});
|
|
</script>
|
|
|
|
<style>
|
|
/* Identité Visuelle Neutral Pro */
|
|
.border-primary { border-color: #212e53 !important; }
|
|
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
|
.form-control.border-2, .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>
|