99 lines
5.0 KiB
PHP
99 lines
5.0 KiB
PHP
<?php
|
|
// $this->titre = "Intersanté - Mouvements sur les assurés";
|
|
?>
|
|
|
|
<div id="div_liste_adherent" class="container-fluid py-3 animate__animated animate__fadeIn">
|
|
|
|
<div class="d-flex justify-content-between align-items-center mb-3">
|
|
<h1 class="text-primary fw-bold mb-0">
|
|
<i class="fas fa-exchange-alt me-2"></i><?= _("Entrées & sorties des assurés de la police") ?>
|
|
</h1>
|
|
</div>
|
|
|
|
<div class="card-header d-flex justify-content-between align-items-center py-2">
|
|
<h5 class="mb-0 fw-bold">
|
|
<?= _("POLICE") ?> : <span class="text-secondary"><?= $this->nettoyer($_SESSION['numeroPolice_C']) ?></span>
|
|
<span class="ms-3 badge bg-primary text-light small fw-normal">ID: <?= $this->nettoyer($_SESSION['idPolice_C']) ?></span>
|
|
</h5>
|
|
</div>
|
|
|
|
<div class="card shadow-sm border-0 mb-4">
|
|
<div class="card-body bg-light p-4">
|
|
<div class="row g-3">
|
|
<div class="col-lg-3 col-md-6">
|
|
<label class="form-label small fw-bold text-muted text-uppercase"><?= _("Saisie Client") ?></label>
|
|
<div class="input-group">
|
|
<span class="input-group-text bg-white"><i class="fas fa-building text-primary"></i></span>
|
|
<select class="form-select fw-bold" id="ajoutClient" name="ajoutClient">
|
|
<?php liste_options_consultation($mvt_ajoutClient, ""); ?>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-5 col-md-6">
|
|
<label class="form-label small fw-bold text-muted text-uppercase"><?= _("Période de recherche") ?></label>
|
|
<div class="input-group shadow-sm">
|
|
<span class="input-group-text bg-white small fw-bold"><?= _("Du") ?></span>
|
|
<input type="text" id="debut" name="debut"
|
|
class="form-control datepicker text-center fw-bold"
|
|
value="<?= dateLang($_SESSION['debutMois_C'], $_SESSION['lang']) ?>" required>
|
|
<span class="input-group-text bg-white small fw-bold"><?= _("au") ?></span>
|
|
<input type="text" id="fin" name="fin"
|
|
class="form-control datepicker text-center fw-bold"
|
|
value="<?= dateCouranteLang($_SESSION['lang']) ?>" required>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-md-6">
|
|
<label class="form-label small fw-bold text-muted text-uppercase"><?= _("Mouvement") ?></label>
|
|
<select class="form-select fw-bold border-info-subtle shadow-sm" id="codeSensMouvement" name="codeSensMouvement">
|
|
<?php liste_options_consultation($sensmouvement, ""); ?>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-md-6">
|
|
<label class="form-label small fw-bold text-muted text-uppercase"><?= _("Validation") ?></label>
|
|
<div class="d-flex gap-2">
|
|
<select class="form-select fw-bold shadow-sm" id="valide" name="valide">
|
|
<?php liste_options_consultation($mvt_valide, ""); ?>
|
|
</select>
|
|
<button type="button" class="btn btn-primary px-3 shadow-sm" onclick="liste_mouvemements_assures();" title="<?= _('Actualiser') ?>">
|
|
<i class="fas fa-sync-alt"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="div_mvt" class="min-vh-50 rounded bg-white p-3 shadow-sm border position-relative">
|
|
<div class="text-center py-5">
|
|
<div class="mb-3">
|
|
<span class="fa-stack fa-3x opacity-25">
|
|
<i class="fas fa-folder-open fa-stack-1x"></i>
|
|
<i class="fas fa-search fa-stack-2x text-primary"></i>
|
|
</span>
|
|
</div>
|
|
<h4 class="text-secondary"><?= _("Prêt pour la recherche") ?></h4>
|
|
<p class="text-muted small italic"><?= _("Sélectionnez vos critères et cliquez sur le bouton d'actualisation") ?></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.min-vh-50 { min-height: 50vh; }
|
|
.datepicker { cursor: pointer !important; background-color: #fff !important; }
|
|
.form-select, .form-control { border-radius: 8px; border: 1px solid #dee2e6; }
|
|
.input-group-text { border-radius: 8px; border: 1px solid #dee2e6; color: #495057; }
|
|
.card { border-radius: 12px; }
|
|
.italic { font-style: italic; }
|
|
|
|
/* Animation pour le chargement Ajax */
|
|
.loading-overlay {
|
|
background: rgba(255,255,255,0.7);
|
|
position: absolute;
|
|
top: 0; left: 0; right: 0; bottom: 0;
|
|
display: flex; align-items: center; justify-content: center;
|
|
z-index: 10;
|
|
}
|
|
</style>
|