garant/Vue/AjaxlisteBeneficiaires/index.php
2025-12-01 19:18:15 +00:00

64 lines
3.1 KiB
PHP

<?php
// Définir le nombre de bénéficiaires à afficher par page
$beneficiariesPerPage = 8;
$totalBeneficiaries = count($beneficiaires);
// Calculer la page courante
$page = isset($_GET['page']) ? (int)$_GET['page'] : 1;
$start = ($page - 1) * $beneficiariesPerPage;
// Limiter les résultats de bénéficiaires à afficher
$beneficiariesToDisplay = array_slice($beneficiaires, $start, $beneficiariesPerPage);
?>
<div class="container mt-5">
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4" id="beneficiariesList">
<?php foreach ($beneficiariesToDisplay as $beneficiaire):
$statut = $beneficiaire['statut'];
$genre = $beneficiaire['genre'];
if (est_anglophone()) {
$statut = $beneficiaire['statutEng'] ?? $statut;
}
?>
<div class="col d-flex justify-content-center">
<div class="card shadow-sm rounded-3 overflow-hidden h-100" style="width: 18rem;">
<div class="card-header bg-primary text-white text-center">
<img src="<?= htmlspecialchars($beneficiaire['photo']) ?>" alt="Profile Picture" class="rounded-circle mb-3" style="width: 120px; height: 120px;">
<h5 class="card-title"><?= htmlspecialchars($beneficiaire['nom']) ?></h5>
<p class="card-text"><?= htmlspecialchars($beneficiaire['numero']) ?></p>
<span class="badge bg-light text-dark mt-2"><?= htmlspecialchars($statut) ?></span>
</div>
<div class="card-body">
<h6 class="text-muted"><?= _("Informations Bénéficiaire") ?></h6>
<ul class="list-group list-group-flush">
<li class="list-group-item"><strong><?= _("Numéro") ?> :</strong> <?= htmlspecialchars($beneficiaire['numero']) ?></li>
<li class="list-group-item"><strong><?= _("Nom") ?> :</strong> <?= htmlspecialchars($beneficiaire['nom']) ?></li>
<li class="list-group-item"><strong><?= _("Genre") ?> :</strong> <?= htmlspecialchars($genre) ?></li>
<li class="list-group-item"><strong><?= _("Statut") ?> :</strong> <?= htmlspecialchars($statut) ?></li>
</ul>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
<!-- Pagination Bootstrap -->
<div class="d-flex justify-content-center mt-4">
<nav aria-label="Page navigation">
<ul class="pagination">
<?php
$totalPages = ceil($totalBeneficiaries / $beneficiariesPerPage);
if ($totalPages > 1) {
// Affichage des pages
for ($i = 1; $i <= $totalPages; $i++) {
$activeClass = ($i == $page) ? ' active' : '';
echo '<li class="page-item' . $activeClass . '"><a href="?page=' . $i . '" class="page-link">' . $i . '</a></li>';
}
}
?>
</ul>
</nav>
</div>
</div>