Merge remote-tracking branch 'refs/remotes/origin/feature/Back' into feature/Controller

# Conflicts:
#	templates/commandes/index.html.twig
#	templates/index/admin.html.twig

public/css/Compte/GestionUser.css

@@ -1,3 +1,7 @@
+html{
+    font-family: "Quicksand Light"; !important;
+}
+
 #container_modal {
     background-color: white;
     margin-left: 20%; /* Centrage vertical */

public/css/Compte/index.css

@@ -1,3 +1,7 @@
+
+html{
+    font-family: "Quicksand Light"; !important;
+}
 /* Style pour chaque élément d'information de l'utilisateur */
 .user-info-item {
     display: flex;

public/css/ControllerVues/edit.css

@@ -1,4 +1,6 @@
-
+html{
+    font-family: "Quicksand Light"; !important;
+}
 /* Page container */
 .page-container {
     width: 100%;

public/css/ControllerVues/list.css

@@ -1,36 +1,29 @@
-
-
-/*h1 {*/
-/*    text-align: center;*/
-/*    color: #db5559;*/
-/*    margin-bottom: 20px;*/
-/*}*/
-
 /* Table styles */
-.table {
+table {
     width: 100%;
     border-collapse: collapse;
     margin-bottom: 20px;
     background-color: #fff;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    font-family: sans-serif;
 }
 
-.table th, .table td {
+table th, table td {
     padding: 12px;
     text-align: left;
     border: 1px solid #ddd;
 }
 
-.table th {
+table th {
     background-color: #db5559;
     color: white;
+    font-weight: bold;
 }
 
-.table tr:nth-child(even) {
+table tr:nth-child(even) {
     background-color: #f2f2f2;
 }
 
-.table tr:hover {
+table tr:hover {
     background-color: #ddd;
 }
 
@@ -42,7 +35,7 @@ a {
 }
 
 a:hover {
-    color: #38538e;
+    color: white;
     text-decoration: underline;
 }
 
@@ -64,8 +57,25 @@ a[href*="app_clients_new"]:hover {
 }
 
 /* Empty table row message */
-.table td[colspan="6"] {
+table td[colspan="6"] {
     text-align: center;
     font-style: italic;
     color: #666;
 }
+
+/* Button styles */
+.btn-container {
+    display: flex;
+    justify-content: center;
+    margin-bottom: 20px;
+}
+
+.btn {
+    padding: 5px 10px;
+    text-decoration: none;
+    color: white;
+    background-color: #db5559;
+    border-radius: 5px;
+    font-weight: bold;
+    margin-top: 25px;
+}

public/css/ControllerVues/new.css

@@ -1,4 +1,6 @@
-
+html{
+    font-family: "Quicksand Light"; !important;
+}
 /* Page container */
 .page-container {
     width: 100%;

public/css/GestionUtilisateurs/GestionUtilisateurs.css

@@ -8,3 +8,6 @@
     height: 100%; /* Hauteur du contenu de la modal */
     box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
 }
+html{
+    font-family: "Quicksand Light"; !important;
+}

public/css/Index/index.css

@@ -1,3 +1,7 @@
+html{
+    font-family: "Quicksand Light"; !important;
+}
+
 .top-bar {
     background-color: #db5559;
     width: calc(100% - 18%); /*Calcule la totalité de l'écran - le left-background */
@@ -10,21 +14,10 @@
     align-items: center;
     padding: 0 20px;
     color: white;
-    font-size: 18px;
+    font-size: 16px;
     box-sizing: border-box; /* Inclut le padding dans la largeur totale */
 }
 
-
-.user-role {
-    background-color: white;
-    color: black;
-    padding: 10px 15px;
-    font-weight: bold;
-    overflow: hidden;
-}
-
-
-
 .left-background {
     background-color: #db5559;
     width: 18%;
@@ -34,7 +27,6 @@
     left: 0;
     display: flex;
     flex-direction: column;
-    justify-content: space-between;
 }
 
 
@@ -51,18 +43,17 @@ ul {
 }
 
 li {
-    padding-bottom: 30px;
+    padding-bottom: 20px;
 }
 
 .btn-custom {
     background-color: #FFFFFF;
     color: black;
-    padding: 15px 40px;
+    padding: 15px;
     font-size: 16px;
     font-weight: bold;
     cursor: pointer;
     display: inline-block;
-
     border-right: 5px solid #db5559;
     border-left: 5px solid #db5559;
 }
@@ -88,8 +79,6 @@ li {
 .Information-perso {
     display: flex;
     justify-content: space-between;
-    padding: 20px;
-    margin-top: auto;
 }
 
 .btn-info-compte, .btn-info-exit {
@@ -104,12 +93,12 @@ li {
 
 .btn-info-compte {
     width: 50%;
-    height: 30px;
+    height: 20px;
 }
 
 .btn-info-exit {
     width: 10%;
-    height: 30px;
+    height: 20px;
 }
 
 /* Style pour la modal (cachée par défaut) */

public/js/GestionMenu/GestionMenu.js

@@ -0,0 +1,77 @@
+document.querySelector('.btn-gestion-menu').addEventListener('click', function(event) {
+    event.preventDefault();
+
+    document.getElementById('container_modal');
+
+    fetch('/plats')
+        .then(response => {
+            if (!response.ok) {
+                throw new Error('Erreur de chargement de la section Promotions');
+            }
+            return response.text();
+        })
+        .then(html => {
+            // Insérer le HTML dans le conteneur et l'afficher
+            container_modal.innerHTML = html;
+            container_modal.style.display = 'block';
+        })
+        .catch(error => {
+            console.error('Erreur:', error);
+        });
+});
+
+function addPlats (event) {
+    document.getElementById('container_modal');
+
+    fetch(`/plats/new`)
+        .then(response => {
+            return response.text();
+        })
+        .then(html => {
+            // Insérer le HTML dans le conteneur et l'afficher
+            container_modal.innerHTML = html;
+            container_modal.style.display = 'block';
+        })
+        .catch(error => {
+            console.error('Erreur:', error);
+        });
+}
+
+
+function updatePromotion (event) {
+    document.getElementById('container_modal');
+    const reductionsIdString = event.getAttribute('data-id');
+    let reductionsId = parseInt(reductionsIdString);
+
+    fetch(`/plats/${platsId}/edit`)
+        .then(response => {
+            return response.text();
+        })
+        .then(html => {
+            // Insérer le HTML dans le conteneur et l'afficher
+            container_modal.innerHTML = html;
+            container_modal.style.display = 'block';
+        })
+        .catch(error => {
+            console.error('Erreur:', error);
+        });
+}
+
+function deletePromotion (event) {
+    document.getElementById('container_modal');
+    const reductionsIdString = event.getAttribute('data-id');
+    let reductionsId = parseInt(reductionsIdString);
+
+    fetch(`/reductions/${reductionsId}`)
+        .then(response => {
+            return response.text();
+        })
+        .then(html => {
+            // Insérer le HTML dans le conteneur et l'afficher
+            container_modal.innerHTML = html;
+            container_modal.style.display = 'block';
+        })
+        .catch(error => {
+            console.error('Erreur:', error);
+        });
+}

src/Form/ClientsType.php

@@ -23,12 +23,9 @@ class ClientsType extends AbstractType
                 'class' => Tables::class,
                 'choice_label' => 'id',
                 'multiple' => true,
+                'expanded' => true,
             ])
-            ->add('Commandes', EntityType::class, [
+
-                'class' => Commandes::class,
-                'choice_label' => 'id',
-                'multiple' => true,
-            ])
         ;
     }
 

src/Form/CommandesType.php

@@ -25,15 +25,17 @@ class CommandesType extends AbstractType
                 'class' => Clients::class,
                 'choice_label' => 'id',
                 'multiple' => true,
+                'expanded' => true,
             ])
             ->add('plats', EntityType::class, [
                 'class' => Plats::class,
                 'choice_label' => 'id',
                 'multiple' => true,
+                'expanded' => true,
             ])
             ->add('StatutCommande', EntityType::class, [
                 'class' => StatutCommandes::class,
-                'choice_label' => 'id',
+                'choice_label' => 'libelle',
             ])
         ;
     }

src/Form/ReservationsType.php

@@ -27,6 +27,7 @@ class ReservationsType extends AbstractType
                 'class' => Utilisateurs::class,
                 'choice_label' => 'id',
                 'multiple' => true,
+                'expanded' => true,
             ])
         ;
     }

src/Form/TablesType.php

@@ -19,11 +19,13 @@ class TablesType extends AbstractType
                 'class' => Clients::class,
                 'choice_label' => 'id',
                 'multiple' => true,
+                'expanded' => true,
             ])
             ->add('utilisateurs', EntityType::class, [
                 'class' => Utilisateurs::class,
                 'choice_label' => 'id',
                 'multiple' => true,
+                'expanded' => true,
             ])
         ;
     }

templates/base.html.twig

@@ -1,26 +1,168 @@
 <!DOCTYPE html>
 <html>
-    <head>
+<head>
-        <meta charset="UTF-8">
+    <meta charset="UTF-8">
-        <title>{% block title %}Welcome!{% endblock %}</title>
+    <title>{% block title %}Welcome!{% endblock %}</title>
-        <link rel="" href="">
+    <link rel="" href="">
-        <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
-        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-        <link href="https://fonts.googleapis.com/css2?family=Qwitcher+Grypen:wght@400;700&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Qwitcher+Grypen:wght@400;700&display=swap" rel="stylesheet">
-{#        bootstrap#}
+    {#        bootstrap#}
-{#        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">#}
+    {#        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">#}
 
-        {% block stylesheets %}
+    {% block stylesheets %}
-        {% endblock %}
+        <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+        <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+        <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+        <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
+    {% endblock %}
 
-        {% block javascripts %}
+{#    {% block javascripts %}#}
-            {% block importmap %}{{ importmap('app') }}{% endblock %}
+{#        <script src="{{ asset('js/Compte/CompteModal.js') }}" defer></script>#}
-        {% endblock %}
+{#        <script src="{{ asset('js/GestionUtilisateurs/GestionUtilisateurs.js') }}" defer></script>#}
-    </head>
+{#        <script src="{{ asset('js/GestionPromotion/GestionPromotion.js') }}" defer></script>#}
-    <body>
+{#        <script src="{{ asset('js/GestionTables/GestionTables.js') }}" defer></script>#}
-        {% block body %}{% endblock %}
+{#        <script src="{{ asset('js/GestionMenu/GestionMenu.js') }}" defer></script>#}
+{#        {% block importmap %}{{ importmap('app') }}{% endblock %}#}
+{#    {% endblock %}#}
+</head>
+<body>
+{% block body %}
+    <style>
+
+
+    </style>
+
+    <!-- Top Bar -->
+    <div class="top-bar">
+        <div>
+            Bonjour, {{ app.user.prenom }}
+        </div>
+        <div class="Information-perso">
+            <a href="{{ path('update-user', { 'id': app.user.id }) }}" class="btn-info-compte icon-container">
+                <i class="icon-medium"> {{ ux_icon('ph:user-circle-fill') }}</i>
+                <span>Compte</span>
+            </a>
+            <div class="btn-info-exit icon-container">
+                <a href="{{ path('app_logout') }}" class="icon-medium">
+                    {{ ux_icon('iconamoon:exit-bold') }}
+                </a>
+            </div>
+        </div>
+    </div>
+
+    <!-- Left Menu -->
+    <div class="left-background">
+        <img class="LogoHegre" src="{{ asset('asset/image/LogoHegre.png') }}">
+        {% if is_granted('ROLE_ADMIN') %}
+            <div class="nav-bar">
+                <ul>
+                    <li>
+                        <a href="/user/list" class="btn-custom btn-gestion-utilisateurs icon-container">
+                            <i class="icon-medium">{{ ux_icon('grommet-icons:group') }}</i>
+                            <span>Gérer Utilisateur</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="/clients" class="btn-custom icon-container">
+                            <i class="icon-medium"> {{ ux_icon('icon-park-outline:people') }}</i>
+                            <span>Gestion Client</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="/tables" class="btn-custom btn-gestion-table icon-container">
+                            <i class="icon-medium"> {{ ux_icon('ic:outline-table-bar') }}</i>
+                            <span>Gérer Table</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="/plats" class="btn-custom btn-gestion-menu icon-container">
+                            <i class="icon-medium"> {{ ux_icon('bx:food-menu') }}</i>
+                            <span>Gestion Menu</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="/reductions" class="btn-custom btn-gestion-promotion icon-container">
+                            <i class="icon-medium"> {{ ux_icon('lsicon:badge-promotion-outline') }}</i>
+                            <span>Gestion Promotion</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="/" class="btn-custom icon-container">
+                            <i class="icon-medium"> {{ ux_icon('fluent-emoji-high-contrast:ten-oclock') }}</i>
+                            <span>Voir tendances</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="/commandes" class="btn-custom icon-container">
+                            <i class="icon-medium"> {{ ux_icon('icon-park-outline:view-list') }}</i>
+                            <span>Commandes</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="/reservations" class="btn-custom icon-container">
+                            <i class="icon-medium"> {{ ux_icon('fluent-mdl2:reservation-orders') }}</i>
+                            <span>Réservation</span>
+                        </a>
+                    </li>
+                </ul>
+            </div>
+        {% elseif is_granted('ROLE_CUISINIER') %}
+            <div class="nav-bar">
+                <ul>
+                    <li>
+                        <div class="btn-custom icon-container">
+                            <i class="icon-medium"> {{ ux_icon('icon-park-outline:view-list') }}</i>
+                            <span>Liste des commandes</span>
+                        </div>
+                    </li>
+                </ul>
+                <ul>
+                    <li>
+                        <div class="btn-custom icon-container">
+                            <i class="icon-medium"> {{ ux_icon('grommet-icons:group') }}</i>
+                            <span>Je sais pas encore</span>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        {% elseif is_granted('ROLE_SERVEUR') %}
+            <div class="nav-bar">
+                <ul>
+                    <li>
+                        <div class="btn-custom icon-container">
+                            <i class="icon-medium"> {{ ux_icon('fluent-mdl2:reservation-orders') }}</i>
+                            <span>Réservation</span>
+                        </div>
+                    </li>
+                </ul>
+                <ul>
+                    <li>
+                        <div class="btn-custom icon-container">
+                            <i class="icon-medium"> {{ ux_icon('icon-park-outline:view-list') }}</i>
+                            <span>Commande</span>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        {% endif %}
+    </div>
+
+{% block container_modal %}
+    <div id="container_modal">
+        <!-- Contenu par défaut, ou vous pouvez laisser vide -->
+    </div>
+{% endblock %}
+
+    <script>
+
+    </script>
+
+    <!-- Include modals -->
+
+{% endblock %}
 {#        bootstrap#}
-        {#        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>#}
+{#        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>#}
 {#        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>    </body>#}
-    </body>
+</body>
 </html>

templates/clients/edit.html.twig

@@ -2,7 +2,25 @@
 
 {% block title %}Modifier Client{% endblock %}
 
-{% block body %}
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
+{% endblock %}
+
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
+{% endblock %}
+
+{% block container_modal %}
+
+<div id="container_modal">
     <h1>Modifier Client</h1>
 
     {{ include('clients/_form.html.twig', {'button_label': 'Mettre à jour'}) }}
@@ -10,4 +28,5 @@
     <a href="{{ path('app_clients_index') }}">Retour à la liste</a>
 
     {{ include('clients/_delete_form.html.twig') }}
+</div>
 {% endblock %}

templates/clients/index.html.twig

@@ -1,11 +1,24 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Clients index{% endblock %}
+{% block title %}Client index{% endblock %}
+
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
+{% endblock %}
+
 {% block stylesheets %}
     <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
-
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
 {% endblock %}
-{% block body %}
+
+{% block container_modal %}
+<div id="container_modal">
     <h1>Clients index</h1>
 
     <table class="table">
@@ -44,4 +57,5 @@
     </table>
 
     <a href="{{ path('app_clients_new') }}">Créer un nouveau client</a>
+</div>
 {% endblock %}

templates/clients/new.html.twig

@@ -1,14 +1,29 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Nouveau client{% endblock %}
+{% block title %}Tables index{% endblock %}
-{% block stylesheets %}
-    <link rel="stylesheet" href="{{ asset('css/ControllerVues/new.css') }}"> <!-- Ajout du fichier CSS -->
 
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
 {% endblock %}
-{% block body %}
+
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
+{% endblock %}
+
+{% block container_modal %}
+
+<div id="container_modal">
     <h1>Créer un client</h1>
 
     {{ include('clients/_form.html.twig') }}
 
     <a href="{{ path('app_clients_index') }}">Retour à la liste</a>
+</div>
 {% endblock %}

templates/commandes/edit.html.twig

@@ -1,15 +1,32 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Modifier Commande{% endblock %}
+{% block title %}Tables index{% endblock %}
 
-{% block body %}
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
+{% endblock %}
+
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
+{% endblock %}
+
+{% block container_modal %}
+
+<div id="container_modal">
     <h1>Modifier Commande</h1>
 
     {{ include('commandes/_form.html.twig', {'button_label': 'Mettre à jour'}) }}
 
     <a href="{{ path('app_commandes_index') }}">Retour à la liste</a>
-
+</div>
-
 {% endblock %}
 {% block javascripts %}
     <script src="{{ asset('js/GestionPromotion/GestionPromotion.js') }}" defer></script>

templates/commandes/index.html.twig

@@ -1,45 +1,60 @@
 {% extends 'base.html.twig' %}
 
 {% block title %}Commandes index{% endblock %}
+
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
+{% endblock %}
+
 {% block stylesheets %}
     <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
-
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
 {% endblock %}
-{% block body %}
-    <h1>Commandes index</h1>
 
-    <table class="table">
+{% block container_modal %}
-        <thead>
+    <div id="container_modal">
-            <tr>
+        <h1>Commandes index</h1>
-                <th>Id</th>
-                <th>DateHeure</th>
-                <th>Statut</th>
-                <th>Total</th>
-                <th>actions</th>
-            </tr>
-        </thead>
-        <tbody>
-        {% for commande in commandes %}
-            <tr>
-                <td>{{ commande.id }}</td>
-                <td>{{ commande.DateHeure ? commande.DateHeure|date('Y-m-d H:i:s') : '' }}</td>
-                <td>{{ commande.Statut ? 'Yes' : 'No' }}</td>
-                <td>{{ commande.Total }}</td>
-                <td>
-                    <form method="post" action="{{ path('app_commandes_delete', {'id': commande.id}) }}" onsubmit="return confirm('Es-tu sur de vouloir le supprimer ?');">
-                        <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ commande.id) }}">
-                        {{ include('commandes/_delete_form.html.twig') }}
-                    </form>
 
-                    <button onclick="updateCommandes(this)" data-id="{{ commande.id }}" href="{{ path('app_commandes_edit', {'id': commande.id}) }}">Modifier</button>
+        <table class="table">
-                </td>
+            <thead>
-            </tr>
+                <tr>
-        {% else %}
+                    <th>Id</th>
-            <tr>
+                    <th>DateHeure</th>
-                <td colspan="5">pas de commande crée</td>
+                    <th>Statut</th>
-            </tr>
+                    <th>Total</th>
-        {% endfor %}
+                    <th>actions</th>
-        </tbody>
+                </tr>
-    </table>
+            </thead>
-    <button onclick="addCommandes(this)" href="{{ path('app_commandes_new') }}">Créer une réduction</button>
+            <tbody>
+            {% for commande in commandes %}
+                <tr>
+                    <td>{{ commande.id }}</td>
+                    <td>{{ commande.DateHeure ? commande.DateHeure|date('Y-m-d H:i:s') : '' }}</td>
+                    <td>{{ commande.Statut ? 'Yes' : 'No' }}</td>
+                    <td>{{ commande.Total }}</td>
+                    <td>
+                        <form method="post" action="{{ path('app_commandes_delete', {'id': commande.id}) }}" onsubmit="return confirm('Es-tu sur de vouloir le supprimer ?');">
+                            <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ commande.id) }}">
+                            {{ include('commandes/_delete_form.html.twig') }}
+                        </form>
+
+                        <a href="{{ path('app_commandes_edit', {'id': commande.id}) }}">Modifier</a>
+                    </td>
+                </tr>
+            {% else %}
+                <tr>
+                    <td colspan="5">pas de commande crée</td>
+                </tr>
+            {% endfor %}
+            </tbody>
+        </table>
+
+        <a href="{{ path('app_commandes_new') }}">Créer une nouvelle commande</a>
+    </div>
 {% endblock %}

templates/commandes/new.html.twig

@@ -1,15 +1,29 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Nouvelle commande{% endblock %}
+{% block title %}Tables index{% endblock %}
-{% block stylesheets %}
-    <link rel="stylesheet" href="{{ asset('css/ControllerVues/new.css') }}"> <!-- Ajout du fichier CSS -->
 
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
 {% endblock %}
 
-{% block body %}
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
+{% endblock %}
+
+{% block container_modal %}
+
+<div id="container_modal">
     <h1>Créer une commande</h1>
 
     {{ include('commandes/_form.html.twig') }}
 
     <a href="{{ path('app_commandes_index') }}">Retour à la liste</a>
+</div>
 {% endblock %}

templates/index/admin.html.twig

@@ -10,130 +10,11 @@
 {% endblock %}
 
 {% block stylesheets %}
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS -->
     <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
     <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
     <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
 {% endblock %}
 
-{% block body %}
-    <style>
 
-
-    </style>
-
-    <!-- Top Bar -->
-    <div class="top-bar">
-        <div>
-            Bonjour, {{ app.user.prenom }}
-        </div>
-    </div>
-
-    <!-- Left Menu -->
-    <div class="left-background">
-        <img class="LogoHegre" src="{{ asset('asset/image/LogoHegre.png') }}">
-        {% if is_granted('ROLE_ADMIN') %}
-            <div class="nav-bar">
-                <ul>
-                    <li>
-                        <div class="btn-custom btn-gestion-utilisateurs icon-container" >
-                                <i class="icon-medium"> {{ ux_icon('grommet-icons:group') }}</i>
-                                <span>Gérer Utilisateur</span>
-                            </div>
-                    </li>
-                    <li>
-                        <div class="btn-custom btn-gestion-table icon-container">
-                            <i class="icon-medium"> {{ ux_icon('ic:outline-table-bar') }}</i>
-                            <span>Gérer Table</span>
-                        </div>
-                    </li>
-                    <li>
-                        <div class="btn-custom icon-container">
-                            <i class="icon-medium"> {{ ux_icon('bx:food-menu') }}</i>
-                            <span>Gestion Menu</span>
-                        </div>
-                    </li>
-                    <li>
-                        <div class="btn-custom btn-gestion-promotion icon-container">
-                            <i class="icon-medium"> {{ ux_icon('lsicon:badge-promotion-outline') }}</i>
-                            <span>Gestion Promotion</span>
-                        </div>
-                    </li>
-                    <li>
-                        <div class="btn-custom icon-container">
-                            <i class="icon-medium"> {{ ux_icon('fluent-emoji-high-contrast:ten-oclock') }}</i>
-                            <span>Voir tendances</span>
-                        </div>
-                    </li>
-                </ul>
-            </div>
-        {% elseif is_granted('ROLE_CUISINIER') %}
-            <div class="nav-bar">
-                <ul>
-                    <li>
-                        <div class="btn-custom icon-container">
-                            <i class="icon-medium"> {{ ux_icon('icon-park-outline:view-list') }}</i>
-                            <span>Liste des commandes</span>
-                        </div>
-                    </li>
-                </ul>
-                <ul>
-                    <li>
-                        <div class="btn-custom icon-container">
-                            <i class="icon-medium"> {{ ux_icon('grommet-icons:group') }}</i>
-                            <span>Je sais pas encore</span>
-                        </div>
-                    </li>
-                </ul>
-            </div>
-        {% elseif is_granted('ROLE_SERVEUR') %}
-            <div class="nav-bar">
-                <ul>
-                    <li>
-                        <div class="btn-custom icon-container">
-                            <i class="icon-medium"> {{ ux_icon('fluent-mdl2:reservation-orders') }}</i>
-                            <span>Réservation</span>
-                        </div>
-                    </li>
-                </ul>
-                <ul>
-                    <li>
-                        <div class="btn-custom btn-gestion-commandes icon-container">
-                            <i class="icon-medium"> {{ ux_icon('icon-park-outline:view-list') }}</i>
-                            <span>Commande</span>
-                        </div>
-                    </li>
-                </ul>
-            </div>
-        {% endif %}
-        <div class="Information-perso">
-            <div class="btn-info-compte icon-container">
-                <i class="icon-medium"> {{ ux_icon('ph:user-circle-fill') }}</i>
-                <span>Compte</span>
-            </div>
-            <div class="btn-info-exit icon-container">
-                <a href="{{ path('app_logout') }}" class="icon-medium">
-                    {{ ux_icon('iconamoon:exit-bold') }}
-                </a>
-            </div>
-        </div>
-    </div>
-
-    <div id="container_modal">
-        <!-- Contenu par défaut, ou vous p ouvez laisser vide -->
-    </div>
-
-    <script>
-
-    </script>
-
-    <!-- Include modals -->
-
-{% endblock %}
-
-{% block javascripts %}
-    <script src="{{ asset('js/Compte/CompteModal.js') }}" defer></script>
-    <script src="{{ asset('js/GestionCommande/GestionCommande.js') }}" defer></script>
-    <script src="{{ asset('js/GestionUtilisateurs/GestionUtilisateurs.js') }}" defer></script>
-    <script src="{{ asset('js/GestionPromotion/GestionPromotion.js') }}" defer></script>
-    <script src="{{ asset('js/GestionTables/GestionTables.js') }}" defer></script>
-{% endblock %}

templates/plats/edit.html.twig

@@ -1,21 +1,41 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Modifier Plat{% endblock %}
+{% block title %}Tables index{% endblock %}
+
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
+{% endblock %}
 
 {% block stylesheets %}
-    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}">
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
 {% endblock %}
 
-{% block body %}
+{% block container_modal %}
-    <div class="page-container">
-        <h1 class="page-title">Modifier Plat</h1>
 
-        {{ include('plats/_form.html.twig', {'button_label': 'Mettre à jour'}) }}
+    <div id="container_modal">
+        <div class="page-container">
+            <h1 class="page-title">Modifier Plat</h1>
 
-        <div class="actions">
+            {{ include('plats/_form.html.twig', {'button_label': 'Mettre à jour'}) }}
-            <a href="{{ path('app_plats_index') }}">Retour à la liste</a>
+
+            <div class="actions">
+                <a href="{{ path('app_plats_index') }}">Retour à la liste</a>
+            </div>
+
+            {{ include('plats/_delete_form.html.twig') }}
         </div>
-
-        {{ include('plats/_delete_form.html.twig') }}
     </div>
+
 {% endblock %}
+
+
+
+

templates/plats/index.html.twig

@@ -1,15 +1,30 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Plats index{% endblock %}
+{% block title %}Tables index{% endblock %}
+
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
+{% endblock %}
+
 {% block stylesheets %}
     <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
-
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
 {% endblock %}
-{% block body %}
-    <h1>Plats index</h1>
 
-    <table class="table">
+{% block container_modal %}
-        <thead>
+
+    <div id="container_modal">
+        <h1>Plats index</h1>
+
+        <table class="table">
+            <thead>
             <tr>
                 <th>Id</th>
                 <th>Nom</th>
@@ -20,32 +35,37 @@
                 <th>Nb_de_commande</th>
                 <th>actions</th>
             </tr>
-        </thead>
+            </thead>
-        <tbody>
+            <tbody>
-        {% for plat in plats %}
+            {% for plat in plats %}
-            <tr>
+                <tr>
-                <td>{{ plat.id }}</td>
+                    <td>{{ plat.id }}</td>
-                <td>{{ plat.Nom }}</td>
+                    <td>{{ plat.Nom }}</td>
-                <td>{{ plat.Description }}</td>
+                    <td>{{ plat.Description }}</td>
-                <td>{{ plat.Prix }}</td>
+                    <td>{{ plat.Prix }}</td>
-                <td>{{ plat.Categorie }}</td>
+                    <td>{{ plat.Categorie }}</td>
-                <td>{{ plat.Statut ? 'Yes' : 'No' }}</td>
+                    <td>{{ plat.Statut ? 'Yes' : 'No' }}</td>
-                <td>{{ plat.NbDeCommande }}</td>
+                    <td>{{ plat.NbDeCommande }}</td>
-                <td>
+                    <td>
-                    <form method="post" action="{{ path('app_plats_delete', {'id': plat.id}) }}" onsubmit="return confirm('Es-tu sur de vouloir le supprimer ?');">
+                        <form method="post" action="{{ path('app_plats_delete', {'id': plat.id}) }}" onsubmit="return confirm('Es-tu sur de vouloir le supprimer ?');">
-                        <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ plat.id) }}">
+                            <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ plat.id) }}">
-                        {{ include('plats/_delete_form.html.twig') }}
+                            {{ include('plats/_delete_form.html.twig') }}
-                    </form>
+                        </form>
-                    <a href="{{ path('app_plats_edit', {'id': plat.id}) }}">Modifier</a>
+                        <a href="{{ path('app_plats_edit', {'id': plat.id}) }}">Modifier</a>
-                </td>
+                    </td>
-            </tr>
+                </tr>
-        {% else %}
+            {% else %}
-            <tr>
+                <tr>
-                <td colspan="8">Aucun enregistrement trouvé</td>
+                    <td colspan="8">Aucun enregistrement trouvé</td>
-            </tr>
+                </tr>
-        {% endfor %}
+            {% endfor %}
-        </tbody>
+            </tbody>
-    </table>
+        </table>
+
+        <a href="{{ path('app_plats_new') }}">Créer un menu</a>
+    </div>
 
-    <a href="{{ path('app_plats_new') }}">Créer un nouveau plat</a>
 {% endblock %}
+
+
+

templates/plats/new.html.twig

@@ -1,14 +1,34 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}New Plats{% endblock %}
+{% block title %}Tables index{% endblock %}
+
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
+{% endblock %}
+
 {% block stylesheets %}
-    <link rel="stylesheet" href="{{ asset('css/ControllerVues/new.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
+{% endblock %}
+
+{% block container_modal %}
+
+    <div id="container_modal">
+        <h1>Créer un nouveau plat</h1>
+
+        {{ include('plats/_form.html.twig') }}
+
+        <a href="{{ path('app_plats_index') }}">Retour à la liste</a>
+    </div>
 
 {% endblock %}
-{% block body %}
-    <h1>Créer un nouveau plat</h1>
 
-    {{ include('plats/_form.html.twig') }}
 
-    <a href="{{ path('app_plats_index') }}">Retour à la liste</a>
+
-{% endblock %}

templates/reductions/edit.html.twig

@@ -1,21 +1,41 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Modifier Réductions{% endblock %}
+{% block title %}Tables index{% endblock %}
+
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
+{% endblock %}
 
 {% block stylesheets %}
-    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}">
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
 {% endblock %}
 
-{% block body %}
+{% block container_modal %}
-    <div class="page-container">
-        <h1 class="page-title">Modifier une réduction</h1>
 
-        {{ include('reductions/_form.html.twig', {'button_label': 'Mettre à jour'}) }}
+    <div id="container_modal">
+        <div class="page-container">
+            <h1 class="page-title">Modifier une réduction</h1>
 
-        <div class="actions">
+            {{ include('reductions/_form.html.twig', {'button_label': 'Mettre à jour'}) }}
-            <a href="{{ path('app_reductions_index') }}">Retour à la liste</a>
+
+            <div class="actions">
+                <a href="{{ path('app_reductions_index') }}">Retour à la liste</a>
+            </div>
+
+            {{ include('reductions/_delete_form.html.twig') }}
         </div>
-
-        {{ include('reductions/_delete_form.html.twig') }}
     </div>
+
 {% endblock %}
+
+
+
+

templates/reductions/index.html.twig

@@ -1,15 +1,30 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Reductions index{% endblock %}
+{% block title %}Tables index{% endblock %}
+
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
+{% endblock %}
+
 {% block stylesheets %}
     <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
-
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
 {% endblock %}
-{% block body %}
-    <h1>Reductions index</h1>
 
-    <table class="table">
+{% block container_modal %}
-        <thead>
+
+    <div id="container_modal">
+        <h1>Reductions index</h1>
+
+        <table class="table">
+            <thead>
             <tr>
                 <th>Id</th>
                 <th>Description</th>
@@ -20,36 +35,37 @@
                 <th>DateFin</th>
                 <th>actions</th>
             </tr>
-        </thead>
+            </thead>
-        <tbody>
+            <tbody>
-        {% for reduction in reductions %}
+            {% for reduction in reductions %}
-            <tr>
+                <tr>
-                <td>{{ reduction.id }}</td>
+                    <td>{{ reduction.id }}</td>
-                <td>{{ reduction.Description }}</td>
+                    <td>{{ reduction.Description }}</td>
-                <td>{{ reduction.Prix }}</td>
+                    <td>{{ reduction.Prix }}</td>
-                <td>{{ reduction.Pourcentage }}</td>
+                    <td>{{ reduction.Pourcentage }}</td>
-                <td>{{ reduction.MontantFixe }}</td>
+                    <td>{{ reduction.MontantFixe }}</td>
-                <td>{{ reduction.DateDebut ? reduction.DateDebut|date('Y-m-d H:i:s') : '' }}</td>
+                    <td>{{ reduction.DateDebut ? reduction.DateDebut|date('Y-m-d H:i:s') : '' }}</td>
-                <td>{{ reduction.DateFin ? reduction.DateFin|date('Y-m-d H:i:s') : '' }}</td>
+                    <td>{{ reduction.DateFin ? reduction.DateFin|date('Y-m-d H:i:s') : '' }}</td>
-                <td>
+                    <td>
-                    <form method="post" action="{{ path('app_reductions_delete', {'id': reduction.id}) }}" onsubmit="return confirm('Es-tu sur de vouloir le supprimer ?'); ">
+                        <form method="post" action="{{ path('app_reductions_delete', {'id': reduction.id}) }}" onsubmit="return confirm('Es-tu sur de vouloir le supprimer ?'); ">
-                        <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ reduction.id) }}">
+                            <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ reduction.id) }}">
-                        {{ include('reductions/_delete_form.html.twig') }}
+                            {{ include('reductions/_delete_form.html.twig') }}
-                    </form>
+                        </form>
-                    <button onclick="updatePromotion(this)" data-id="{{ reduction.id }}" href="{{ path('app_reductions_edit', {'id': reduction.id}) }}">Modifier</button>
+                        <a href="{{ path('app_reductions_edit', {'id': reduction.id}) }}">Modifier</a>
-                </td>
+                    </td>
-            </tr>
+                </tr>
-        {% else %}
+            {% else %}
-            <tr>
+                <tr>
-                <td colspan="8">Aucun enregistrement trouvé</td>
+                    <td colspan="8">Aucun enregistrement trouvé</td>
-            </tr>
+                </tr>
-        {% endfor %}
+            {% endfor %}
-        </tbody>
+            </tbody>
-    </table>
+        </table>
+
+        <a href="{{ path('app_reductions_new') }}">Créer une réduction</a>
+    </div>
 
-    <button onclick="addPromotion(this)" href="{{ path('app_reductions_new') }}">Créer une réduction</button>
 {% endblock %}
 
-{% block javascripts %}
+
-    <script src="{{ asset('js/GestionPromotion/GestionPromotion.js') }}" defer></script>
+
-{% endblock %}

templates/reductions/new.html.twig

@@ -1,14 +1,35 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Nouvelle reduction{% endblock %}
+{% block title %}Tables index{% endblock %}
+
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
+{% endblock %}
+
 {% block stylesheets %}
-    <link rel="stylesheet" href="{{ asset('css/ControllerVues/new.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
+{% endblock %}
+
+{% block container_modal %}
+
+    <div id="container_modal">
+        <h1>Créer une Reduction</h1>
+
+        {{ include('reductions/_form.html.twig') }}
+
+        <a href="{{ path('app_reductions_index') }}">Retour à la liste</a>
+    </div>
 
 {% endblock %}
-{% block body %}
-    <h1>Créer une Reduction</h1>
 
-    {{ include('reductions/_form.html.twig') }}
 
-    <a href="{{ path('app_reductions_index') }}">Retour à la liste</a>
+
-{% endblock %}
+

templates/reservations/edit.html.twig

@@ -1,12 +1,25 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Modifier Réservation{% endblock %}
+{% block title %}Tables index{% endblock %}
 
-{% block stylesheets %}
+{% block head %}
-    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}">
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
 {% endblock %}
 
-{% block body %}
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
+{% endblock %}
+
+{% block container_modal %}
+<div id="container_modal">
     <div class="page-container">
         <h1 class="page-title">Modifier Réservation</h1>
 
@@ -18,4 +31,5 @@
 
         {{ include('reservations/_delete_form.html.twig') }}
     </div>
+</div>
 {% endblock %}

templates/reservations/index.html.twig

@@ -1,11 +1,24 @@
 {% extends 'base.html.twig' %}
 
 {% block title %}Reservations index{% endblock %}
+
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
+{% endblock %}
+
 {% block stylesheets %}
     <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
-
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
 {% endblock %}
-{% block body %}
+
+{% block container_modal %}
+<div id="container_modal">
     <h1>Reservations index</h1>
 
     <table class="table">
@@ -40,4 +53,5 @@
     </table>
 
     <a href="{{ path('app_reservations_new') }}">Créer une réservation</a>
+</div>
 {% endblock %}

templates/reservations/new.html.twig

@@ -1,14 +1,29 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}New Reservations{% endblock %}
+{% block title %}Tables index{% endblock %}
-{% block stylesheets %}
-    <link rel="stylesheet" href="{{ asset('css/ControllerVues/new.css') }}"> <!-- Ajout du fichier CSS -->
 
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
 {% endblock %}
-{% block body %}
+
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
+{% endblock %}
+
+{% block container_modal %}
+<div id="container_modal">
     <h1>Créer une reservation</h1>
 
     {{ include('reservations/_form.html.twig') }}
 
     <a href="{{ path('app_reservations_index') }}">Retour à la liste</a>
+</div>
 {% endblock %}

templates/tables/edit.html.twig

@@ -1,21 +1,38 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Edit Tables{% endblock %}
+{% block title %}Tables index{% endblock %}
+
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
+{% endblock %}
 
 {% block stylesheets %}
-    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}">
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
 {% endblock %}
 
-{% block body %}
+{% block container_modal %}
-    <div class="page-container">
+    <div id="container_modal">
-        <h1 class="page-title">Modifier Tables</h1>
+        <div class="page-container">
+            <h1 class="page-title">Modifier Tables</h1>
 
-        {{ include('tables/_form.html.twig', {'button_label': 'Mettre à jour'}) }}
+            {{ include('tables/_form.html.twig', {'button_label': 'Mettre à jour'}) }}
 
-        <div class="actions">
+            <div class="actions">
-            <a href="{{ path('app_tables_index') }}">Retour à la liste</a>
+                <a href="{{ path('app_tables_index') }}">Retour à la liste</a>
+            </div>
+
+            {{ include('tables/_delete_form.html.twig') }}
         </div>
-
-        {{ include('tables/_delete_form.html.twig') }}
     </div>
+
 {% endblock %}
+
+

templates/tables/index.html.twig

@@ -1,43 +1,57 @@
 {% extends 'base.html.twig' %}
 
 {% block title %}Tables index{% endblock %}
+
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
+{% endblock %}
+
 {% block stylesheets %}
     <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
-
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
 {% endblock %}
-{% block body %}
-    <h1>Tables index</h1>
 
-    <table class="table">
+{% block container_modal %}
-        <thead>
+
+    <div id="container_modal">
+        <h1>Tables index</h1>
+
+        <table class="table">
+            <thead>
             <tr>
                 <th>Id</th>
                 <th>actions</th>
             </tr>
-        </thead>
+            </thead>
-        <tbody>
+            <tbody>
-        {% for table in tables %}
+            {% for table in tables %}
-            <tr>
+                <tr>
-                <td>{{ table.id }}</td>
+                    <td>{{ table.id }}</td>
-                <td>
+                    <td>
-                    <form method="post" action="{{ path('app_tables_delete', {'id': table.id}) }}" onsubmit="return confirm('Es-tu sur de vouloir le supprimer ?');">
+                        <form method="post" action="{{ path('app_tables_delete', {'id': table.id}) }}" onsubmit="return confirm('Es-tu sur de vouloir le supprimer ?');">
-                        <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ table.id) }}">
+                            <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ table.id) }}">
-                         {{ include('tables/_delete_form.html.twig') }}
+                            {{ include('tables/_delete_form.html.twig') }}
-                    </form>
+                        </form>
-                    <a href="{{ path('app_tables_edit', {'id': table.id}) }}">Modifier</a>
+                        <a href="{{ path('app_tables_edit', {'id': table.id}) }}">Modifier</a>
-                </td>
+                    </td>
-            </tr>
+                </tr>
-        {% else %}
+            {% else %}
-            <tr>
+                <tr>
-                <td colspan="2">Aucun enregistrement trouvé</td>
+                    <td colspan="2">Aucun enregistrement trouvé</td>
-            </tr>
+                </tr>
-        {% endfor %}
+            {% endfor %}
-        </tbody>
+            </tbody>
-    </table>
+        </table>
+
+        <a onclick="addTable(this)" href="{{ path('app_tables_new')}}">Créer une tables</a>
+    </div>
 
-    <button onclick="addTable(this)" href="{{ path('app_reductions_new') }}">Créer une tables</button>
 {% endblock %}
 
-{% block javascripts %}
+
-    <script src="{{ asset('js/GestionPromotion/GestionPromotion.js') }}" defer></script>
-{% endblock %}

templates/tables/new.html.twig

@@ -1,22 +1,37 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Create New Table{% endblock %}
+{% block title %}Tables index{% endblock %}
+
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
+{% endblock %}
 
 {% block stylesheets %}
-    <link rel="stylesheet" href="{{ asset('css/list.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
-    <link rel="stylesheet" href="{{ asset('css/ControllerVues/new.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
 {% endblock %}
 
-{% block body %}
+{% block container_modal %}
-    <div class="container">
-        <h1 class="page-title">Créer une nouvelle Table</h1>
 
-        <div class="form-container">
+    <div id="container_modal">
-            {{ include('tables/_form.html.twig') }}
+        <div class="container">
-        </div>
+            <h1 class="page-title">Créer une nouvelle Table</h1>
 
-        <div class="navigation">
+            <div class="form-container">
-            <a href="{{ path('app_tables_index') }}" class="btn btn-secondary">Retour à la liste</a>
+                {{ include('tables/_form.html.twig') }}
+            </div>
+
+            <div class="navigation">
+                <a href="{{ path('app_tables_index') }}" class="btn btn-secondary">Retour à la liste</a>
+            </div>
         </div>
     </div>
+
 {% endblock %}
+

templates/user/add.html.twig

@@ -1,101 +1,123 @@
 {% extends 'base.html.twig' %}
 
-{% block stylesheets %}
+{% block title %}Tables index{% endblock %}
-    <style>
-        .form-container {
-            max-width: 500px;
-            margin: 0 auto;
-            padding: 20px;
-            background-color: #f8f9fa;
-            border: 1px solid #dee2e6;
-            border-radius: 8px;
-            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-            font-family: sans-serif;
-        }
 
-        .form-container h1 {
+{% block head %}
-            text-align: center;
+    <head>
-            margin-bottom: 20px;
+        <meta charset="UTF-8">
-            font-size: 24px;
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
-        }
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
-
+    </head>
-        .form-group {
-            margin-bottom: 15px;
-        }
-
-        .form-input {
-            display: flex;
-            justify-content: center;
-            margin-bottom: 20px;
-            width: 95%;
-            padding: 10px;
-            border: 1px solid #ced4da;
-            border-radius: 4px;
-            font-size: 16px;
-        }
-
-        .form-input:focus {
-            border-color: #007bff;
-            box-shadow: 0 0 5px rgba(0, 123, 255, 0.25);
-            outline: none;
-        }
-
-        .btn-container {
-            display: flex;
-            justify-content: center;
-            margin-bottom: 20px;
-        }
-
-        .btn-save {
-            padding: 5px 10px;
-            text-decoration: none;
-            color: white;
-            background-color: #007bff;
-            border-radius: 5px;
-            font-weight: bold;
-            margin-top: 25px;
-        }
-
-        .btn-list {
-            padding: 5px 10px;
-            text-decoration: none;
-            color: white;
-            background-color: orange;
-            border-radius: 5px;
-            font-weight: bold;
-        }
-
-    </style>
 {% endblock %}
 
-{% block title %}Nouvelle Utilisateur{% endblock %}
+{% block container_modal %}
 
-{% block body %}
+    <div id="container_modal">
-    <div class="form-container">
+        <div class="form-container">
-        <h1>Nouvelle Utilisateur ! ✅</h1>
+            <h1>Nouvelle Utilisateur ! ✅</h1>
 
-        {{ form_start(registrationForm) }}
+            {{ form_start(registrationForm) }}
-        {{ form_errors(registrationForm) }}
+            {{ form_errors(registrationForm) }}
 
-        <div class="form-group">
+            <div class="form-group">
-            {{ form_row(registrationForm.Nom, {'attr': {'class': 'form-input'}, 'label': 'Nom'}) }}
+                {{ form_row(registrationForm.Nom, {'attr': {'class': 'form-input'}, 'label': 'Nom'}) }}
-        </div>
+            </div>
-        <div class="form-group">
+            <div class="form-group">
-            {{ form_row(registrationForm.Prenom, {'attr': {'class': 'form-input'}, 'label': 'Prénom'}) }}
+                {{ form_row(registrationForm.Prenom, {'attr': {'class': 'form-input'}, 'label': 'Prénom'}) }}
-        </div>
+            </div>
-        <div class="form-group">
+            <div class="form-group">
-            {{ form_row(registrationForm.UserIdentifier, {'attr': {'class': 'form-input'}, 'label': 'Email'}) }}
+                {{ form_row(registrationForm.UserIdentifier, {'attr': {'class': 'form-input'}, 'label': 'Email'}) }}
-        </div>
+            </div>
-        <div class="form-group">
+            <div class="form-group">
-            {{ form_row(registrationForm.Password, {'attr': {'class': 'form-input'}, 'label': 'Password'}) }}
+                {{ form_row(registrationForm.Password, {'attr': {'class': 'form-input'}, 'label': 'Password'}) }}
-        </div>
+            </div>
-        <div class="form-group">
+            <div class="form-group">
-            {{ form_row(registrationForm.Roles, {'attr': {'class': 'form-input'}, 'label': 'Roles'}) }}
+                {{ form_row(registrationForm.Roles, {'attr': {'class': 'form-input'}, 'label': 'Roles'}) }}
-        </div>
+            </div>
-        <div class="btn-container">
+            <div class="btn-container">
-            {{ form_row(registrationForm.Enregistrer, {'attr': {'class': 'btn-save'}, 'label': 'Enregistrer'}) }}
+                {{ form_row(registrationForm.Enregistrer, {'attr': {'class': 'btn-save'}, 'label': 'Enregistrer'}) }}
-        </div>
+            </div>
 
-        {{ form_end(registrationForm) }}
+            {{ form_end(registrationForm) }}
+        </div>
     </div>
+
+    {% block stylesheets %}
+        <style>
+            .form-container {
+                max-width: 500px;
+                margin: 0 auto;
+                padding: 20px;
+                background-color: #f8f9fa;
+                border: 1px solid #dee2e6;
+                border-radius: 8px;
+                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+                font-family: sans-serif;
+            }
+
+            .form-container h1 {
+                text-align: center;
+                margin-bottom: 20px;
+                font-size: 24px;
+            }
+
+            .form-group {
+                margin-bottom: 15px;
+            }
+
+            .form-input {
+                display: flex;
+                justify-content: center;
+                margin-bottom: 20px;
+                width: 95%;
+                padding: 10px;
+                border: 1px solid #ced4da;
+                border-radius: 4px;
+                font-size: 16px;
+            }
+
+            .form-input:focus {
+                border-color: #007bff;
+                box-shadow: 0 0 5px rgba(0, 123, 255, 0.25);
+                outline: none;
+            }
+
+            .btn-container {
+                display: flex;
+                justify-content: center;
+                margin-bottom: 20px;
+            }
+
+            .btn-save {
+                padding: 5px 10px;
+                text-decoration: none;
+                color: white;
+                background-color: #007bff;
+                border-radius: 5px;
+                font-weight: bold;
+                margin-top: 25px;
+            }
+
+            .btn-list {
+                padding: 5px 10px;
+                text-decoration: none;
+                color: white;
+                background-color: orange;
+                border-radius: 5px;
+                font-weight: bold;
+            }
+
+        </style>
+
+        <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+        <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+        <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+        <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
+    {% endblock %}
+
 {% endblock %}
+
+
+
+
+

templates/user/list.html.twig

@@ -1,88 +1,62 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Liste Utilisateur{% endblock %}
+{% block title %}Tables index{% endblock %}
 
-{% block body %}
+{% block head %}
-<style>
+    <head>
-    .user-table {
+        <meta charset="UTF-8">
-        width: 100%;
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
-        border-collapse: collapse;
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
-        font-family: sans-serif;
+    </head>
-    }
+{% endblock %}
 
-    .user-table th,
+{% block stylesheets %}
-    .user-table td {
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
-        border: 1px solid #ddd;
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
-        padding: 8px;
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
-        text-align: left;
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
-    }
+{% endblock %}
 
-    .user-table th {
+{% block container_modal %}
-        background-color: #f2f2f2;
-        font-weight: bold;
-    }
 
-    .user-table tr:nth-child(even) {
+    <div id="container_modal">
-        background-color: #f9f9f9;
+        <div class="example-wrapper">
-    }
+            <h1>Liste des Utilisateurs ! ✅</h1>
 
-    .user-table tr:hover {
+            <table class="user-table">
-        background-color: #f1f1f1;
+                <thead>
-    }
+                <tr>
-
+                    <th>ID</th>
-    .btn-container {
+                    <th>Nom</th>
-        display: flex;
+                    <th>Prenom</th>
-        justify-content: center;
+                    <th>Mail</th>
-        margin-bottom: 20px;
+                    <th>Roles</th>
-    }
+                </tr>
-
+                </thead>
-    .btn {
+                <tbody>
-        padding: 5px 10px;
+                {% for utilisateur in utilisateurs %}
-        text-decoration: none;
+                    <tr>
-        color: white;
+                        <td>{{ utilisateur.id }}</td>
-        background-color: #007bff;
+                        <td>{{ utilisateur.nom }}</td>
-        border-radius: 5px;
+                        <td>{{ utilisateur.prenom }}</td>
-        font-weight: bold;
+                        <td>{{ utilisateur.UserIdentifier }}</td>
-        margin-top: 25px;
+                        <td>{{ utilisateur.RolesAsString }}</td>
-    }
+                    </tr>
-
+                {% else %}
-</style>
+                    <tr>
-
+                        <td colspan="5">Aucun utilisateur trouvé.</td>
-<div class="example-wrapper">
+                    </tr>
-    <h1>Liste des Utilisateurs ! ✅</h1>
+                {% endfor %}
-
+                </tbody>
-    <table class="user-table">
+            </table>
-        <thead>
+            <div class="btn-container">
-        <tr>
+                <a href="/user/add" id="btn-add-user" class="btn btn-add-user btn-primary" >Ajouter un Utilisateur</a>
-            <th>ID</th>
+            </div>
-            <th>Nom</th>
+        </div>
-            <th>Prenom</th>
-            <th>Mail</th>
-            <th>Roles</th>
-        </tr>
-        </thead>
-        <tbody>
-        {% for utilisateur in utilisateurs %}
-            <tr>
-                <td>{{ utilisateur.id }}</td>
-                <td>{{ utilisateur.nom }}</td>
-                <td>{{ utilisateur.prenom }}</td>
-                <td>{{ utilisateur.UserIdentifier }}</td>
-                <td>{{ utilisateur.RolesAsString }}</td>
-            </tr>
-        {% else %}
-            <tr>
-                <td colspan="5">Aucun utilisateur trouvé.</td>
-            </tr>
-        {% endfor %}
-        </tbody>
-    </table>
-    <div class="btn-container">
-        <button onclick="addUser(this)" id="btn-add-user" class="btn btn-add-user btn-primary">Ajouter un Utilisateur</button>
     </div>
-</div>
+
 {% endblock %}
 
-{% block javascripts %}
+
-    <script src="{{ asset('js/GestionUtilisateurs/GestionUtilisateurs.js') }}" defer></script>
+
-{% endblock %}
+

templates/user/update.html.twig

@@ -1,77 +1,18 @@
 {% extends 'base.html.twig' %}
 
-{% block stylesheets %}
+{% block title %}Tables index{% endblock %}
-    <style>
-        .form-container {
-            max-width: 500px;
-            margin: 0 auto;
-            padding: 20px;
-            background-color: #f8f9fa;
-            border: 1px solid #dee2e6;
-            border-radius: 8px;
-            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-            font-family: sans-serif;
-        }
 
-        .form-container h1 {
+{% block head %}
-            text-align: center;
+    <head>
-            margin-bottom: 20px;
+        <meta charset="UTF-8">
-            font-size: 24px;
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
-        }
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
-
+    </head>
-        .form-group {
-            margin-bottom: 15px;
-        }
-
-        .form-input {
-            display: flex;
-            justify-content: center;
-            margin-bottom: 20px;
-            width: 95%;
-            padding: 10px;
-            border: 1px solid #ced4da;
-            border-radius: 4px;
-            font-size: 16px;
-        }
-
-        .form-input:focus {
-            border-color: #007bff;
-            box-shadow: 0 0 5px rgba(0, 123, 255, 0.25);
-            outline: none;
-        }
-
-        .btn-container {
-            display: flex;
-            justify-content: center;
-            margin-bottom: 20px;
-        }
-
-        .btn-save {
-            padding: 5px 10px;
-            text-decoration: none;
-            color: white;
-            background-color: #007bff;
-            border-radius: 5px;
-            font-weight: bold;
-            margin-top: 25px;
-        }
-
-        .btn-list {
-            padding: 5px 10px;
-            text-decoration: none;
-            color: white;
-            background-color: red;
-            border-radius: 5px;
-            font-weight: bold;
-        }
-
-    </style>
 {% endblock %}
 
-{% block title %}Nouvelle Utilisateur{% endblock %}
+{% block container_modal %}
 
-{% block body %}
+    <div id="container_modal">
-    <div class="form-container">
         <h1>Modifier Utilisateurs ! ✅</h1>
 
         {{ form_start(form) }}
@@ -102,4 +43,81 @@
             <a href="{{ path('app_index') }}" class="btn-list btn-primary">Annuler</a>
         </div>
     </div>
+
+    {% block stylesheets %}
+        <style>
+            .form-container {
+                max-width: 500px;
+                margin: 0 auto;
+                padding: 20px;
+                background-color: #f8f9fa;
+                border: 1px solid #dee2e6;
+                border-radius: 8px;
+                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+                font-family: sans-serif;
+            }
+
+            .form-container h1 {
+                text-align: center;
+                margin-bottom: 20px;
+                font-size: 24px;
+            }
+
+            .form-group {
+                margin-bottom: 15px;
+            }
+
+            .form-input {
+                display: flex;
+                justify-content: center;
+                margin-bottom: 20px;
+                width: 95%;
+                padding: 10px;
+                border: 1px solid #ced4da;
+                border-radius: 4px;
+                font-size: 16px;
+            }
+
+            .form-input:focus {
+                border-color: #007bff;
+                box-shadow: 0 0 5px rgba(0, 123, 255, 0.25);
+                outline: none;
+            }
+
+            .btn-container {
+                display: flex;
+                justify-content: center;
+                margin-bottom: 20px;
+            }
+
+            .btn-save {
+                padding: 5px 10px;
+                text-decoration: none;
+                color: white;
+                background-color: #007bff;
+                border-radius: 5px;
+                font-weight: bold;
+                margin-top: 25px;
+            }
+
+            .btn-list {
+                padding: 5px 10px;
+                text-decoration: none;
+                color: white;
+                background-color: red;
+                border-radius: 5px;
+                font-weight: bold;
+            }
+
+        </style>
+
+        <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+        <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+        <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+        <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
+    {% endblock %}
+
 {% endblock %}
+
+
+