From 5d42ad49456734ee18ad8d887132b9f5b1eafdba Mon Sep 17 00:00:00 2001
From: Celestino Rey <creylopez@yahoo.es>
Date: Thu, 9 May 2024 20:57:43 +0200
Subject: [PATCH] Formateo de la tabla de misreservas

---
 Padel/padel/static/styles.css                 | 34 +++++++++++++++++--
 .../padel/templates/reservas/misreservas.html | 20 +++++++++--
 2 files changed, 49 insertions(+), 5 deletions(-)

diff --git a/Padel/padel/static/styles.css b/Padel/padel/static/styles.css
index dc486d5..2a3456a 100644
--- a/Padel/padel/static/styles.css
+++ b/Padel/padel/static/styles.css
@@ -10,9 +10,9 @@
   }
   
   li {
-    list-style: square inside;
+    list-style: square ;
     border: 1px solid #ccc;
-
+    text-align: left;
   }
 
   a,
@@ -89,3 +89,33 @@
     vertical-align: top;
     padding: 0px;
   }
+
+  table {
+    text-align: left;
+    min-width: 200px;
+    padding: 20px;
+    margin-bottom: 20px;
+    box-shadow: 0px 0px 10px #ccc;
+    vertical-align: top;
+  }
+
+  .columnid {
+    width: 10px;
+  }
+
+  .columnname {
+    width: 300px;
+  }
+
+  #tablareservas td:nth-child(1) {
+    width: 10px;
+  }
+
+  #tablareservas td:nth-child(2) {
+    width: 200px;
+  }
+
+  #tablareservas td:nth-child(5) {
+    width: 100px;
+    text-align: center;
+  }
\ No newline at end of file
diff --git a/Padel/padel/templates/reservas/misreservas.html b/Padel/padel/templates/reservas/misreservas.html
index d948284..b2c741e 100644
--- a/Padel/padel/templates/reservas/misreservas.html
+++ b/Padel/padel/templates/reservas/misreservas.html
@@ -5,13 +5,27 @@
 {% endblock header %}
 
 {% block content %}
-    <ul>
+    <table id="tablareservas" border = 1>
+        <thead>
+            <td id="columnid">ID</td>
+            <td id="columnnombre">Nombre</td>
+            <td>Fecha</td>
+            <td>Hora</td>
+            <td>Eliminar</td>
+        </thead>
+
         {% for reserva in reservas %}
-            <li>{{reserva.id}} - {{ reserva.nombre }} - {{ reserva.fecha }} - {{ reserva.hora }}
+            <tr>
+                <td>{{reserva.id}}</td>
+                <td>{{ reserva.nombre }}</td>
+                <td>{{ reserva.fecha }}</td>
+                <td>{{ reserva.hora }}</td>
+                <td>
                 <form class="form-eliminar" action="{{ url_for('reservas.eliminar_reserva', id=reserva.id) }}" method="post" style="display: inline;">
                     <button type="submit"  class="eliminar-btn">Eliminar</button>
                 </form>
-            </li>
+                </td>
+            </tr>
         {% endfor %}
     </ul>
 {% endblock content %}