newdesigngestionnaire/Vue/Modifiercollegetype/index.php
2026-03-17 16:37:18 +00:00

90 lines
5.5 KiB
PHP
Executable File

<?php
$this->titre = "INTER SANTE - Modifier un collège type";
$idTable = $this->nettoyer($table['idTable']);
$code = $this->nettoyer($table['codeCollegeType']);
$valeurActuelle = est_anglophone() ? $this->nettoyer($table['libelleEng']) : $this->nettoyer($table['libelle']);
?>
<div class="page-content animate__animated animate__fadeIn">
<div class="header-section mb-1">
<div class="d-flex align-items-center justify-content-between bg-white p-3 shadow border-start border-warning border-4" style="border-radius: var(--radius-md);">
<div class="d-flex align-items-center">
<div class="icon-shape bg-warning-light text-warning rounded-circle me-3" style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;">
<i class="fas fa-edit fs-4"></i>
</div>
<div>
<h4 id="titre-page" class="mb-0 fw-bold text-uppercase fs-5 text-warning"><?= _("Modifier le Collège Type") ?></h4>
<p class="text-muted small mb-0 d-none d-md-block"><?= _("Code :") ?> <span class="badge bg-light text-dark border"><?= $code ?></span> — <?= $valeurActuelle ?></p>
</div>
</div>
<div class="d-flex gap-2">
<button type="button" class="btn btn-light rounded-pill px-4 fw-bold text-muted border shadow-sm btn-sm" onclick="retour_colleges_types();">
<i class="fas fa-times me-1"></i> <?= _("Annuler") ?>
</button>
<button type="button" id="btn_enreg" class="btn btn-warning rounded-pill px-4 fw-bold shadow-sm btn-sm text-light" onclick="enregistrer_modif_college_type();">
<i class="fas fa-save me-1"></i> <?= _("Enregistrer les modifications") ?>
</button>
</div>
</div>
</div>
<form id="form_edit_college">
<input type="hidden" id="idTable" name="idTable" value="<?= $idTable ?>">
<div class="row g-2">
<div class="col-lg-5">
<div class="card border-0 shadow-sm h-100 bg-light">
<div class="card-header bg-transparent py-3 border-bottom border-2">
<h6 class="mb-0 fw-bold text-muted text-uppercase"><i class="fas fa-history me-2"></i><?= _("Valeurs Actuelles") ?></h6>
</div>
<div class="card-body p-4">
<div class="mb-3">
<label class="form-label small fw-bold text-muted"><?= _("Code") ?></label>
<input class="form-control border-0 bg-white" type="text" value="<?= $code ?>" readonly>
</div>
<div class="mb-0">
<label class="form-label small fw-bold text-muted"><?= _("Libellé") ?></label>
<input class="form-control border-0 bg-white" type="text" value="<?= $valeurActuelle ?>" readonly>
</div>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="card border-0 shadow-sm h-100 border-start border-warning border-4">
<div class="card-header bg-white py-3 border-bottom border-2 border-primary-light">
<h6 class="mb-0 fw-bold text-primary text-uppercase"><i class="fas fa-pen-fancy me-2"></i><?= _("Nouvelles Valeurs") ?></h6>
</div>
<div class="card-body p-4">
<div class="row g-3">
<div class="col-md-4">
<label class="form-label small fw-bold text-muted text-uppercase"><?= _("Code") ?></label>
<input class="form-control bg-light border-2 fw-bold" type="text" id="codeCollegeType" name="codeCollegeType" value="<?= $code ?>" readonly>
</div>
<div class="col-md-8">
<label class="form-label small fw-bold text-muted text-uppercase"><?= _("Nouveau Libellé") ?> <span class="text-danger">*</span></label>
<div class="input-group">
<span class="input-group-text bg-white border-2 border-end-0 text-warning"><i class="fas fa-tag"></i></span>
<input class="form-control border-2 border-start-0 shadow-none majuscule fw-bold"
type="text" id="libelle" name="libelle"
value="<?= $valeurActuelle ?>" required autofocus>
</div>
<small class="text-muted mt-1 d-block"><i class="fas fa-info-circle me-1"></i><?= _("Le libellé sera automatiquement converti en majuscules.") ?></small>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
<style>
.header-section.sticky-top { background-color: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); }
.bg-warning-light { background-color: rgba(255, 193, 7, 0.15) !important; }
.border-primary-light { border-color: rgba(33, 46, 83, 0.1) !important; }
.majuscule { text-transform: uppercase; }
.form-control:focus { border-color: #ffc107; box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.1); }
</style>