a
This commit is contained in:
parent
17684e3cc7
commit
31a5ec343d
|
|
@ -338,469 +338,8 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!--
|
|
||||||
|
|
||||||
|
|
||||||
<div class="inter-sante-container mb-4">
|
|
||||||
<section class="accordion-section">
|
|
||||||
<h2 class="accordion-header">
|
|
||||||
<i class="fas fa-file-medical text-primary"></i>
|
|
||||||
<span class="accordion-title"><?= _("Garanties")?></span>
|
|
||||||
<i class="accordion-icon bi bi-chevron-down"></i>
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<div class="accordion-content">
|
|
||||||
<div class="legend-container d-none d-lg-inline">
|
|
||||||
<table class="legend-table">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="text-cell"><?= _('Légende').':'?></td>
|
|
||||||
<td class="text-cell"><?= _('Consommation').' >= 50%'?></td>
|
|
||||||
<td class="spacer-cell"></td>
|
|
||||||
<td class="color-cell color-1"></td>
|
|
||||||
<td class="spacer-cell"></td>
|
|
||||||
<td class="text-cell"><?= _('Consommation').' >= 80%'?></td>
|
|
||||||
<td class="spacer-cell"></td>
|
|
||||||
<td class="color-cell color-2"></td>
|
|
||||||
<td class="spacer-cell"></td>
|
|
||||||
<td class="text-cell"><?= _('Consommation').' = 100% / '._('Transaction').' = 100%'?></td>
|
|
||||||
<td class="spacer-cell"></td>
|
|
||||||
<td class="color-cell color-3"></td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="tab-container">
|
|
||||||
<fieldset>
|
|
||||||
<div class="d-none d-md-block">
|
|
||||||
<table class="table table-striped table-bordered table-hover table-condensed table-responsive" style="font-size:9pt; white-space:nowrap;">
|
|
||||||
<thead class="table-dark">
|
|
||||||
<tr>
|
|
||||||
<th style='border-right:1px solid #ddd !important;' width="10%" class="bg-success text-center"> <?= _("Exercice") ?> </th>
|
|
||||||
<th style='border-right:1px solid #ddd !important;' width="10%" class="bg-success text-center"> <?= _("Garantie") ?> </th>
|
|
||||||
<th style='border-right:1px solid #ddd !important;' width="10%" class="bg-success text-center"> <?= _("Limites") ?> </th>
|
|
||||||
<th style='border-right:1px solid #ddd !important;' width="10%" class="bg-secondary text-center"> <?= _("Consommations") ?> </th>
|
|
||||||
<th style='border-right:1px solid #ddd !important;' width="10%" class="bg-secondary text-center"> <?= _("Solde") ?> </th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<?php foreach ($garantieadherents as $v):
|
|
||||||
$champApplication = $this->nettoyer($v['champApplication']);
|
|
||||||
$pourcentConsoFamille = $this->nettoyer($v['pourcentConsoFamille']);
|
|
||||||
$idAdherent = $this->nettoyer($v['idAdherent']);
|
|
||||||
$codeGarantie = $this->nettoyer($v['codeGarantie']);
|
|
||||||
$exercieReference = $this->nettoyer($v['exercieReference']);
|
|
||||||
$plafondFamille = format_N($this->nettoyer($v['plafondFamille']));
|
|
||||||
$plafondFamille = format_N($this->nettoyer($v['plafondFamille']));
|
|
||||||
?>
|
|
||||||
<?php if($pourcentConsoFamille>='50' && $pourcentConsoFamille<'80'): ?>
|
|
||||||
<tr class="color-1" valign="top">
|
|
||||||
<?php elseif($pourcentConsoFamille>='80' && $pourcentConsoFamille <'100'): ?>
|
|
||||||
<tr class="color-2" valign="top">
|
|
||||||
<?php elseif($pourcentConsoFamille >='100'): ?>
|
|
||||||
<tr class="color-3"valign="top">
|
|
||||||
<?php else: ?>
|
|
||||||
<tr valign="top">
|
|
||||||
<?php endif; ?>
|
|
||||||
<td align='center'> <?= $this->nettoyer($v['exercieReference'])?> </td>
|
|
||||||
<td align='center'>
|
|
||||||
<?php if($pourcentConsoFamille >='95'): ?>
|
|
||||||
<a title="<?= _("Plafond atteint pour cette garantie.")?>" href="javascript:alert('Plafond atteint pour cette garantie!');">
|
|
||||||
<span style="color:blue; background-color:#eeeeee; border:1px solid #000; border-radius:3px;">
|
|
||||||
<?= $this->nettoyer($v['garantie'])?>
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
<?php else: ?>
|
|
||||||
<?= $this->nettoyer($v['garantie'])?>
|
|
||||||
<?php endif; ?>
|
|
||||||
</td>
|
|
||||||
<td align='center' ><?= $plafondFamille ?></td>
|
|
||||||
<td align='center'><?= format_N($this->nettoyer($v['consommationFamille'])) ?></td>
|
|
||||||
<td align='center' ><?= format_N($this->nettoyer($v['soldeGarantieFamille'])) ?></td>
|
|
||||||
</tr>
|
|
||||||
<?php endforeach; ?>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
<div class="d-md-none">
|
|
||||||
<?php foreach ($garantieadherents as $v):
|
|
||||||
$champApplication = $this->nettoyer($v['champApplication']);
|
|
||||||
$pourcentConsoFamille = $this->nettoyer($v['pourcentConsoFamille']);
|
|
||||||
$idAdherent = $this->nettoyer($v['idAdherent']);
|
|
||||||
$codeGarantie = $this->nettoyer($v['codeGarantie']);
|
|
||||||
$exercieReference = $this->nettoyer($v['exercieReference']);
|
|
||||||
$plafondFamille = format_N($this->nettoyer($v['plafondFamille']));
|
|
||||||
$garantie = $this->nettoyer($v['garantie']);
|
|
||||||
$exercice = $this->nettoyer($v['exercieReference']);
|
|
||||||
?>
|
|
||||||
<div class="container mt-5">
|
|
||||||
<div class="card mb-3 shadow-sm">
|
|
||||||
<div class="card-header bg-light py-2">
|
|
||||||
<div class="align-same-line">
|
|
||||||
<div class="left-content">
|
|
||||||
<?php if($pourcentConsoFamille>='50' && $pourcentConsoFamille<'80'): ?>
|
|
||||||
<span class="badge me-2 color-1"><?= $garantie ?></span>
|
|
||||||
<?php elseif($pourcentConsoFamille>='80' && $pourcentConsoFamille <'100'): ?>
|
|
||||||
<span class="badge me-2 color-2"><?= $garantie ?></span>
|
|
||||||
<?php elseif($pourcentConsoFamille >='100'): ?>
|
|
||||||
<a title="<?= _("Plafond ou nombre de transaction atteint pour cette garantie.")?>" href="javascript:alert_limite('G');">
|
|
||||||
<span class="badge me-2 color-3"><?= $garantie ?></span>
|
|
||||||
</a>
|
|
||||||
<?php else: ?>
|
|
||||||
<span class="badge bg-success me-2" ><?= $garantie ?></span>
|
|
||||||
<?php endif; ?>
|
|
||||||
</div>
|
|
||||||
<small class="text-muted exercice"><?= $exercice ?></small>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row mb-2">
|
|
||||||
<div class="col-6">
|
|
||||||
<div class="d-flex justify-content-between align-items-center">
|
|
||||||
<span class="text-muted small"><?= _("Plafond") ?></span>
|
|
||||||
<span class="fw-bold"><?= $plafondFamille ?></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-6">
|
|
||||||
<div class="d-flex justify-content-between align-items-center">
|
|
||||||
<span class="text-muted small"><?= _("Dépenses") ?></span>
|
|
||||||
<span class="fw-bold"><?= format_N($this->nettoyer($v['consommationFamille'])) ?></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-6">
|
|
||||||
<div class="d-flex justify-content-between align-items-center">
|
|
||||||
<span class="text-muted small"><?= _("Solde") ?></span>
|
|
||||||
<span class="fw-bold text-danger"><?= format_N($this->nettoyer($v['soldeGarantieFamille'])) ?></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="accordion" id="accordionGarantie<?= $codeGarantie ?>">
|
|
||||||
<div class="accordion-item">
|
|
||||||
<h2 class="accordion-header" id="heading<?= $codeGarantie ?>">
|
|
||||||
<button class="accordion-button collapsed py-2" type="button" data-bs-toggle="collapse"
|
|
||||||
data-bs-target="#collapse<?= $codeGarantie ?>" aria-expanded="false"
|
|
||||||
aria-controls="collapse<?= $codeGarantie ?>" style="font-size: 1.5rem !important;">
|
|
||||||
<i class="bi bi-chevron-down me-2"></i><?= _("Plus de détails...") ?>
|
|
||||||
</button>
|
|
||||||
</h2>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<?php endforeach; ?>
|
|
||||||
</div>
|
|
||||||
</fieldset>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<hr style="border:none; border-top: 3px double #333; color:#333; overflow: visible; text-align:center; height:5px;">
|
|
||||||
|
|
||||||
<section class="accordion-section">
|
|
||||||
<h2 class="accordion-header">
|
|
||||||
<i class="fas fa-procedures"></i>
|
|
||||||
<span class="accordion-title"><?= _("Historique des dépenses de la famille") ?></span>
|
|
||||||
<i class="accordion-icon bi bi-chevron-down"></i>
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<div class="accordion-content">
|
|
||||||
<div class="container mt-3">
|
|
||||||
<div class="form-container">
|
|
||||||
<div class="form-section">
|
|
||||||
<div class="form-label"><?= _("Période du") ?></div>
|
|
||||||
<div class="date-input-group">
|
|
||||||
<input style='text-align:center; font-size:10pt;' class="form-control datepicker" type="text" id="d1" name="d1" value="<?= dateLang($_SESSION['dateEffetAdherent_C'], $_SESSION['lang']) ?>" required autocomplete="off" placeholder="Date début">
|
|
||||||
<span class="date-separator" style="font-weight:bold; font-size:10pt;"><?= _("au") ?></span>
|
|
||||||
<input style='text-align:center; font-size:10pt;' class="form-control datepicker" type="text" id="d2" name="d2" value="<?= dateCouranteLang($_SESSION['lang']) ?>" required autocomplete="off" placeholder="Date fin">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="form-section btn-section">
|
|
||||||
<button type="button" class="btn btn-primary btn-actualiser" onclick="javascript:afficherhistoriquefactures('<?= $adherent['numeroAdherent'] ?>');">
|
|
||||||
<i class="fa fa-search me-2"></i> <?=_("Rechercher")?>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="div_prestation" class="tab-container"></div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<hr style="border:none; border-top: 3px double #333; color:#333; overflow: visible; text-align:center; height:5px;">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<fieldset class="mb-8">
|
|
||||||
<div class="d-none d-md-block">
|
|
||||||
<div class="card-header bg-secondary py-2">
|
|
||||||
<h6 class="mb-0 text-center text-light">
|
|
||||||
<i class="fas fa-users me-2"></i>
|
|
||||||
<?= _("Membres de la famille") ?>
|
|
||||||
</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="d-md-none">
|
|
||||||
<div class="card-header bg-dark py-2">
|
|
||||||
<h6 class="mb-0 text-center text-light">
|
|
||||||
<i class="fas fa-users me-2"></i>
|
|
||||||
<?= _("Membres de la famille") ?>
|
|
||||||
</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div id="div_patientez" style="background-color:#fff;"></div>
|
|
||||||
|
|
||||||
<div id="div_membre" class="p-4 rounded-lg shadow-md tab-container bg-light">
|
|
||||||
<div class="d-none d-md-block">
|
|
||||||
<div class="table-responsive">
|
|
||||||
<table class="table table-striped table-bordered table-hover table-condensed table-responsive" style="font-size:9pt; white-space: nowrap;">
|
|
||||||
<thead class="table-dark">
|
|
||||||
<tr>
|
|
||||||
<th class="text-center"> <?= _("Photo") ?> </th>
|
|
||||||
<th class="text-center"> <?= _("Numéro") ?> </th>
|
|
||||||
<th class="text-center"> <?= _("Nom et prénoms") ?> </th>
|
|
||||||
<th class="text-center"> <?= _("Naissance") ?> </th>
|
|
||||||
<th class="text-center"> <?= _("Lien") ?> </th>
|
|
||||||
<th class="text-center"> <?= ("Impayé ?") ?> </th>
|
|
||||||
<th class="text-center"> <?= ("Dépenses") ?> </th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody style="color: #000;">
|
|
||||||
<?php foreach ($beneficiaires as $beneficiaire):
|
|
||||||
$idBeneficiaire = $this->nettoyer($beneficiaire['idBeneficiaire']);
|
|
||||||
$numeroBeneficiaire = $this->nettoyer($beneficiaire['numeroBeneficiaire']);
|
|
||||||
$pourcent = round((100*$beneficiaire['consommation'])/$beneficiaire['plafond'],1);
|
|
||||||
|
|
||||||
$faceRegistered = $this->nettoyer($beneficiaire['faceRegistered']);
|
|
||||||
$lienPhoto = $this->nettoyer($beneficiaire['lienPhoto']);
|
|
||||||
|
|
||||||
// vérifier que la photo du bénéficiaire existe
|
|
||||||
$photo = "";
|
|
||||||
$photoAssureCrypte = "";
|
|
||||||
|
|
||||||
if($faceRegistered == "1" && $lienPhoto>" ")
|
|
||||||
{
|
|
||||||
$photo = $_SESSION['dossierPhoto_C'].$_SESSION['dossierSociete'].'/Photos/'.$lienPhoto;
|
|
||||||
|
|
||||||
$photoAssureCrypte = $photo;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
$prestationPossible = $this->nettoyer($beneficiaire['prestationPossibleEncaissement']);
|
|
||||||
|
|
||||||
$impaye = ($prestationPossible=="0") ? 1 : 0;
|
|
||||||
?>
|
|
||||||
<tr onclick="selectionner_beneficiaire(<?= $idBeneficiaire ?>, '<?= $numeroBeneficiaire ?>');"
|
|
||||||
ondblclick="afficher_beneficiaire_id();" valign="top">
|
|
||||||
<td align="center" style="position: relative; z-index: 1;">
|
|
||||||
<?php if($faceRegistered == "1"): ?>
|
|
||||||
<div class="photo-zoom-container" style="display: inline-block;">
|
|
||||||
<img class="photoId rounded-circle photo-zoom"
|
|
||||||
src="<?=$photoAssureCrypte?>"
|
|
||||||
alt="<?= _("Photo Bénéficiaire") ?>"
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<?php else: ?>
|
|
||||||
<div class="photo-zoom-container" style="display: inline-block;">
|
|
||||||
<i class="fas fa-user-circle photo-vide"></i>
|
|
||||||
</div>
|
|
||||||
<?php endif; ?>
|
|
||||||
</td>
|
|
||||||
<td class="text-center">
|
|
||||||
<button type="button"
|
|
||||||
onclick="selectionner_beneficiaire(<?= $idBeneficiaire ?>,'<?= $numeroBeneficiaire ?>');afficher_beneficiaire_id();"
|
|
||||||
class="btn btn-primary form-control">
|
|
||||||
<?= $numeroBeneficiaire ?>
|
|
||||||
</button>
|
|
||||||
</td>
|
|
||||||
<?php if($impaye == 0): ?>
|
|
||||||
<td>
|
|
||||||
<?= $this->nettoyer($beneficiaire['nomBeneficiaire'])." ".$this->nettoyer($beneficiaire['prenomsBeneficiaire']) ?>
|
|
||||||
</td>
|
|
||||||
<?php else: ?>
|
|
||||||
<td style="text-decoration: line-through; text-decoration-color: red;">
|
|
||||||
<?= $this->nettoyer($beneficiaire['nomBeneficiaire'])." ".$this->nettoyer($beneficiaire['prenomsBeneficiaire']) ?>
|
|
||||||
</td>
|
|
||||||
<?php endif; ?>
|
|
||||||
<td class="text-center"><?= dateLang($this->nettoyer($beneficiaire['dateNaissance']), $_SESSION['lang']) ?></td>
|
|
||||||
<td class="text-center"><?= $this->nettoyer($beneficiaire['lienparente']) ?></td>
|
|
||||||
<td class="text-center" >
|
|
||||||
<?= ebene_check_box_disabled($impaye) ?>
|
|
||||||
</td>
|
|
||||||
<td class="text-center" data-label="Dépenses"><?= format_N($this->nettoyer($beneficiaire['consommation'])) ?></td>
|
|
||||||
</tr>
|
|
||||||
<?php endforeach; ?>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="d-md-none">
|
|
||||||
<?php foreach ($beneficiaires as $beneficiaire):
|
|
||||||
$idBeneficiaire = $this->nettoyer($beneficiaire['idBeneficiaire']);
|
|
||||||
$numeroBeneficiaire = $this->nettoyer($beneficiaire['numeroBeneficiaire']);
|
|
||||||
$pourcent = round((100*$beneficiaire['consommation'])/$beneficiaire['plafond'],1);
|
|
||||||
|
|
||||||
$faceRegistered = $this->nettoyer($beneficiaire['faceRegistered']);
|
|
||||||
$lienPhoto = $this->nettoyer($beneficiaire['lienPhoto']);
|
|
||||||
|
|
||||||
$prestationPossible = $this->nettoyer($beneficiaire['prestationPossibleEncaissement']);
|
|
||||||
|
|
||||||
// vérifier que la photo du bénéficiaire existe
|
|
||||||
$photo = "";
|
|
||||||
$photoAssureCrypte = "";
|
|
||||||
|
|
||||||
if($faceRegistered == "1" && $lienPhoto>" ")
|
|
||||||
{
|
|
||||||
$photo = $_SESSION['dossierPhoto_C'].$_SESSION['dossierSociete'].'/Photos/'.$lienPhoto;
|
|
||||||
|
|
||||||
$photoAssureCrypte = $photo;
|
|
||||||
|
|
||||||
}
|
|
||||||
?>
|
|
||||||
<div class="card-body py-2">
|
|
||||||
<div class="row">
|
|
||||||
<?php if($faceRegistered == "1"): ?>
|
|
||||||
<div class="photo-zoom-container text-center mb-2" style="display: inline-block;">
|
|
||||||
<img class="photoId rounded-circle photo-zoom"
|
|
||||||
src="<?=$photoAssureCrypte?>"
|
|
||||||
alt="<?= _("Photo Bénéficiaire") ?>"
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<?php else: ?>
|
|
||||||
<div class="photo-zoom-container text-center mb-2" style="display: inline-block;">
|
|
||||||
<i class="fas fa-user-circle photo-vide"></i>
|
|
||||||
</div>
|
|
||||||
<?php endif; ?>
|
|
||||||
<div class="col-12">
|
|
||||||
<button type="button" style="font-size: 2rem !important; font-weight: bold;"
|
|
||||||
onclick="selectionner_beneficiaire(<?= $idBeneficiaire ?>,'<?= $numeroBeneficiaire ?>');afficher_beneficiaire_id();"
|
|
||||||
class="btn btn-info form-control">
|
|
||||||
<?= $numeroBeneficiaire ?>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-12" >
|
|
||||||
<p class="text-center fw-bold text-truncate" style="max-width: 300px;"><?= $this->nettoyer($beneficiaire['nomBeneficiaire'])." ".$this->nettoyer($beneficiaire['prenomsBeneficiaire']) ?></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row mb-2">
|
|
||||||
<div class="col-6">
|
|
||||||
<div class="d-flex justify-content-between align-items-center">
|
|
||||||
<span class="text-muted small"><?= _("Âge") ?></span>
|
|
||||||
<span class="fw-bold"><?= $this->nettoyer($beneficiaire['ageBeneficiaire'])." "._("ans") ?></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-6">
|
|
||||||
<div class="d-flex justify-content-between align-items-center">
|
|
||||||
<span class="text-muted small"><?= _("Lien") ?></span>
|
|
||||||
<span class="fw-bold"><?= $this->nettoyer($beneficiaire['lienparente']) ?></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<?php if($prestationPossible == "0"): ?>
|
|
||||||
<div class="col-12">
|
|
||||||
<div class="d-flex justify-content-between align-items-center">
|
|
||||||
<span class="badge bg-danger text-light"><?= _("Prime impayée") ?>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<?php endif; ?>
|
|
||||||
</div>
|
|
||||||
<?php endforeach; ?>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</fieldset>
|
|
||||||
|
|
||||||
<div class="col-12 tab-container">
|
|
||||||
<div class="row mt-4">
|
|
||||||
<div class="col-xl-8 col-lg-7 mb-4">
|
|
||||||
<div class="card shadow h-100">
|
|
||||||
|
|
||||||
<div class="d-none d-md-block">
|
|
||||||
<div class="card-header bg-secondary py-2">
|
|
||||||
<h6 class="mb-0 text-center text-light">
|
|
||||||
<i class="fa fa-file-invoice-dollar me-2"></i><i class="fa fa-calendar-alt me-2"></i>
|
|
||||||
<?= _("Dépenses familiales par mois") ?>
|
|
||||||
</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="d-md-none">
|
|
||||||
<div class="card-header bg-dark py-2">
|
|
||||||
<h6 class="mb-0 text-center text-light">
|
|
||||||
<i class="fa fa-file-invoice-dollar me-2"></i><i class="fa fa-calendar-alt me-2"></i>
|
|
||||||
<?= _("Dépenses familiales par mois") ?>
|
|
||||||
</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="card-header py-3 d-flex flex-column flex-md-row justify-content-between align-items-center">
|
|
||||||
|
|
||||||
<div class="mt-2 mt-md-0">
|
|
||||||
<button id="exportTrendBtn" class="btn btn-sm btn-danger mr-2">
|
|
||||||
<i class="fas fa-download"></i> PDF
|
|
||||||
</button>
|
|
||||||
<small class="text-muted" style="color:#000; font-weight:bold"><?= _("Évolution sur 12 mois") ?></small>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="card-body">
|
|
||||||
<div class="chart-container" style="position: relative; height:300px; width:100%">
|
|
||||||
<canvas id="expenseTrendChart"></canvas>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-xl-4 col-lg-5 mb-4">
|
|
||||||
<div class="card shadow h-100">
|
|
||||||
|
|
||||||
<div class="d-none d-md-block">
|
|
||||||
<div class="card-header bg-secondary py-2">
|
|
||||||
<h6 class="mb-0 text-center text-light">
|
|
||||||
<i class="fa fa-file-invoice-dollar me-2"></i><i class="fa fa-users me-2"></i>
|
|
||||||
<?= _("Dépenses familiales par lien parenté") ?>
|
|
||||||
</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="d-md-none">
|
|
||||||
<div class="card-header bg-dark py-2">
|
|
||||||
<h6 class="mb-0 text-center text-light">
|
|
||||||
<i class="fa fa-file-invoice-dollar me-2"></i><i class="fa fa-users me-2"></i>
|
|
||||||
<?= _("Dépenses familiales par lien parenté") ?>
|
|
||||||
</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="card-header py-3 d-flex justify-content-between align-items-center">
|
|
||||||
<button id="exportPieBtn" class="btn btn-sm btn-danger">
|
|
||||||
<i class="fas fa-download"></i> PDF
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="card-body d-flex flex-column">
|
|
||||||
<div class="chart-container" style="position: relative; height:250px; width:100%">
|
|
||||||
<canvas id="expenseDistributionChart"></canvas>
|
|
||||||
</div>
|
|
||||||
<div id="pieChartLegend" class="mt-3 text-center"></div>
|
|
||||||
<div class="mt-auto pt-3">
|
|
||||||
<small class="text-muted" style="font-weight:bold"><?= _("Répartition en pourcentage") ?></small>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
-->
|
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
// Configuration commune
|
// Configuration commune
|
||||||
(function() {
|
(function() {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user