-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathadmin_list.php
88 lines (80 loc) · 4.16 KB
/
admin_list.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<?php
session_start();
require 'session_check.php';
require 'role_middleware.php';
checkRole('admin');
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Liste des Bénévoles</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet">
</head>
<body class="bg-gray-100 text-gray-900">
<div class="flex h-screen">
<!-- Barre de navigation -->
<div class="bg-cyan-200 text-white w-64 p-6">
<h2 class="text-2xl font-bold mb-6">Dashboard</h2>
<li><a href="collection_list.php" class="flex items-center py-2 px-3 hover:bg-blue-800 rounded-lg"><i
class="fas fa-tachometer-alt mr-3"></i> Tableau de bord</a></li>
<li><a href="collection_add.php" class="flex items-center py-2 px-3 hover:bg-blue-800 rounded-lg"><i
class="fas fa-plus-circle mr-3"></i> Ajouter une collecte</a></li>
<li><a href="volunteer_list.php" class="flex items-center py-2 px-3 hover:bg-blue-800 rounded-lg"><i
class="fa-solid fa-list mr-3"></i> Liste des bénévoles</a></li>
<li>
<a href="user_add.php" class="flex items-center py-2 px-3 hover:bg-blue-800 rounded-lg">
<i class="fas fa-user-plus mr-3"></i> Ajouter un bénévole
</a>
</li>
<li><a href="my_account.php" class="flex items-center py-2 px-3 hover:bg-blue-800 rounded-lg"><i
class="fas fa-cogs mr-3"></i> Mon compte</a></li>
<div class="mt-6">
<button onclick="window.location.href='logout.php'" class="w-full bg-red-600 hover:bg-red-700 text-white py-2 rounded-lg shadow-md">
Déconnexion
</button>
</div>
</div>
<!-- Contenu principal -->
<div class="flex-1 p-8 overflow-y-auto">
<!-- Titre et nom de l'utilisateur -->
<div class="flex items-center justify-between mb-6">
<h1 class="text-4xl font-bold text-blue-800 mb-6">Liste des administrateurs</h1>
<div class="text-lg text-gray-200">Bienvenue, <?= $_SESSION["nom"] ?> !</div>
</div>
<!-- Tableau des admin -->
<div class="overflow-hidden rounded-lg shadow-lg bg-white">
<table class="w-full table-auto border-collapse">
<thead class="bg-blue-800 text-white">
<tr>
<th class="py-3 px-4 text-left">Nom</th>
<th class="py-3 px-4 text-left">Email</th>
<th class="py-3 px-4 text-left">Rôle</th>
<th class="py-3 px-4 text-left">Actions</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-300">
<tr class="hover:bg-gray-100 transition duration-200">
<td class="py-3 px-4">Nom de l'admin</td>
<td class="py-3 px-4">[email protected]</td>
<td class="py-3 px-4">Admin</td>
<td class="py-3 px-4 flex space-x-2">
<a href="#"
class="bg-cyan-200 hover:bg-cyan-600 text-white px-4 py-2 rounded-lg shadow-lg focus:outline-none focus:ring-2 focus:ring-blue-500 transition duration-200">
✏️ Modifier
</a>
<a href="#"
class="bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded-lg shadow-lg focus:outline-none focus:ring-2 focus:ring-red-500 transition duration-200">
🗑️ Supprimer
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</body>
</html>