Mise a jour Modals Tables

# Conflicts:
#	templates/gestion_user/index.html.twig
#	templates/index/cuisinier.html.twig

config/packages/security.yaml

@@ -31,12 +31,14 @@ security:
 
     role_hierarchy:
         ROLE_SUPER_ADMIN: [ROLE_ADMIN, ROLE_ALLOWED_TO_SWITCH]
+        ROLE_CUISINIER: ROLE_CUISINIER
+        ROLE_SERVEUR: ROLE_SERVEUR
 
     access_control:
 #        - { path: ^/, roles: ROLE_USER }
+        - { path: ^/logout, roles: IS_AUTHENTICATED }
         - { path: ^/login, roles: PUBLIC_ACCESS }
-        - { path: ^/logout, roles: ROLE_USER }
-        - { path: ^/index, roles: ROLE_ADMIN }
+        - { path: ^/index, roles: [ROLE_ADMIN, ROLE_CUISINIER, ROLE_SERVEUR]}
         - { path: ^/user, roles: ROLE_ADMIN }
 
 #when@test:

migrations/Version20241114160014.php

@@ -0,0 +1,52 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * Auto-generated Migration: Please modify to your needs!
+ */
+final class Version20241114160014 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return '';
+    }
+
+    public function up(Schema $schema): void
+    {
+        // this up() migration is auto-generated, please modify it to your needs
+        $this->addSql('ALTER TABLE reservations DROP CONSTRAINT fk_4da2394de1870d');
+        $this->addSql('DROP INDEX idx_4da2394de1870d');
+        $this->addSql('ALTER TABLE reservations RENAME COLUMN tabl_id TO table_id');
+        $this->addSql('ALTER TABLE reservations ADD CONSTRAINT FK_4DA239ECFF285C FOREIGN KEY (table_id) REFERENCES tables (id) NOT DEFERRABLE INITIALLY IMMEDIATE');
+        $this->addSql('CREATE INDEX IDX_4DA239ECFF285C ON reservations (table_id)');
+        $this->addSql('ALTER TABLE statut_tables DROP CONSTRAINT fk_33c8a3754de1870d');
+        $this->addSql('DROP INDEX idx_33c8a3754de1870d');
+        $this->addSql('ALTER TABLE statut_tables RENAME COLUMN tabl_id TO table_id');
+        $this->addSql('ALTER TABLE statut_tables ADD CONSTRAINT FK_33C8A375ECFF285C FOREIGN KEY (table_id) REFERENCES tables (id) NOT DEFERRABLE INITIALLY IMMEDIATE');
+        $this->addSql('CREATE INDEX IDX_33C8A375ECFF285C ON statut_tables (table_id)');
+        $this->addSql('CREATE UNIQUE INDEX UNIQ_497B315E5126AC48 ON utilisateurs (mail)');
+    }
+
+    public function down(Schema $schema): void
+    {
+        // this down() migration is auto-generated, please modify it to your needs
+        $this->addSql('CREATE SCHEMA public');
+        $this->addSql('DROP INDEX UNIQ_497B315E5126AC48');
+        $this->addSql('ALTER TABLE statut_tables DROP CONSTRAINT FK_33C8A375ECFF285C');
+        $this->addSql('DROP INDEX IDX_33C8A375ECFF285C');
+        $this->addSql('ALTER TABLE statut_tables RENAME COLUMN table_id TO tabl_id');
+        $this->addSql('ALTER TABLE statut_tables ADD CONSTRAINT fk_33c8a3754de1870d FOREIGN KEY (tabl_id) REFERENCES tables (id) NOT DEFERRABLE INITIALLY IMMEDIATE');
+        $this->addSql('CREATE INDEX idx_33c8a3754de1870d ON statut_tables (tabl_id)');
+        $this->addSql('ALTER TABLE reservations DROP CONSTRAINT FK_4DA239ECFF285C');
+        $this->addSql('DROP INDEX IDX_4DA239ECFF285C');
+        $this->addSql('ALTER TABLE reservations RENAME COLUMN table_id TO tabl_id');
+        $this->addSql('ALTER TABLE reservations ADD CONSTRAINT fk_4da2394de1870d FOREIGN KEY (tabl_id) REFERENCES tables (id) NOT DEFERRABLE INITIALLY IMMEDIATE');
+        $this->addSql('CREATE INDEX idx_4da2394de1870d ON reservations (tabl_id)');
+    }
+}

migrations/Version20241114160729.php

@@ -0,0 +1,50 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * Auto-generated Migration: Please modify to your needs!
+ */
+final class Version20241114160729 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return '';
+    }
+
+    public function up(Schema $schema): void
+    {
+        // this up() migration is auto-generated, please modify it to your needs
+        $this->addSql('ALTER TABLE reservations DROP CONSTRAINT fk_4da239ecff285c');
+        $this->addSql('DROP INDEX idx_4da239ecff285c');
+        $this->addSql('ALTER TABLE reservations RENAME COLUMN table_id TO tables_id');
+        $this->addSql('ALTER TABLE reservations ADD CONSTRAINT FK_4DA23985405FD2 FOREIGN KEY (tables_id) REFERENCES tables (id) NOT DEFERRABLE INITIALLY IMMEDIATE');
+        $this->addSql('CREATE INDEX IDX_4DA23985405FD2 ON reservations (tables_id)');
+        $this->addSql('ALTER TABLE statut_tables DROP CONSTRAINT fk_33c8a375ecff285c');
+        $this->addSql('DROP INDEX idx_33c8a375ecff285c');
+        $this->addSql('ALTER TABLE statut_tables RENAME COLUMN table_id TO tables_id');
+        $this->addSql('ALTER TABLE statut_tables ADD CONSTRAINT FK_33C8A37585405FD2 FOREIGN KEY (tables_id) REFERENCES tables (id) NOT DEFERRABLE INITIALLY IMMEDIATE');
+        $this->addSql('CREATE INDEX IDX_33C8A37585405FD2 ON statut_tables (tables_id)');
+    }
+
+    public function down(Schema $schema): void
+    {
+        // this down() migration is auto-generated, please modify it to your needs
+        $this->addSql('CREATE SCHEMA public');
+        $this->addSql('ALTER TABLE statut_tables DROP CONSTRAINT FK_33C8A37585405FD2');
+        $this->addSql('DROP INDEX IDX_33C8A37585405FD2');
+        $this->addSql('ALTER TABLE statut_tables RENAME COLUMN tables_id TO table_id');
+        $this->addSql('ALTER TABLE statut_tables ADD CONSTRAINT fk_33c8a375ecff285c FOREIGN KEY (table_id) REFERENCES tables (id) NOT DEFERRABLE INITIALLY IMMEDIATE');
+        $this->addSql('CREATE INDEX idx_33c8a375ecff285c ON statut_tables (table_id)');
+        $this->addSql('ALTER TABLE reservations DROP CONSTRAINT FK_4DA23985405FD2');
+        $this->addSql('DROP INDEX IDX_4DA23985405FD2');
+        $this->addSql('ALTER TABLE reservations RENAME COLUMN tables_id TO table_id');
+        $this->addSql('ALTER TABLE reservations ADD CONSTRAINT fk_4da239ecff285c FOREIGN KEY (table_id) REFERENCES tables (id) NOT DEFERRABLE INITIALLY IMMEDIATE');
+        $this->addSql('CREATE INDEX idx_4da239ecff285c ON reservations (table_id)');
+    }
+}

migrations/Version20241114164216.php

@@ -0,0 +1,46 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * Auto-generated Migration: Please modify to your needs!
+ */
+final class Version20241114164216 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return '';
+    }
+
+    public function up(Schema $schema): void
+    {
+        // this up() migration is auto-generated, please modify it to your needs
+        $this->addSql('CREATE TABLE tables_clients (tables_id INT NOT NULL, clients_id INT NOT NULL, PRIMARY KEY(tables_id, clients_id))');
+        $this->addSql('CREATE INDEX IDX_80F8906E85405FD2 ON tables_clients (tables_id)');
+        $this->addSql('CREATE INDEX IDX_80F8906EAB014612 ON tables_clients (clients_id)');
+        $this->addSql('ALTER TABLE tables_clients ADD CONSTRAINT FK_80F8906E85405FD2 FOREIGN KEY (tables_id) REFERENCES tables (id) ON DELETE CASCADE NOT DEFERRABLE INITIALLY IMMEDIATE');
+        $this->addSql('ALTER TABLE tables_clients ADD CONSTRAINT FK_80F8906EAB014612 FOREIGN KEY (clients_id) REFERENCES clients (id) ON DELETE CASCADE NOT DEFERRABLE INITIALLY IMMEDIATE');
+        $this->addSql('ALTER TABLE clients_tables DROP CONSTRAINT fk_8190d6c6ab014612');
+        $this->addSql('ALTER TABLE clients_tables DROP CONSTRAINT fk_8190d6c685405fd2');
+        $this->addSql('DROP TABLE clients_tables');
+    }
+
+    public function down(Schema $schema): void
+    {
+        // this down() migration is auto-generated, please modify it to your needs
+        $this->addSql('CREATE SCHEMA public');
+        $this->addSql('CREATE TABLE clients_tables (clients_id INT NOT NULL, tables_id INT NOT NULL, PRIMARY KEY(clients_id, tables_id))');
+        $this->addSql('CREATE INDEX idx_8190d6c685405fd2 ON clients_tables (tables_id)');
+        $this->addSql('CREATE INDEX idx_8190d6c6ab014612 ON clients_tables (clients_id)');
+        $this->addSql('ALTER TABLE clients_tables ADD CONSTRAINT fk_8190d6c6ab014612 FOREIGN KEY (clients_id) REFERENCES clients (id) ON DELETE CASCADE NOT DEFERRABLE INITIALLY IMMEDIATE');
+        $this->addSql('ALTER TABLE clients_tables ADD CONSTRAINT fk_8190d6c685405fd2 FOREIGN KEY (tables_id) REFERENCES tables (id) ON DELETE CASCADE NOT DEFERRABLE INITIALLY IMMEDIATE');
+        $this->addSql('ALTER TABLE tables_clients DROP CONSTRAINT FK_80F8906E85405FD2');
+        $this->addSql('ALTER TABLE tables_clients DROP CONSTRAINT FK_80F8906EAB014612');
+        $this->addSql('DROP TABLE tables_clients');
+    }
+}

public/css/Compte/GestionUser.css

@@ -1,4 +1,4 @@
-#container_gestion_user {
+#container_modal {
     background-color: white;
     margin-left: 20%; /* Centrage vertical */
     margin-top: 5%;
@@ -7,7 +7,6 @@
     width: 75%; /* Largeur du contenu de la modal */
     height: 100%; /* Hauteur du contenu de la modal */
     box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
-    display: none;
 }
 
 body {

public/css/Compte/index.css

@@ -0,0 +1,68 @@
+/* Style pour chaque élément d'information de l'utilisateur */
+.user-info-item {
+    display: flex;
+    padding: 10px 0;
+    border-bottom: 1px solid #e0e0e0;
+}
+
+/* Dernier élément sans bordure */
+.user-info-item:last-child {
+    border-bottom: none;
+}
+
+/* Style pour le label de chaque information (Nom, Prénom, etc.) */
+.user-info-label {
+    font-weight: bold;
+    color: #333;
+    width: 7%;
+}
+
+/* Style pour la valeur de chaque information (la donnée de l'utilisateur) */
+.user-info-value {
+    color: #555;
+    text-align: left;
+    width: 65%;
+    word-wrap: break-word; /* Gère les débordements */
+}
+
+.password {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    text-align: left;
+}
+
+/* Ajout d'un style pour rendre responsive */
+@media (max-width: 600px) {
+    #InformationUser {
+        padding: 15px;
+    }
+
+    .user-info-item {
+        flex-direction: column;
+        padding: 8px 0;
+    }
+
+    .user-info-label, .user-info-value {
+        width: 100%;
+    }
+}
+
+#container_modal {
+    background-color: white;
+    margin-left: 20%; /* Centrage vertical */
+    margin-top: 5%;
+    padding: 20px;
+    border: 1px solid black;
+    width: 75%; /* Largeur du contenu de la modal */
+    height: 100%; /* Hauteur du contenu de la modal */
+    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
+}
+
+a{
+    text-decoration: none;
+}
+
+a:visited {
+    color: initial;
+}

public/css/ControllerVues/edit.css

@@ -1,15 +1,3 @@
-/* Global styles */
-body {
-    font-family: 'Arial', sans-serif;
-    background-color: #f9f9f9;
-    color: #333;
-    margin: 0;
-    padding: 20px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    min-height: 100vh;
-}
 
 /* Page container */
 .page-container {

public/css/ControllerVues/list.css

@@ -1,16 +1,10 @@
-/* Global styles */
-body {
-    font-family: Arial, sans-serif;
-    margin: 20px;
-    background-color: #f9f9f9;
-    color: #333;
-}
 
-h1 {
-    text-align: center;
-    color: #db5559;
-    margin-bottom: 20px;
-}
+
+/*h1 {*/
+/*    text-align: center;*/
+/*    color: #db5559;*/
+/*    margin-bottom: 20px;*/
+/*}*/
 
 /* Table styles */
 .table {

public/css/ControllerVues/new.css

@@ -1,15 +1,3 @@
-/* Global styles */
-body {
-    font-family: 'Arial', sans-serif;
-    background-color: #fff5f5;
-    color: #333;
-    margin: 0;
-    padding: 0;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    min-height: 100vh;
-}
 
 /* Page container */
 .page-container {

public/css/GestionUtilisateurs/GestionUtilisateurs.css

@@ -0,0 +1,10 @@
+#container_modal {
+    background-color: white;
+    margin-left: 20%; /* Centrage vertical */
+    margin-top: 5%;
+    padding: 20px;
+    border: 1px solid black;
+    width: 75%; /* Largeur du contenu de la modal */
+    height: 100%; /* Hauteur du contenu de la modal */
+    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
+}

public/js/Compte/CompteModal.js

@@ -0,0 +1,40 @@
+document.querySelector('.btn-info-compte').addEventListener('click', function(event) {
+    event.preventDefault();
+
+    document.getElementById('container_modal');
+
+    fetch('/gestion-user')
+        .then(response => {
+            if (!response.ok) {
+                throw new Error('Erreur');
+            }
+            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 updateUser (event) {
+    document.getElementById('container_modal');
+    const userIdString = event.getAttribute('data-id');
+    let userId = parseInt(userIdString);
+
+    fetch(`/user/update/${userId}`)
+        .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);
+        });
+}

public/js/GestionPromotion/GestionPromotion.js

@@ -0,0 +1,77 @@
+document.querySelector('.btn-gestion-promotion').addEventListener('click', function(event) {
+    event.preventDefault();
+
+    document.getElementById('container_modal');
+
+    fetch('/reductions')
+        .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 addPromotion (event) {
+    document.getElementById('container_modal');
+
+    fetch(`/reductions/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(`/reductions/${reductionsId}/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);
+        });
+}

public/js/GestionTables/GestionTables.js

@@ -0,0 +1,77 @@
+document.querySelector('.btn-gestion-table').addEventListener('click', function(event) {
+    event.preventDefault();
+
+    document.getElementById('container_modal');
+
+    fetch('/tables')
+        .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 addTable (event) {
+    document.getElementById('container_modal');
+
+    fetch(`/tables/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 updateTable (event) {
+    document.getElementById('container_modal');
+    const reductionsIdString = event.getAttribute('data-id');
+    let reductionsId = parseInt(reductionsIdString);
+
+    fetch(`/reductions/${reductionsId}/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);
+        });
+}

public/js/GestionUtilisateurs/GestionUtilisateurs.js

@@ -0,0 +1,41 @@
+document.querySelector('.btn-gestion-utilisateurs').addEventListener('click', function(event) {
+    event.preventDefault();
+
+    document.getElementById('container_modal');
+
+    fetch('/user/list')
+        .then(response => {
+            if (!response.ok) {
+                throw new Error('Erreur de chargement de la section Compte');
+            }
+            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 addUser (event) {
+    document.getElementById('container_modal');
+
+    fetch('/user/add')
+        .then(response => {
+            if (!response.ok) {
+                throw new Error('Erreur de chargement de la section Compte');
+            }
+            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);
+        });
+}

public/js/modal.js

@@ -1,38 +0,0 @@
-document.addEventListener('DOMContentLoaded', function() {
-    // Fonction pour ouvrir la modal
-    function openModal(modalId) {
-        const modal = document.getElementById(modalId);
-        if (modal) {
-            modal.style.display = "block";
-        }
-    }
-
-    // Fonction pour fermer la modal
-    function closeModal(modalId) {
-        const modal = document.getElementById(modalId);
-        if (modal) {
-            modal.style.display = "none";
-        }
-    }
-
-    // Ouvre les modals lorsqu'un bouton est cliqué
-    document.body.addEventListener('click', function(event) {
-        if (event.target.matches('span[data-modal]')) {
-            const modalId = event.target.getAttribute('data-modal');
-            openModal(modalId);
-        }
-
-        // Ferme la modal lorsqu'on clique sur le bouton de fermeture
-        if (event.target.matches('.close[data-modal]')) {
-            const modalId = event.target.getAttribute('data-modal');
-            closeModal(modalId);
-        }
-
-        // Ferme la modal lorsqu'on clique en dehors du contenu
-        document.querySelectorAll('.modal').forEach(modal => {
-            if (event.target === modal) {
-                modal.style.display = "none";
-            }
-        });
-    });
-});

src/Controller/IndexController.php

@@ -11,7 +11,7 @@ class IndexController extends AbstractController
     #[Route('/index', name: 'app_index')]
     public function index(): Response
     {
-        return $this->render('index/index.html.twig', [
+        return $this->render('index/admin.html.twig', [
             'controller_name' => 'IndexController',
         ]);
     }

src/Controller/LoginController.php

@@ -31,7 +31,7 @@ class LoginController extends AbstractController
     #[Route('/access/denied', name: 'app_access_denied')]
     public function denied(): Response
     {
-        return $this->render('access_denied/index.html.twig', [
+        return $this->render('access_denied/gestion.html.twig', [
             'controller_name' => 'AccessDeniedController',
         ]);
     }

src/Controller/ReductionsController.php

@@ -26,14 +26,17 @@ final class ReductionsController extends AbstractController
     public function new(Request $request, EntityManagerInterface $entityManager): Response
     {
         $reduction = new Reductions();
-        $form = $this->createForm(ReductionsType::class, $reduction);
+        $form = $this->createForm(ReductionsType::class, $reduction, [
+            'action' => $this->generateUrl('app_reductions_new')
+        ] );
         $form->handleRequest($request);
 
+
         if ($form->isSubmitted() && $form->isValid()) {
             $entityManager->persist($reduction);
             $entityManager->flush();
 
-            return $this->redirectToRoute('app_reductions_index', [], Response::HTTP_SEE_OTHER);
+            return $this->redirectToRoute('app_index', [], Response::HTTP_SEE_OTHER);
         }
 
         return $this->render('reductions/new.html.twig', [
@@ -46,13 +49,15 @@ final class ReductionsController extends AbstractController
     #[Route('/{id}/edit', name: 'app_reductions_edit', methods: ['GET', 'POST'])]
     public function edit(Request $request, Reductions $reduction, EntityManagerInterface $entityManager): Response
     {
-        $form = $this->createForm(ReductionsType::class, $reduction);
+        $form = $this->createForm(ReductionsType::class, $reduction, [
+            'action' => $this->generateUrl('app_reductions_edit', ['id' => $reduction->getId()])
+        ]);
         $form->handleRequest($request);
 
         if ($form->isSubmitted() && $form->isValid()) {
             $entityManager->flush();
 
-            return $this->redirectToRoute('app_reductions_index', [], Response::HTTP_SEE_OTHER);
+            return $this->redirectToRoute('app_index', [], Response::HTTP_SEE_OTHER);
         }
 
         return $this->render('reductions/edit.html.twig', [
@@ -69,6 +74,6 @@ final class ReductionsController extends AbstractController
             $entityManager->flush();
         }
 
-        return $this->redirectToRoute('app_reductions_index', [], Response::HTTP_SEE_OTHER);
+        return $this->redirectToRoute('app_index', [], Response::HTTP_SEE_OTHER);
     }
 }

src/Controller/UserController.php

@@ -26,7 +26,9 @@ class UserController extends AbstractController
     public function register(Request $request, UserPasswordHasherInterface $userPasswordHasher, Security $security, EntityManagerInterface $entityManager): Response
     {
         $user = new Utilisateurs();
-        $form = $this->createForm(AddUserFormType::class, $user);
+        $form = $this->createForm(AddUserFormType::class, $user, [
+            'action' => $this->generateUrl('add_user')
+        ]);
         $form->handleRequest($request);
 
         if ($form->isSubmitted() && $form->isValid()) {
@@ -53,7 +55,9 @@ class UserController extends AbstractController
     public function update(Request $request, UserPasswordHasherInterface $userPasswordHasher, Security $security, EntityManagerInterface $entityManager, int $id): Response
     {
         $user = $this->utilisateursRepository->find($id);
-        $form = $this->createForm(UpdateUserType::class, $user);
+        $form = $this->createForm(UpdateUserType::class, $user , [
+            'action' => $this->generateUrl('update-user', ['id' => $user->getId()])
+        ]);
         $form->handleRequest($request);
 
         if ($form->isSubmitted() && $form->isValid()) {
@@ -66,10 +70,10 @@ class UserController extends AbstractController
             $entityManager->persist($user);
             $entityManager->flush();
 
-            return $this->redirectToRoute('app_index');
+            return $security->login($user, LoginAuthenticator::class, 'main');
         }
 
-        return $this->render('gestion_user/index.html.twig', [
+        return $this->render('user/update.html.twig', [
             'form' => $form,
         ]);
     }
@@ -88,6 +92,6 @@ class UserController extends AbstractController
     #[Route('/gestion-user', name: 'gestion_user', methods: ['GET'])]
     public function index(): Response
     {
-        return $this->render('gestion_user/index.html.twig');
+        return $this->render('user/gestion.html.twig');
     }
 }

src/Form/AddUserFormType.php

@@ -42,6 +42,8 @@ class AddUserFormType extends AbstractType
                 'choices' => [
                     'Admin' => 'ROLE_ADMIN',
                     'User' => 'ROLE_USER',
+                    'Cuisinier' => 'ROLE_CUISINIER',
+                    'Serveur' => 'ROLE_SERVEUR',
                 ],
                 'expanded' => true,
                 'multiple' => true,

src/Form/UpdateUserType.php

@@ -39,6 +39,8 @@ class UpdateUserType extends AbstractType
                 'choices' => [
                     'Admin' => 'ROLE_ADMIN',
                     'User' => 'ROLE_USER',
+                    'Cuisinier' => 'ROLE_CUISINIER',
+                    'Serveur' => 'ROLE_SERVEUR',
                 ],
                 'expanded' => true,
                 'multiple' => true,

templates/Modals/gestionCompteModal.html.twig

@@ -1,58 +0,0 @@
-<div id="compteModal" class="modal" tabindex="-1" aria-labelledby="compteModalLabel" aria-hidden="true">
-    <div class="modal-dialog">
-        <div class="modal-content">
-            <span class="close" data-modal="compteModal">&times;</span>
-            <h2 class="modal-header" id="compteModalLabel">Gestion Compte</h2>
-            <div class="modal-body">
-                <!-- Contenu de la modal Gestion Utilisateur -->
-                <div id="InformationUser">
-                    <div id="NomUser">
-                        <span>Nom : {{ app.user.nom }}</span>
-                    </div>
-                    <div id="NomUser">
-                        <span>Prenom : {{ app.user.prenom }}</span>
-                    </div>
-                    <div id="NomUser">
-                        <span>Email : {{ app.user.userIdentifier }}</span>
-                    </div>
-                    <div id="NomUser">
-                        <span>Roles : {{ app.user.getRolesAsString() }}</span>
-                    </div>
-                    <div class="btn-custom icon-container" data-bs-toggle="modal" data-bs-target="#modifModal">
-                        <i class="icon-medium"> {{ ux_icon('fluent-emoji-high-contrast:ten-oclock') }}</i>
-                        <span>Modifier</span>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-
-<!-- Modal de Modification des Informations Utilisateur -->
-<div id="modifModal" class="modal" tabindex="-1" aria-labelledby="modifModalLabel" aria-hidden="true">
-    <div class="modal-dialog">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h5 class="modal-title" id="modifModalLabel">Modifier Informations Utilisateur</h5>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-            </div>
-            <div class="modal-body">
-                <form>
-                    <div class="mb-3">
-                        <label for="newEmail" class="form-label">Nouvel Email</label>
-                        <input type="email" class="form-control" id="newEmail" placeholder="Entrez votre nouvel email">
-                    </div>
-                    <div class="mb-3">
-                        <label for="newNom" class="form-label">Nouveau Nom</label>
-                        <input type="text" class="form-control" id="newNom" placeholder="Entrez votre nouveau nom">
-                    </div>
-                    <div class="mb-3">
-                        <label for="newPrenom" class="form-label">Nouveau Prenom</label>
-                        <input type="text" class="form-control" id="newPrenom" placeholder="Entrez votre nouveau prenom">
-                    </div>
-                    <button type="submit" class="btn btn-primary">Confirmer</button>
-                </form>
-            </div>
-        </div>
-    </div>
-</div>

templates/Modals/gestionTableModal.html.twig

@@ -1,8 +0,0 @@
-<div id="tableModal" class="modal">
-    <div class="modal-content">
-        <span class="close" data-modal="tableModal">&times;</span>
-        <h2>Gestion Table</h2>
-        <!-- Contenu de la modal Gestion Table -->
-        <p>Ajouter ici le formulaire ou les informations pour gérer les tables.</p>
-    </div>
-</div>

templates/Modals/gestionUtilisateurModal.html.twig

@@ -1,8 +0,0 @@
-<div id="userModal" class="modal">
-    <div class="modal-content">
-        <span class="close" data-modal="userModal">&times;</span>
-        <h2>Gestion Utilisateur</h2>
-        <!-- Contenu de la modal Gestion Utilisateur -->
-        <p>Ajouter ici le formulaire ou les informations pour gérer les utilisateurs.</p>
-    </div>
-</div>

templates/access_denied/index.html.twig

@@ -23,6 +23,6 @@
      <div class="container">
         <h1>Accès Refusé</h1>
         <p>Vous n'avez pas les permissions nécessaires pour accéder à cette page.</p>
-        <a href="{{ path('app_login') }}" class="btn btn-primary">Ce connecter</a>
+        <a href="{{ path('app_login') }}" class="btn btn-primary">Se connecter</a>
     </div>
 {% endblock %}

templates/index/admin.html.twig

@@ -0,0 +1,138 @@
+{% extends 'base.html.twig' %}
+
+{% block head %}
+<head>
+    <meta charset="UTF-8">
+    <title>{% block title %}Accueil{% endblock %}</title>
+    <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/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 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/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/index/index.html.twig

@@ -1,128 +0,0 @@
-{% extends 'base.html.twig' %}
-
-{% block head %}
-<head>
-    <meta charset="UTF-8">
-    <title>{% block title %}Index FestinHegre!{% endblock %}</title>
-    <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/Index.css') }}"> <!-- Ajout du fichier CSS -->
-    <link rel="stylesheet" href="{{ asset('css/GestionUser.css') }}"> <!-- Ajout du fichier CSS -->
-{% endblock %}
-
-{% block body %}
-    <style>
-    </style>
-
-    <!-- Top Bar -->
-    <div class="top-bar">
-        <div>
-            Bonjour, {{ app.user.prenom }}
-        </div>
-        <div class="user-role">
-            Rôle : {{ app.user.getRolesAsString() }}
-        </div>
-    </div>
-
-    <!-- Left Menu -->
-    <div class="left-background">
-        <img class="LogoHegre" src="{{ asset('asset/image/LogoHegre.png') }}">
-
-        <div class="nav-bar">
-            <ul>
-                <li>
-                    <div class="btn-custom icon-container">
-                        <i class="icon-medium"> {{ ux_icon('grommet-icons:group') }}</i>
-                        <span data-modal="userModal">Gérer Utilisateur</span>
-                    </div>
-                </li>
-                <li>
-                    <div class="btn-custom icon-container">
-                        <i class="icon-medium"> {{ ux_icon('ic:outline-table-bar') }}</i>
-                        <span data-modal="tableModal">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 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>
-        <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_gestion_user">
-        <!-- Contenu par défaut, ou vous pouvez laisser vide -->
-    </div>
-
-    <script>
-        document.querySelector('.btn-info-compte').addEventListener('click', function(event) {
-            event.preventDefault();
-
-            const contentContainer = document.getElementById('container-gestion-user');
-
-            // Vérifie si le contenu est déjà affiché
-            if (container_gestion_user.style.display === 'block') {
-                // Masquer la section "Compte" si elle est déjà affichée
-                container_gestion_user.style.display = 'none';
-                container_gestion_user.innerHTML = ''; // On efface le contenu pour éviter la réutilisation
-            } else {
-                // Afficher le conteneur et charger le contenu via AJAX
-                fetch('/gestion-user')
-                    .then(response => {
-                        if (!response.ok) {
-                            throw new Error('Erreur de chargement de la section Compte');
-                        }
-                        return response.text();
-                    })
-                    .then(html => {
-                        // Insérer le HTML dans le conteneur et l'afficher
-                        container_gestion_user.innerHTML = html;
-                        container_gestion_user.style.display = 'block';
-                    })
-                    .catch(error => {
-                        console.error('Erreur:', error);
-                    });
-            }
-        });
-    </script>
-
-    <!-- Include modals -->
-    {% include 'Modals/gestionUtilisateurModal.html.twig' %}
-    {% include 'Modals/gestionTableModal.html.twig' %}
-    {% include 'Modals/gestionCompteModal.html.twig' %}
-    {% include 'Modals/gestionUtilisateurModal.html.twig' %}
-
-{% endblock %}
-
-{%  block javascripts %}
-    <script src="{{ asset('js/modal.js') }}"></script> <!-- Ajout du fichier JS -->
-{% endblock %}

templates/reductions/index.html.twig

@@ -32,11 +32,11 @@
                 <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>
-                    <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) }}">
                         {{ include('reductions/_delete_form.html.twig') }}
                     </form>
-                    <a href="{{ path('app_reductions_edit', {'id': reduction.id}) }}">Modifier</a>
+                    <button onclick="updatePromotion(this)" data-id="{{ reduction.id }}" href="{{ path('app_reductions_edit', {'id': reduction.id}) }}">Modifier</button>
                 </td>
             </tr>
         {% else %}
@@ -47,5 +47,9 @@
         </tbody>
     </table>
 
-    <a href="{{ path('app_reductions_new') }}">Créer une réduction</a>
+    <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/tables/index.html.twig

@@ -35,5 +35,9 @@
         </tbody>
     </table>
 
-    <a href="{{ path('app_tables_new') }}">Créer une nouvelle table</a>
+    <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/user/add.html.twig

@@ -97,9 +97,5 @@
         </div>
 
         {{ form_end(registrationForm) }}
-
-        <div class="btn-container">
-            <a href="{{ path('list_user') }}" class="btn-list btn-primary">Liste des Utilisateur</a>
-        </div>
     </div>
 {% endblock %}

templates/user/gestion.html.twig

@@ -24,11 +24,15 @@
                 <span class="user-info-label">Roles :</span>
                 <span class="user-info-value">{{ app.user.getRolesAsString() }}</span>
             </div>
-
-            <div class="btn-update">
-                <button>Modifier</button>
-            </div>
         </div>
     </form>
 
+    <div class="btn-update">
+        <button onclick="updateUser(this)" data-id="{{ app.user.id }}" class="btn-update">Modifier</button>
+    </div>
+
+{% endblock %}
+
+{% block javascripts %}
+    <script src="{{ asset('js/Compte/CompteModal.js') }}" defer></script>
 {% endblock %}

templates/user/list.html.twig

@@ -68,7 +68,7 @@
                 <td>{{ utilisateur.nom }}</td>
                 <td>{{ utilisateur.prenom }}</td>
                 <td>{{ utilisateur.UserIdentifier }}</td>
-                <td>{{ utilisateur.roles|join }}</td>
+                <td>{{ utilisateur.RolesAsString }}</td>
             </tr>
         {% else %}
             <tr>
@@ -78,7 +78,11 @@
         </tbody>
     </table>
     <div class="btn-container">
-        <a href="{{ path('add_user') }}" class="btn btn-primary">Ajouter un Utilisateur</a>
+        <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

@@ -0,0 +1,105 @@
+{% extends 'base.html.twig' %}
+
+{% 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>
+{% endblock %}
+
+{% block title %}Nouvelle Utilisateur{% endblock %}
+
+{% block body %}
+    <div class="form-container">
+        <h1>Modifier Utilisateurs ! ✅</h1>
+
+        {{ form_start(form) }}
+        {{ form_errors(form) }}
+
+        <div class="form-group">
+            {{ form_row(form.Nom, {'attr': {'class': 'form-input'}, 'label': 'Nom'}) }}
+        </div>
+        <div class="form-group">
+            {{ form_row(form.Prenom, {'attr': {'class': 'form-input'}, 'label': 'Prénom'}) }}
+        </div>
+        <div class="form-group">
+            {{ form_row(form.UserIdentifier, {'attr': {'class': 'form-input'}, 'label': 'Email'}) }}
+        </div>
+        <div class="form-group">
+            {{ form_row(form.Password, {'attr': {'class': 'form-input'}, 'label': 'Password'}) }}
+        </div>
+        <div class="form-group">
+            {{ form_row(form.Roles, {'attr': {'class': 'form-input'}, 'label': 'Roles'}) }}
+        </div>
+        <div class="btn-container">
+            {{ form_row(form.Modifier, {'attr': {'class': 'btn-save'}, 'label': 'Enregistrer'}) }}
+        </div>
+
+        {{ form_end(form) }}
+
+        <div class="btn-container">
+            <a href="{{ path('app_index') }}" class="btn-list btn-primary">Annuler</a>
+        </div>
+    </div>
+{% endblock %}