newdesigngestionnaire/Vue/Ajaxtbmodifiertypeaffection/index.php
2026-03-14 11:03:08 +00:00

90 lines
4.3 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 type d'affection") ?>
</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($typeaffection['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="codeTypeAffection" name="codeTypeAffection"
value="<?= $this->nettoyer($typeaffection['codeTypeAffection']); ?>" disabled>
</div>
</div>
<div class="col-md-3">
<label class="form-label fw-bold text-muted small required"><?= _("Libellé (Fr)") ?></label>
<div class="input-group shadow-xs">
<span class="input-group-text bg-white border-2 border-end-0">
<img src="../Bootstrap_new/images/france.png" width="16" alt="FR">
</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($typeaffection['libelle']); ?>">
</div>
</div>
<div class="col-md-3">
<label class="form-label fw-bold text-muted small"><?= _("Libellé (Eng)") ?></label>
<div class="input-group shadow-xs">
<span class="input-group-text bg-white border-2 border-end-0">
<img src="../Bootstrap_new/images/england.png" width="16" alt="EN">
</span>
<input type="text" class="form-control border-2 border-start-0 majuscule"
id="libelleEng" name="libelleEng" autocomplete="OFF"
value="<?= $this->nettoyer($typeaffection['libelleEng']); ?>">
</div>
</div>
<div class="col-md-4">
<label class="form-label fw-bold text-muted small"><?= _("Maladie Chronique") ?></label>
<div class="shadow-xs">
<select name="maladieChronique" id="maladieChronique" class="selectpicker form-control border-2" data-container="body">
<?= liste_options($ouinonplafondmodifiable, $this->nettoyer($typeaffection['maladieChronique']), true) ?>
</select>
</div>
</div>
</div>
</form>
</div>
</div>
<script>
$(document).ready(function() {
// Initialisation SelectPicker avec style 2px
$('.selectpicker').selectpicker();
// Focus UX Neutral Pro : 200ms sur le champ 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>