85 lines
4.3 KiB
PHP
85 lines
4.3 KiB
PHP
<div id="div_liste_adherent" class="container-fluid py-4 animate__animated animate__fadeIn">
|
|
|
|
<div class="d-flex align-items-center justify-content-between mb-4 border-bottom pb-3">
|
|
<h1 class="fw-bold text-primary mb-0">
|
|
<i class="fas fa-microscope me-2"></i>
|
|
<?= _("Synthèse des Consommations") ?>
|
|
</h1>
|
|
<div class="h5 mb-0">
|
|
<span class="badge bg-primary shadow-sm"><?= $this->nettoyer($_SESSION['numeroPolice_C']) ?></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row g-3 mb-4">
|
|
<div class="col-md-5">
|
|
<div class="card shadow-sm border-0 h-70">
|
|
<div class="card-body py-3 d-flex align-items-center justify-content-around">
|
|
<div class="text-center">
|
|
<div class="small text-muted text-uppercase fw-bold"><?= _("Effet") ?></div>
|
|
<div class="fw-bold text-dark"><?= dateLang($this->nettoyer($sppoliceentete['dateEffet'])) ?></div>
|
|
</div>
|
|
<i class="fas fa-long-arrow-alt-right text-dark fa-2x"></i>
|
|
<div class="text-center">
|
|
<div class="small text-muted text-uppercase fw-bold"><?= _("Échéance") ?></div>
|
|
<div class="fw-bold text-dark"><?= dateLang($this->nettoyer($sppoliceentete['dateEcheance'])) ?></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<div class="card shadow-sm border-0 h-100 text-center border-start border-info border-4">
|
|
<div class="card-body py-3">
|
|
<div class="small text-muted fw-bold"><?= _("DURÉE ACQUISE") ?></div>
|
|
<div class="h4 fw-bold mb-0 text-info"><?= $this->nettoyer($sppoliceentete['duree_acquise']) ?> j</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-5">
|
|
<div class="card shadow-sm border-0 h-100">
|
|
<div class="card-body py-3">
|
|
<div class="d-flex justify-content-between align-items-center mb-1">
|
|
<span class="small text-muted fw-bold text-uppercase"><?= _("Progression du Contrat") ?></span>
|
|
<span class="fw-bold"><?= $this->nettoyer($sppoliceentete['ratio_acquise']) ?> %</span>
|
|
</div>
|
|
<div class="progress shadow-sm" style="height: 12px;">
|
|
<div class="progress-bar bg-primary progress-bar-striped progress-bar-animated"
|
|
role="progressbar"
|
|
style="width: <?= $this->nettoyer($sppoliceentete['ratio_acquise']) ?>%"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card shadow-sm border-0 mb-4 bg-light">
|
|
<div class="card-body py-3">
|
|
<div class="row align-items-center">
|
|
<div class="col-md-6">
|
|
<button type="button" class="btn btn-primary px-4 fw-bold shadow-sm" onclick="requetes_synthese_consommation_police();">
|
|
<i class="fas fa-search me-2"></i> <?= _("Afficher les résultats") ?>
|
|
</button>
|
|
</div>
|
|
<div class="col-md-6 text-md-end">
|
|
<button type="button" class="btn btn-outline-success px-4 fw-bold shadow-sm bg-white" onclick="requetes_synthese_consommation_police_export();">
|
|
<i class="fas fa-file-excel me-2"></i> <?= _("Exporter vers Excel") ?>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="div_detail_exp" class="mb-3"></div>
|
|
<div id="div_detail_sp" class="min-vh-50 bg-white rounded border border-dashed d-flex align-items-center justify-content-center text-muted">
|
|
<div class="text-center py-5">
|
|
<i class="fas fa-chart-area fa-3x mb-3 opacity-25"></i>
|
|
<p class="fs-5"><?= _("Cliquez sur 'Afficher résultats' pour générer la synthèse") ?></p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<style>
|
|
.border-dashed { border: 2px dashed #dee2e6 !important; }
|
|
.bg-indigo { background-color: #6610f2; }
|
|
.min-vh-50 { min-height: 400px; }
|
|
</style>
|