ebene/radiantassure
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

a

Browse Source
This commit is contained in:
KANE LAZENI 2025-12-30 13:32:48 +00:00
parent c650e4142a
commit 728076f5f2
1 changed files with 132 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

133
Vue/Accueilassure/index.php
View File

@ -148,7 +148,138 @@
?>
<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>
// Configuration commune
(function() {