a
This commit is contained in:
parent
c650e4142a
commit
728076f5f2
|
|
@ -148,7 +148,138 @@
|
||||||
?>
|
?>
|
||||||
<input type="text" id="nomForm" name="nomForm" class="sr-only" value="frmaccueil">
|
<input type="text" id="nomForm" name="nomForm" class="sr-only" value="frmaccueil">
|
||||||
|
|
||||||
KANE
|
debut
|
||||||
|
<div class="card shadow-lg border-0 mb-4" style="border-radius: 15px;">
|
||||||
|
<div class="card-header bg-primary text-white py-3" style="border-radius: 15px 15px 0 0;">
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col-8">
|
||||||
|
<div class="d-none d-md-block">
|
||||||
|
<h4 id="h4_titre" class="mb-0 text-center text-truncate">
|
||||||
|
<i class="fas fa-home me-2"></i>
|
||||||
|
<?= _("Bonjour Famille") ?> <?= $adherent['nomAdherent'] ?>
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Affichage mobile (cartes) -->
|
||||||
|
|
||||||
|
<div class="d-md-none">
|
||||||
|
<h4 id="h4_titre" class="mb-0 text-center text-truncate" style="max-width: 200px;">
|
||||||
|
<i class="fas fa-home me-2"></i>
|
||||||
|
<?= _("Famille") ?> <?= $adherent['nomAdherent'] ?>
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="col-4 text-end">
|
||||||
|
<span class="badge bg-light text-dark fs-8">
|
||||||
|
<?= $_SESSION['numeroAdherent_C'] ?>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Message d'information -->
|
||||||
|
<?php if($_SESSION['envoismswhatsappactif'] =='1'): ?>
|
||||||
|
<div class="alert alert-info mt-3" style="margin-bottom:10px;">
|
||||||
|
<small>
|
||||||
|
<i class="fas fa-info-circle me-2"></i>
|
||||||
|
<?= _("En cas de réclamation ou tout autre sujet lié à votre police d'assurance, cliquez ici")." " ?>
|
||||||
|
<a class="whatsapp-link" href="javascript:envoyer_message();">
|
||||||
|
<i class="fab fa-whatsapp"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</small>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<!-- Cards Section -->
|
||||||
|
<div class="row">
|
||||||
|
<!-- Taux de couverture -->
|
||||||
|
<h1 class="fw-bold w100 text-center text-dark" style="margin-top:-10px;"><?= _("Année")." : ".$_SESSION['exercieReference_C']?></h1>
|
||||||
|
|
||||||
|
<!-- Plafond annuel -->
|
||||||
|
<div class="col-xl-4 col-6 mb-4">
|
||||||
|
<div class="card shadow h-100 border border-primary">
|
||||||
|
<div class="card-body p-3">
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<div class="flex-grow-1">
|
||||||
|
<div class="h4 text-primary text-uppercase mb-1" >
|
||||||
|
<?= _("Plafond") ?>
|
||||||
|
</div>
|
||||||
|
<div class="h4 mb-0" style="font-weight:bold">
|
||||||
|
<?= format_N($limite_adherent['plafondOut'])." ".substr($_SESSION['devise_C'],0,1) ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ml-2">
|
||||||
|
<i class="fas fa-minus-circle fa-2x text-primary"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Consommation Annuelle -->
|
||||||
|
<div class="col-xl-4 col-6 mb-4">
|
||||||
|
<div class="card shadow h-100 border border-info">
|
||||||
|
<div class="card-body p-3">
|
||||||
|
<div class="d-flex flex-column">
|
||||||
|
<div class="h4 text-info text-uppercase mb-1" >
|
||||||
|
<?= _("Dépenses") ?>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<div class="h4 mb-0 mr-2 me-2" style="font-weight:bold">
|
||||||
|
<?= format_N($limite_adherent['consommationOut'])." ".substr($_SESSION['devise_C'],0,1) ?>
|
||||||
|
</div>
|
||||||
|
<div class="progress flex-grow-1" style="height: 6px;">
|
||||||
|
<div class="progress-bar bg-info border border-info" role="progressbar"
|
||||||
|
style="width: <?= $pourcentage; ?>%"
|
||||||
|
aria-valuenow="<?= $pourcentageOut; ?>"
|
||||||
|
aria-valuemin="0"
|
||||||
|
aria-valuemax="100">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Solde Annuel -->
|
||||||
|
<div class="col-xl-4 col-6 mb-4">
|
||||||
|
<div class="card shadow h-100 border border-danger">
|
||||||
|
<div class="card-body p-3">
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<div class="flex-grow-1">
|
||||||
|
<div class="h4 text-danger text-uppercase mb-1" >
|
||||||
|
<?= _("Solde") ?>
|
||||||
|
</div>
|
||||||
|
<div class="h4 mb-0" style="font-weight:bold">
|
||||||
|
<?= format_N($limite_adherent['soldeConsommationOut'])." ".substr($_SESSION['devise_C'],0,1) ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ml-2">
|
||||||
|
<i class="fas fa-money-bill-wave fa-2x text-danger"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- progress-bar -->
|
||||||
|
<div class="progress mb-3" >
|
||||||
|
<div class="progress-bar <?= $niveauGlobalConsoFamilleOut >= 80 ? 'bg-danger' : ($niveauGlobalConsoFamilleOut >= 50 ? 'bg-warning' : 'bg-success') ?>"
|
||||||
|
style="width: <?= min($niveauGlobalConsoFamilleOut, 100) ?>%">
|
||||||
|
<?= number_format($niveauGlobalConsoFamilleOut, 1) ?>%
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
fin
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
// Configuration commune
|
// Configuration commune
|
||||||
(function() {
|
(function() {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user