145 lines
4.1 KiB
PHP
145 lines
4.1 KiB
PHP
<div class="container text-primary">
|
|
<h1><i class="fas fa-tachometer-alt"></i> Synthèse</h1>
|
|
|
|
<!-- KPIs -->
|
|
<div class="kpis">
|
|
<div class="card">
|
|
<h3><?= _('Total Assurés')?></h3>
|
|
<div class="value"><?= number_format($kpis["assures"]) ?></div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<h3><?= _('Cotisations / Primes')?></h3>
|
|
<div class="value"><?= number_format($kpis["cotisations"]).' '.$_SESSION['devise_C'] ?></div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<h3><?= _('Sinistres')?></h3>
|
|
<div class="value"><?= $kpis["sinistres_count"] ?> / <?= number_format($kpis["sinistres_amount"]).' '.$_SESSION['devise_C'] ?></div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<h3><?= _('Solde à payer')?></h3>
|
|
<div class="value"><?= number_format($kpis["solde"]).' '.$_SESSION['devise_C'] ?> </div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Activité & Alertes -->
|
|
<div class="grid-2">
|
|
<div class="card">
|
|
<h3><?= _('Activité récente')?></h3>
|
|
<ul>
|
|
<?php foreach ($activities as $activity): ?>
|
|
<li>
|
|
<i class="<?= $activity["icon"] ?>"></i>
|
|
<?= $activity["label"] ?>
|
|
<small style="float:right;color:#999"><?= $activity["time"] ?></small>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<h3><?= _('Alertes')?></h3>
|
|
<ul>
|
|
<?php foreach ($alerts as $alert): ?>
|
|
<li class="alert">
|
|
<i class="fas fa-exclamation-triangle"></i>
|
|
<?= $alert ?>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Graphiques (placeholders) -->
|
|
|
|
<div class="grid-1">
|
|
<div class="card">
|
|
<h3><?= _('Évolution des cotisations / primes') ?></h3>
|
|
<div class="chart">
|
|
<canvas id="cotisationLine"></canvas>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid-2">
|
|
<div class="card">
|
|
<h3><?= _('Sinistralité') ?></h3>
|
|
<div class="chart">
|
|
<canvas id="lossRatioBar"></canvas>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<h3><?= _('Répartition des sinistres')?></h3>
|
|
<div class="chart">
|
|
<canvas id="claimsPie"></canvas>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Chart.js -->
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>
|
|
|
|
<script>
|
|
// Répartition des sinistres
|
|
new Chart(document.getElementById('claimsPie'), {
|
|
type: 'doughnut',
|
|
data: {
|
|
labels: <?= json_encode($claimsLabels) ?>,
|
|
datasets: [{
|
|
data: <?= json_encode($claimsValues) ?>
|
|
}]
|
|
},
|
|
options: {
|
|
plugins: {
|
|
legend: { position: 'right' }
|
|
}
|
|
}
|
|
});
|
|
|
|
// Évolution des cotisations / primes
|
|
new Chart(document.getElementById('cotisationLine'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: <?= json_encode($months) ?>,
|
|
datasets: [{
|
|
label: "Cotisations",
|
|
data: <?= json_encode($monthlyCotisations) ?>,
|
|
tension: 0.4,
|
|
fill: true
|
|
}]
|
|
},
|
|
options: {
|
|
scales: {
|
|
y: { beginAtZero: false }
|
|
}
|
|
}
|
|
});
|
|
|
|
// Sinistralité
|
|
new Chart(document.getElementById('lossRatioBar'), {
|
|
type: 'bar',
|
|
data: {
|
|
labels: <?= json_encode($lossRatioLabels) ?>,
|
|
datasets: [{
|
|
label: "Sinistralité (%)",
|
|
data: <?= json_encode($lossRatioValues) ?>
|
|
}]
|
|
},
|
|
options: {
|
|
scales: {
|
|
y: {
|
|
beginAtZero: true,
|
|
max: 100
|
|
}
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
|
|
|