ebene/garant
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
07cc17ae33
garant/Vue/Voirdetailadherents/index.php
KANE LAZENI 07cc17ae33 Import initial du projet garant
2025-12-01 19:18:15 +00:00

144 lines
7.6 KiB
PHP
Raw Blame History

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Adhérents enregistrés</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body class="bg-light">
<div class="container mt-5">
<div class="d-flex justify-content-between align-items-center mb-4">
<h2 class="text-primary">Adhérents enregistrés</h2>
</div>
<div class="input-group mb-4">
<input type="text" class="form-control" placeholder="Rechercher nom / prénoms / numéro bénéficiaire...">
<div class="input-group-append">
<button class="btn btn-success">Valider</button>
</div>
</div>
<div class="row">
<!-- Member 1 -->
<div class="col-md-6 mb-4">
<div class="card h-100" onclick="toggleDetails(this)">
<div class="card-body d-flex align-items-center">
<img src="https://via.placeholder.com/50" class="rounded-circle mr-3" alt="Profile">
<div class="flex-grow-1">
<h5 class="card-title mb-1">Mlle / Mme. GNAGNE MELEYE CHIMENE CARELLE P</h5>
<span class="badge badge-success">En Vigueur</span>
</div>
</div>
<div class="details card-footer bg-white border-top d-none">
<p><strong>Numéro Adhérent:</strong> 02330027</p>
<p><strong>Adhérent:</strong> GNAGNE MELEYE CHIMENE CARELLE P</p>
<p><strong>Sexe:</strong> F</p>
<p><strong>Date d'entrée:</strong> 01/04/2024</p>
<p><strong>Catégorie:</strong> 2SCOM</p>
<p><strong>Collège:</strong> COLLEGE - 2S COM FAMILLE - 80% CI</p>
<div class="btn-group mt-2">
<button type="button" class="btn btn-primary" onclick="afficher_Fichebeneficiaire();">Bénéficiaires</button>
<button type="button" class="btn btn-secondary" onclick="afficher_InfoAdherent();">Info adhérents</button>
<button type="button" class="btn btn-success" onclick="afficher_ReseauSoins();">Réseaux soins</button>
</div>
</div>
</div>
</div>
<!-- Member 2 -->
<div class="col-md-6 mb-4">
<div class="card h-100" onclick="toggleDetails(this)">
<div class="card-body d-flex align-items-center">
<img src="https://via.placeholder.com/50" class="rounded-circle mr-3" alt="Profile">
<div class="flex-grow-1">
<h5 class="card-title mb-1">M. COULIBALY SIGATA</h5>
<span class="badge badge-success">En Vigueur</span>
</div>
</div>
<div class="details card-footer bg-white border-top d-none">
<p><strong>Numéro Adhérent:</strong> 02330028</p>
<p><strong>Adhérent:</strong> COULIBALY SIGATA</p>
<p><strong>Sexe:</strong> M</p>
<p><strong>Date d'entrée:</strong> 15/03/2024</p>
<p><strong>Catégorie:</strong> 2SCOM</p>
<p><strong>Collège:</strong> COLLEGE - 2S COM FAMILLE - 80% CI</p>
<div class="btn-group mt-2">
<button type="button" class="btn btn-primary" onclick="afficher_Fichebeneficiaire();">Bénéficiaires</button>
<button type="button" class="btn btn-secondary" onclick="afficher_InfoAdherent();">Info adhérents</button>
<button type="button" class="btn btn-success" onclick="afficher_ReseauSoins();">Réseaux soins</button>
</div>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100" onclick="toggleDetails(this)">
<div class="card-body d-flex align-items-center">
<img src="https://via.placeholder.com/50" class="rounded-circle mr-3" alt="Profile">
<div class="flex-grow-1">
<h5 class="card-title mb-1">M. COULIBALY SIGATA</h5>
<span class="badge badge-success">En Vigueur</span>
</div>
</div>
<div class="details card-footer bg-white border-top d-none">
<p><strong>Numéro Adhérent:</strong> 02330028</p>
<p><strong>Adhérent:</strong> COULIBALY SIGATA</p>
<p><strong>Sexe:</strong> M</p>
<p><strong>Date d'entrée:</strong> 15/03/2024</p>
<p><strong>Catégorie:</strong> 2SCOM</p>
<p><strong>Collège:</strong> COLLEGE - 2S COM FAMILLE - 80% CI</p>
<div class="btn-group mt-2">
<button type="button" class="btn btn-primary" onclick="afficher_Fichebeneficiaire();">Bénéficiaires</button>
<button type="button" class="btn btn-secondary" onclick="afficher_InfoAdherent();">Info adhérents</button>
<button type="button" class="btn btn-success" onclick="afficher_ReseauSoins();">Réseaux soins</button>
</div>
</div>
</div>
</div>
<!-- Member 3 -->
<div class="col-md-6 mb-4">
<div class="card h-100" onclick="toggleDetails(this)">
<div class="card-body d-flex align-items-center">
<img src="https://via.placeholder.com/50" class="rounded-circle mr-3" alt="Profile">
<div class="flex-grow-1">
<h5 class="card-title mb-1">Mlle / Mme. YAO AKISSI NOELLE</h5>
<span class="badge badge-success">En Vigueur</span>
</div>
</div>
<div class="details card-footer bg-white border-top d-none">
<p><strong>Numéro Adhérent:</strong> 02330029</p>
<p><strong>Adhérent:</strong> YAO AKISSI NOELLE</p>
<p><strong>Sexe:</strong> F</p>
<p><strong>Date d'entrée:</strong> 20/02/2024</p>
<p><strong>Catégorie:</strong> 2SCOM</p>
<p><strong>Collège:</strong> COLLEGE - 2S COM FAMILLE - 80% CI</p>
<div class="btn-group mt-2">
<button type="button" class="btn btn-primary" onclick="afficher_Fichebeneficiaire();">Bénéficiaires</button>
<button type="button" class="btn btn-secondary" onclick="afficher_InfoAdherent();">Info adhérents</button>
<button type="button" class="btn btn-success" onclick="afficher_ReseauSoins();">Réseaux soins</button>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script>
function toggleDetails(element) {
const details = element.querySelector('.details');
const isVisible = details.classList.contains('d-block');
document.querySelectorAll('.details').forEach(detail => detail.classList.remove('d-block'));
details.classList.toggle('d-block', !isVisible);
}
</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink