From aec931c26d1cdafa26138cf0066b88511f04ce04 Mon Sep 17 00:00:00 2001
From: Yasder5 <102179445+Yasder5@users.noreply.github.com>
Date: Thu, 5 Mar 2026 14:10:37 +0100
Subject: [PATCH] joli admin

---
 views/_partial/header.tpl |   4 +-
 views/admin.tpl           | 176 +++++++++++++++++++++-----------------
 2 files changed, 99 insertions(+), 81 deletions(-)

diff --git a/views/_partial/header.tpl b/views/_partial/header.tpl
index 6f60a4d..61c2094 100644
--- a/views/_partial/header.tpl
+++ b/views/_partial/header.tpl
@@ -90,6 +90,8 @@
             </div>
         </div>
     </nav>
+    {include file="views/_partial/messages.tpl"}
+
 
     <main id="main-content" class="container my-4" {block name="display"}{/block}>
         <section class="p-4 mb-4 text-center txt_title" aria-labelledby="page-title">
@@ -106,5 +108,3 @@
             </div>
         </section>
     </main>
-
-    {include file="views/_partial/messages.tpl"}
diff --git a/views/admin.tpl b/views/admin.tpl
index 72418c4..df2183a 100644
--- a/views/admin.tpl
+++ b/views/admin.tpl
@@ -5,87 +5,105 @@
 
 {block name="content"}
 
-<section>
-    <div id="layoutSidenav_content">
-        <div class="container-fluid px-4">
-            <h1 class="mt-4">Dashboard</h1>
-        <div class="container-fluid px-4">
-            <!-- USER MODIF -->
-            <div class="p-3 mt-2 text-primary-emphasis bg-primary-subtle border border-primary-subtle rounded-3">
-                <div class="container-fluid pt-2">
-                <h2>Gestion de l'utilsateur</h2>
-                <p>Changer le statut ou supprimer un utilisateur</p>
-                    <div class="row">
-                        <form method="POST">
-                            <div class="col-6">
-                                <select class="form-select" aria-label="Default select example" name="user_id">
-                                    <option value="0">Choisir un utilisateur</option>
-                                    {foreach from=$arrUserToDisplay item=user}
-                                        <option value="{$user->getId()}">{$user->getName()} {$user->getFirstname()}</option>
-                                    {/foreach}
-                                </select>
-                                <br>
-                                <select class="form-select" aria-label="Default select example" name="new_status">
-                                    <option value="0" selected>Modifier le statut de  l'Utilisateur...</option>
-                                    {foreach from=$arrAuthorisationToDisplay item=arrDetAuthorisation}
-                                        <option value="{$arrDetAuthorisation->getId()}">{$arrDetAuthorisation->getName()}</option>
-                                    {/foreach}
-                                </select>
-                            </div>
-                            <br>
-                            <div class="col-2">
-                                <button type="submit" name="action" value="update_status" class="btn bg-success text-light"> Valider</button>
-                                <button type="submit" name="action" value="delete_user" class="btn bg-danger text-light" onclick="return confirm('Attention ! Êtes-vous sûr de vouloir supprimer cet utilisateur ? Cette action est irréversible.');">Supprimer l'utilisateur</button>
-                            </div>
-                        </form>
+<div class="container-fluid px-4 py-4">
+
+    <div class="d-flex justify-content-between align-items-center mb-4">
+        <h1 class="h3 mb-0 fw-bold">Dashboard</h1>
+        <span class="text-muted small">Connecté : <strong>{$smarty.session.user.user_name} {$smarty.session.user.user_firstname}</strong></span>
+    </div>
+
+    <!-- Gestion utilisateurs -->
+    <div class="card shadow-sm mb-4">
+        <div class="card-header bg-primary text-white fw-semibold">
+            👤 Gestion des utilisateurs
+        </div>
+        <div class="card-body">
+            <p class="text-muted small mb-3">Modifier le statut ou supprimer un compte utilisateur.</p>
+            <form method="POST">
+                <div class="row g-3 align-items-end">
+                    <div class="col-md-4">
+                        <label class="form-label fw-semibold">Utilisateur</label>
+                        <select class="form-select" name="user_id">
+                            <option value="0">Choisir un utilisateur…</option>
+                            {foreach from=$arrUserToDisplay item=user}
+                                <option value="{$user->getId()}">{$user->getName()} {$user->getFirstname()}</option>
+                            {/foreach}
+                        </select>
+                    </div>
+                    <div class="col-md-4">
+                        <label class="form-label fw-semibold">Nouveau statut</label>
+                        <select class="form-select" name="new_status">
+                            <option value="0">Sélectionner un statut…</option>
+                            {foreach from=$arrAuthorisationToDisplay item=arrDetAuthorisation}
+                                <option value="{$arrDetAuthorisation->getId()}">{$arrDetAuthorisation->getName()}</option>
+                            {/foreach}
+                        </select>
+                    </div>
+                    <div class="col-md-4 d-flex gap-2">
+                        <button type="submit" name="action" value="update_status" class="btn btn-success w-100">
+                            ✓ Valider
+                        </button>
+                        <button type="submit" name="action" value="delete_user" class="btn btn-danger w-100"
+                            onclick="return confirm('Êtes-vous sûr de vouloir supprimer cet utilisateur ? Cette action est irréversible.');">
+                            🗑 Supprimer
+                        </button>
                     </div>
                 </div>
-            </div>
-                <!-- catégorie modif --> 
-            <div class="p-3 mt-2 text-primary-emphasis bg-primary-subtle border border-primary-subtle rounded-3">
-                    <div class="container-fluid pt-2">
-                    <h2>Gestion des catégories</h2>
-                        <div class="row">
-                            <div class="col-6">
-                                <form method="post">
-                                <p>Modifier une catégorie existante</p>
-                                    <select class="form-select" aria-label="Default select example" name="id_to_edit">
-                                        <option value="0">Choix de la catégorie</option>
-                                        {foreach from=$arrCategoryToDisplay item=category}
-                                            <option value="{$category->getId()}">{$category->getName()}</option>
-                                        {/foreach}
-                                    </select>
-                                    <br>
-                                    <div class="form-floating mb-3">
-                                        <input type="text" class="form-control" id="floatingInput" name="new_name">
-                                        <label for="floatingInput">Nouveau nom de la catégorie</label>
-                                    </div>
-                                    <button type="submit" class="btn bg-success text-light">Valider</button>
-                                </form>
-                            <div>
-                        </div>
-                        <br>
-                        <div class="row">
-                                <!-- creation cat-->
-                            <div class="col-6">
-                                <form method="POST">
-                                    <p>Créer une nouvelle catégorie</p>
-                                    <div class="form-floating mb-3">
-                                        <input type="text" class="form-control" id="floatingInput" name="new_category">
-                                        <label for="floatingInput">Nom de la nouvelle catégorie</label>
-                                    </div>
-                                    <div class="col-2">
-                                        <button type="submit" class="btn bg-success text-light">Valider</button>
-                                    </div>
-                                </form>
-                            </div>
-                        </div>
-                    </div>
-                </form>
-            </div>
+            </form>
         </div>
     </div>
-    <div class="small">Connecté avec le compte : {$smarty.session.user.user_name} {$smarty.session.user.user_firstname}
-</section>
 
-{/block}
\ No newline at end of file
+    <!-- Gestion des catégories -->
+    <div class="row g-4">
+
+        <!-- Modifier une catégorie -->
+        <div class="col-md-6">
+            <div class="card shadow-sm h-100">
+                <div class="card-header bg-secondary text-white fw-semibold">
+                    ✏️ Modifier une catégorie
+                </div>
+                <div class="card-body">
+                    <p class="text-muted small mb-3">Renommer une catégorie existante.</p>
+                    <form method="POST">
+                        <div class="mb-3">
+                            <label class="form-label fw-semibold">Catégorie à modifier</label>
+                            <select class="form-select" name="id_to_edit">
+                                <option value="0">Choisir une catégorie…</option>
+                                {foreach from=$arrCategoryToDisplay item=category}
+                                    <option value="{$category->getId()}">{$category->getName()}</option>
+                                {/foreach}
+                            </select>
+                        </div>
+                        <div class="mb-3">
+                            <label class="form-label fw-semibold">Nouveau nom</label>
+                            <input type="text" class="form-control" name="new_name" placeholder="Nouveau nom de la catégorie">
+                        </div>
+                        <button type="submit" class="btn btn-success">✓ Renommer</button>
+                    </form>
+                </div>
+            </div>
+        </div>
+
+        <!-- Créer une catégorie -->
+        <div class="col-md-6">
+            <div class="card shadow-sm h-100">
+                <div class="card-header bg-secondary text-white fw-semibold">
+                    ➕ Créer une catégorie
+                </div>
+                <div class="card-body">
+                    <p class="text-muted small mb-3">Ajouter une nouvelle catégorie au catalogue.</p>
+                    <form method="POST">
+                        <div class="mb-3">
+                            <label class="form-label fw-semibold">Nom de la catégorie</label>
+                            <input type="text" class="form-control" name="new_category" placeholder="Nom de la nouvelle catégorie">
+                        </div>
+                        <button type="submit" class="btn btn-success">➕ Créer</button>
+                    </form>
+                </div>
+            </div>
+        </div>
+
+    </div>
+</div>
+
+{/block}