Add Edit.css for templates

Fix Lien templates avec le nouveau dossier

public/css/ControllerVues/edit.css

@@ -0,0 +1,119 @@
+/* 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 {
+    width: 100%;
+    max-width: 600px;
+    margin: 20px auto;
+    padding: 20px;
+    background-color: #fff;
+    border-radius: 10px;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+    border: 2px solid #db5559;
+}
+
+/* Title */
+.page-title {
+    text-align: center;
+    font-size: 28px;
+    color: #db5559;
+    margin-bottom: 20px;
+    font-weight: bold;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+}
+
+/* Form styles */
+form {
+    display: flex;
+    flex-direction: column;
+    gap: 15px;
+}
+
+.form-group {
+    display: flex;
+    flex-direction: column;
+}
+
+label {
+    font-weight: bold;
+    color: #db5559;
+    margin-bottom: 5px;
+}
+
+input[type="text"],
+input[type="email"],
+input[type="number"],
+textarea,
+select {
+    padding: 10px;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+    font-size: 14px;
+    color: #333;
+    transition: border-color 0.3s ease-in-out;
+}
+
+input[type="text"]:focus,
+input[type="email"]:focus,
+input[type="number"]:focus,
+textarea:focus,
+select:focus {
+    border-color: #db5559;
+    outline: none;
+}
+
+/* Submit and Delete buttons */
+button {
+    background-color: #db5559;
+    color: white;
+    font-weight: bold;
+    padding: 12px 20px;
+    border: none;
+    border-radius: 5px;
+    font-size: 16px;
+    cursor: pointer;
+    text-transform: uppercase;
+    transition: background-color 0.3s ease-in-out;
+}
+
+button:hover {
+    background-color: #bf494d;
+}
+
+.delete-button {
+    background-color: #d9534f;
+    margin-top: 10px;
+}
+
+.delete-button:hover {
+    background-color: #c9302c;
+}
+
+/* Back to list link */
+.actions {
+    text-align: center;
+    margin-top: 15px;
+}
+
+.actions a {
+    text-decoration: none;
+    color: #db5559;
+    font-weight: bold;
+    transition: color 0.3s ease-in-out;
+}
+
+.actions a:hover {
+    color: #a02326;
+}

templates/clients/edit.html.twig

@@ -1,13 +1,21 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Edit Clients{% endblock %}
+{% block title %}Edit Client{% endblock %}
+
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}">
+{% endblock %}
 
 {% block body %}
-    <h1>Edit Clients</h1>
+    <div class="page-container">
+        <h1 class="page-title">Edit Client</h1>
 
-    {{ include('clients/_form.html.twig', {'button_label': 'Update'}) }}
+        {{ include('clients/_form.html.twig', {'button_label': 'Update'}) }}
 
-    <a href="{{ path('app_clients_index') }}">back to list</a>
+        <div class="actions">
+            <a href="{{ path('app_clients_index') }}">Back to list</a>
+        </div>
 
-    {{ include('clients/_delete_form.html.twig') }}
+        {{ include('clients/_delete_form.html.twig') }}
+    </div>
 {% endblock %}

templates/clients/index.html.twig

@@ -28,7 +28,6 @@
                 <td>{{ client.Email }}</td>
                 <td>{{ client.Telephone }}</td>
                 <td>
-                    <a href="{{ path('app_clients_show', {'id': client.id}) }}">show</a>
                     <a href="{{ path('app_clients_edit', {'id': client.id}) }}">edit</a>
                 </td>
             </tr>

templates/clients/new.html.twig

@@ -2,7 +2,7 @@
 
 {% block title %}New Clients{% endblock %}
 {% block stylesheets %}
-    <link rel="stylesheet" href="{{ asset('css/new.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/new.css') }}"> <!-- Ajout du fichier CSS -->
 
 {% endblock %}
 {% block body %}

templates/commandes/edit.html.twig

@@ -2,12 +2,20 @@
 
 {% block title %}Edit Commandes{% endblock %}
 
-{% block body %}
+{% block stylesheets %}
-    <h1>Edit Commandes</h1>
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}">
-
+{% endblock %}
-    {{ include('commandes/_form.html.twig', {'button_label': 'Update'}) }}
+
-
+{% block body %}
-    <a href="{{ path('app_commandes_index') }}">back to list</a>
+    <div class="page-container">
-
+        <h1 class="page-title">Edit Commandes</h1>
-    {{ include('commandes/_delete_form.html.twig') }}
+
+        {{ include('commandes/_form.html.twig', {'button_label': 'Update'}) }}
+
+        <div class="actions">
+            <a href="{{ path('app_commandes_index') }}">Back to list</a>
+        </div>
+
+        {{ include('commandes/_delete_form.html.twig') }}
+    </div>
 {% endblock %}

templates/details_commande/edit.html.twig

@@ -1,13 +1,21 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Edit DetailsCommande{% endblock %}
+{% block title %}Edit Détails Commande{% endblock %}
+
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}">
+{% endblock %}
 
 {% block body %}
-    <h1>Edit DetailsCommande</h1>
+    <div class="page-container">
+        <h1 class="page-title">Edit Détails Commande</h1>
 
-    {{ include('details_commande/_form.html.twig', {'button_label': 'Update'}) }}
+        {{ include('details_commande/_form.html.twig', {'button_label': 'Update'}) }}
 
-    <a href="{{ path('app_details_commande_index') }}">back to list</a>
+        <div class="actions">
+            <a href="{{ path('app_details_commande_index') }}">Back to list</a>
+        </div>
 
-    {{ include('details_commande/_delete_form.html.twig') }}
+        {{ include('details_commande/_delete_form.html.twig') }}
+    </div>
 {% endblock %}

templates/details_commande/index.html.twig

@@ -25,7 +25,6 @@
                 <td>{{ details_commande.Quantite }}</td>
                 <td>{{ details_commande.PrixUnitaire }}</td>
                 <td>
-                    <a href="{{ path('app_details_commande_show', {'id': details_commande.id}) }}">show</a>
                     <a href="{{ path('app_details_commande_edit', {'id': details_commande.id}) }}">edit</a>
                 </td>
             </tr>

templates/plats/edit.html.twig

@@ -1,13 +1,21 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Edit Plats{% endblock %}
+{% block title %}Edit Plat{% endblock %}
+
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}">
+{% endblock %}
 
 {% block body %}
-    <h1>Edit Plats</h1>
+    <div class="page-container">
+        <h1 class="page-title">Edit Plat</h1>
 
-    {{ include('plats/_form.html.twig', {'button_label': 'Update'}) }}
+        {{ include('plats/_form.html.twig', {'button_label': 'Update'}) }}
 
-    <a href="{{ path('app_plats_index') }}">back to list</a>
+        <div class="actions">
+            <a href="{{ path('app_plats_index') }}">Back to list</a>
+        </div>
 
-    {{ include('plats/_delete_form.html.twig') }}
+        {{ include('plats/_delete_form.html.twig') }}
+    </div>
 {% endblock %}

templates/plats/index.html.twig

@@ -32,7 +32,6 @@
                 <td>{{ plat.Statut ? 'Yes' : 'No' }}</td>
                 <td>{{ plat.NbDeCommande }}</td>
                 <td>
-                    <a href="{{ path('app_plats_show', {'id': plat.id}) }}">show</a>
                     <a href="{{ path('app_plats_edit', {'id': plat.id}) }}">edit</a>
                 </td>
             </tr>

templates/reductions/edit.html.twig

@@ -1,13 +1,21 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Edit Reductions{% endblock %}
+{% block title %}Edit Réductions{% endblock %}
+
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}">
+{% endblock %}
 
 {% block body %}
-    <h1>Edit Reductions</h1>
+    <div class="page-container">
+        <h1 class="page-title">Edit Réductions</h1>
 
-    {{ include('reductions/_form.html.twig', {'button_label': 'Update'}) }}
+        {{ include('reductions/_form.html.twig', {'button_label': 'Update'}) }}
 
-    <a href="{{ path('app_reductions_index') }}">back to list</a>
+        <div class="actions">
+            <a href="{{ path('app_reductions_index') }}">Back to list</a>
+        </div>
 
-    {{ include('reductions/_delete_form.html.twig') }}
+        {{ include('reductions/_delete_form.html.twig') }}
+    </div>
 {% endblock %}

templates/reductions/index.html.twig

@@ -32,7 +32,6 @@
                 <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>
-                    <a href="{{ path('app_reductions_show', {'id': reduction.id}) }}">show</a>
                     <a href="{{ path('app_reductions_edit', {'id': reduction.id}) }}">edit</a>
                 </td>
             </tr>

templates/reservations/edit.html.twig

@@ -1,13 +1,21 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Edit Reservations{% endblock %}
+{% block title %}Edit Réservation{% endblock %}
+
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}">
+{% endblock %}
 
 {% block body %}
-    <h1>Edit Reservations</h1>
+    <div class="page-container">
+        <h1 class="page-title">Edit Réservation</h1>
 
-    {{ include('reservations/_form.html.twig', {'button_label': 'Update'}) }}
+        {{ include('reservations/_form.html.twig', {'button_label': 'Update'}) }}
 
-    <a href="{{ path('app_reservations_index') }}">back to list</a>
+        <div class="actions">
+            <a href="{{ path('app_reservations_index') }}">Back to list</a>
+        </div>
 
-    {{ include('reservations/_delete_form.html.twig') }}
+        {{ include('reservations/_delete_form.html.twig') }}
+    </div>
 {% endblock %}

templates/reservations/index.html.twig

@@ -1,7 +1,10 @@
 {% extends 'base.html.twig' %}
 
 {% block title %}Reservations index{% endblock %}
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
 
+{% endblock %}
 {% block body %}
     <h1>Reservations index</h1>
 
@@ -21,7 +24,6 @@
                 <td>{{ reservation.DateHeure ? reservation.DateHeure|date('Y-m-d H:i:s') : '' }}</td>
                 <td>{{ reservation.NbDePrsn }}</td>
                 <td>
-                    <a href="{{ path('app_reservations_show', {'id': reservation.id}) }}">show</a>
                     <a href="{{ path('app_reservations_edit', {'id': reservation.id}) }}">edit</a>
                 </td>
             </tr>

templates/statut_commandes/edit.html.twig

@@ -1,13 +1,21 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Edit StatutCommandes{% endblock %}
+{% block title %}Edit Statut commandes{% endblock %}
+
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}">
+{% endblock %}
 
 {% block body %}
-    <h1>Edit StatutCommandes</h1>
+    <div class="page-container">
+        <h1 class="page-title">Edit Statut commandes</h1>
 
-    {{ include('statut_commandes/_form.html.twig', {'button_label': 'Update'}) }}
+        {{ include('statut_commandes/_form.html.twig', {'button_label': 'Update'}) }}
 
-    <a href="{{ path('app_statut_commandes_index') }}">back to list</a>
+        <div class="actions">
+            <a href="{{ path('app_statut_commandes_index') }}">Back to list</a>
+        </div>
 
-    {{ include('statut_commandes/_delete_form.html.twig') }}
+        {{ include('statut_commandes/_delete_form.html.twig') }}
+    </div>
 {% endblock %}

templates/statut_commandes/index.html.twig

@@ -23,7 +23,6 @@
                 <td>{{ statut_commande.id }}</td>
                 <td>{{ statut_commande.Libelle }}</td>
                 <td>
-                    <a href="{{ path('app_statut_commandes_show', {'id': statut_commande.id}) }}">show</a>
                     <a href="{{ path('app_statut_commandes_edit', {'id': statut_commande.id}) }}">edit</a>
                 </td>
             </tr>

templates/statut_tables/edit.html.twig

@@ -1,13 +1,21 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Edit StatutTables{% endblock %}
+{% block title %}Edit Statut tables{% endblock %}
+
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}">
+{% endblock %}
 
 {% block body %}
-    <h1>Edit StatutTables</h1>
+    <div class="page-container">
+        <h1 class="page-title">Edit Statut tables</h1>
 
-    {{ include('statut_tables/_form.html.twig', {'button_label': 'Update'}) }}
+        {{ include('statut_tables/_form.html.twig', {'button_label': 'Update'}) }}
 
-    <a href="{{ path('app_statut_tables_index') }}">back to list</a>
+        <div class="actions">
+            <a href="{{ path('app_statut_tables_index') }}">Back to list</a>
+        </div>
 
-    {{ include('statut_tables/_delete_form.html.twig') }}
+        {{ include('statut_tables/_delete_form.html.twig') }}
+    </div>
 {% endblock %}

templates/statut_tables/index.html.twig

@@ -1,7 +1,9 @@
 {% extends 'base.html.twig' %}
 
 {% block title %}StatutTables index{% endblock %}
-
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+{% endblock %}
 {% block body %}
     <h1>StatutTables index</h1>
 
@@ -19,7 +21,6 @@
                 <td>{{ statut_table.id }}</td>
                 <td>{{ statut_table.Libellé }}</td>
                 <td>
-                    <a href="{{ path('app_statut_tables_show', {'id': statut_table.id}) }}">show</a>
                     <a href="{{ path('app_statut_tables_edit', {'id': statut_table.id}) }}">edit</a>
                 </td>
             </tr>

templates/statut_tables/new.html.twig

@@ -1,7 +1,10 @@
 {% extends 'base.html.twig' %}
 
 {% block title %}New StatutTables{% endblock %}
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
 
+{% endblock %}
 {% block body %}
     <h1>Create new StatutTables</h1>
 

templates/tables/edit.html.twig

@@ -2,12 +2,20 @@
 
 {% block title %}Edit Tables{% endblock %}
 
-{% block body %}
+{% block stylesheets %}
-    <h1>Edit Tables</h1>
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}">
-
+{% endblock %}
-    {{ include('tables/_form.html.twig', {'button_label': 'Update'}) }}
+
-
+{% block body %}
-    <a href="{{ path('app_tables_index') }}">back to list</a>
+    <div class="page-container">
-
+        <h1 class="page-title">Edit Tables</h1>
-    {{ include('tables/_delete_form.html.twig') }}
+
+        {{ include('tables/_form.html.twig', {'button_label': 'Update'}) }}
+
+        <div class="actions">
+            <a href="{{ path('app_tables_index') }}">Back to list</a>
+        </div>
+
+        {{ include('tables/_delete_form.html.twig') }}
+    </div>
 {% endblock %}

templates/tables/index.html.twig

@@ -1,7 +1,10 @@
 {% extends 'base.html.twig' %}
 
 {% block title %}Tables index{% endblock %}
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
 
+{% endblock %}
 {% block body %}
     <h1>Tables index</h1>
 
@@ -17,7 +20,6 @@
             <tr>
                 <td>{{ table.id }}</td>
                 <td>
-                    <a href="{{ path('app_tables_show', {'id': table.id}) }}">show</a>
                     <a href="{{ path('app_tables_edit', {'id': table.id}) }}">edit</a>
                 </td>
             </tr>

templates/tables/new.html.twig

@@ -1,15 +1,26 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}New Tables{% endblock %}
+{% block title %}Create New Table{% endblock %}
+
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ asset('css/list.css') }}"> <!-- Ajout du fichier CSS -->
+
+{% endblock %}
 {% block stylesheets %}
     <link rel="stylesheet" href="{{ asset('css/ControllerVues/new.css') }}"> <!-- Ajout du fichier CSS -->
 
 {% endblock %}
 
 {% block body %}
-    <h1>Create new Tables</h1>
+    <div class="container">
+        <h1 class="page-title">Create New Table</h1>
 
-    {{ include('tables/_form.html.twig') }}
+        <div class="form-container">
+            {{ include('tables/_form.html.twig') }}
+        </div>
 
-    <a href="{{ path('app_tables_index') }}">back to list</a>
+        <div class="navigation">
+            <a href="{{ path('app_tables_index') }}" class="btn btn-secondary">Back to List</a>
+        </div>
+    </div>
 {% endblock %}