newdesigngestionnaire/Vue/Nouveaureseausoins/index.php
2026-04-04 18:40:42 +00:00

73 lines
4.0 KiB
PHP
Executable File

<div class="page-content animate__animated animate__fadeIn">
<div class="header-section mb-1">
<div class="d-flex align-items-center bg-white p-3 shadow-sm border-start border-primary border-4" style="border-radius: var(--radius-md);">
<div class="icon-shape bg-primary-ghost text-primary rounded-circle me-3" style="width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;">
<i class="fas fa-network-wired fs-4"></i>
</div>
<div>
<h4 id="titre-page" class="mb-0 fw-bold text-uppercase"><?= _("Nouveau Réseau Soins") ?></h4>
<p class="text-muted small mb-0"><?= _("Initialisation d'un nouveau réseau de prestataires") ?></p>
</div>
</div>
</div>
<form id="form_nouveau_reseau">
<div class="row g-2">
<div class="col-lg-12">
<div class="card border-0 shadow-sm">
<div class="card-header bg-light py-3 border-bottom border-2">
<h6 class="mb-0 fw-bold text-primary text-uppercase"><i class="fas fa-info-circle me-2"></i><?= _("Informations du Réseau") ?></h6>
</div>
<div class="card-body p-5">
<div class="row justify-content-center">
<div class="col-md-8">
<label class="form-label small fw-bold text-muted mb-2">
<?= _("Libellé du Réseau") ?> <span class="text-danger">*</span>
</label>
<div class="input-group">
<span class="input-group-text bg-white border-2 border-end-0 text-primary">
<i class="fas fa-signature"></i>
</span>
<input class="form-control form-control-lg border-2 border-start-0 shadow-none majuscule fw-bold border-primary"
type="text" id="libelle" name="libelle"
placeholder="<?= _("EX: RÉSEAU DE SOINS VIP") ?>"
required autofocus autocomplete="off">
</div>
<small class="text-muted mt-2 d-block">
<i class="fas fa-lightbulb me-1 text-warning"></i>
<?= _("Choisissez un nom explicite pour faciliter la configuration ultérieure des prestataires.") ?>
</small>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-12 mb-5">
<div class="card border-0 shadow-sm bg-light">
<div class="card-body d-flex justify-content-end gap-2 py-3">
<button type="button" class="btn btn-light rounded-pill px-4 fw-bold text-muted border shadow-xs" onclick="retour_liste_reseaus();">
<i class="fas fa-times me-2"></i> <?= _("Annuler") ?>
</button>
<button type="button" id="btn_enreg" class="btn btn-primary rounded-pill px-5 fw-bold shadow-sm" onclick="creer_reseau();">
<i class="fas fa-save me-2"></i> <?= _("Enregistrer le Réseau") ?>
</button>
</div>
</div>
</div>
</div>
</form>
</div>
<style>
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
.border-primary-light { border-color: rgba(33, 46, 83, 0.1) !important; }
.majuscule { text-transform: uppercase; }
/* Focus Style */
.form-control:focus {
border-color: var(--bs-primary);
box-shadow: 0 0 0 0.25rem rgba(33, 46, 83, 0.1);
}
</style>