Pruebas para sqlite

Padel/padel/reservas.py

@@ -1,5 +1,7 @@
 from flask import Blueprint, render_template, request, redirect, url_for
 
+from datetime import date, timedelta
+
 from padel.basededatos import get_db
 
 bp = Blueprint("reservas", __name__)
@@ -42,3 +44,43 @@ def eliminar_reserva(id):
     db.commit()
     
     return redirect(url_for('reservas.misreservas'))
+
+@bp.route("/reservahoras", methods=['GET', 'POST'])
+def reservahoras():
+    hoy = date.today()
+    manana = hoy + timedelta(days=1)
+    pasado = hoy + timedelta(days=2)
+    
+    db = get_db()
+
+    horashoy = db.execute(
+        "SELECT fecha FROM horas"
+    ).fetchall()
+
+    db.commit
+
+    print("Hoy es: ", hoy)
+    print("Mañana será: ", manana)
+    print("Pasado será: ", pasado)
+
+    if not horashoy:
+        print("No hay horas para hoy")
+        db = get_db()
+
+        db.execute(
+            "INSERT INTO horas (fecha) VALUES (?)", (date.today().strftime("%Y-%m-%d")),
+        )
+        db.commit()
+
+    else:
+        print("Horas hoy: ", horashoy)
+
+    if request.method == "POST":
+        fila = int(request.form['row'])
+        columna = int(request.form['col'])
+
+        print("Fila:", fila, " Columna: ", columna)
+
+        return redirect(url_for("reservas.reservahoras"))
+    
+    return render_template("reservas/reservahoras.html")

Padel/padel/schema.sql

@@ -6,3 +6,24 @@ CREATE TABLE reservas (
     fecha DATE NOT NULL,
     hora TIME NOT NULL
 );
+
+
+DROP TABLE IF EXISTS horas;
+
+CREATE TABLE horas (
+    fecha DATE NOT NULL,
+    hora0900 TEXT NOT NULL,
+    hora1000 TEXT NOT NULL,
+    hora1100 TEXT NOT NULL,
+    hora1200 TEXT NOT NULL,
+    hora1300 TEXT NOT NULL,
+    hora1400 TEXT NOT NULL,
+    hora1500 TEXT NOT NULL,
+    hora1600 TEXT NOT NULL,
+    hora1700 TEXT NOT NULL,
+    hora1800 TEXT NOT NULL,
+    hora1900 TEXT NOT NULL,
+    hora2000 TEXT NOT NULL,
+    hora2100 TEXT NOT NULL,
+    hora2200 TEXT NOT NULL
+);

Padel/padel/static/styles.css

@@ -34,6 +34,7 @@
     margin: 0 5px;
   }
   
+  
   main {
     width: 80%;
     margin: 0 auto;
@@ -41,19 +42,13 @@
 
   form {
     text-align: left;
-    min-width: 200px;
+   /* min-width: 200px;*/
     padding: 20px;
     margin-bottom: 20px;
     box-shadow: 0px 0px 10px #ccc;
     vertical-align: top;
   }
-  
-  form {
-    display: flex;
-    flex-direction: column;
-    margin-top: 20px;
-  }
-  
+
   .form-group {
     margin-bottom: 20px;
   }
@@ -64,7 +59,7 @@
     border: 1px solid #ccc;
     font-size: 1em;
   }
-  
+
   .submit-btn {
     background-color: #007bff;
     color: #fff;
@@ -94,4 +89,28 @@
     text-align: right;
     vertical-align: top;
     padding: 0px;
-  }
+  }
+
+.contenedor {
+    display: grid;
+    grid-template-columns: repeat(14, auto);
+    grid-template-rows: 50px;
+    grid-gap: 0px;
+    background-color: #007bff;
+    width: 700px; /* 14 x 50px */
+}
+
+.cuadrado {
+    width: 50px;
+    height: 50px;
+    padding: 10px;
+    border: 1px solid #ccc;
+    font-size: 1em;
+}
+
+.horarios {
+    width: 50px;
+    height: 50px;
+    vertical-align: top;
+    padding: 0px;
+}

Padel/padel/templates/_navegacion.html

@@ -4,5 +4,6 @@
       <li><a href="{{ url_for('paginas.acerca') }}">Acerca de...</a></li>
       <li><a href="{{ url_for('reservas.misreservas') }}">Mis reservas</a></li>
       <li><a href="{{ url_for('reservas.reservar') }}">Reservar</a></li>
+      <li><a href="{{ url_for('reservas.reservahoras') }}">Horas</a></li>
     </ul>
   </nav>

Padel/padel/templates/base.html

@@ -24,7 +24,7 @@
                 {% block header %}{% endblock header %}
             </header>
             <main>
-                {% block content %}<p>No messages.</p>{% endblock content %}
+                {% block content %}{% endblock content %}
             </main>
             <script src="" async defer></script>
         </section>

Padel/padel/templates/reservas/reservahoras.html

@@ -0,0 +1,20 @@
+{% extends 'base.html' %}
+
+{% block header %}
+  <h2>{% block title %}Hacer una nueva reserva{% endblock title %}</h2>
+{% endblock header %}
+
+{% block content %}
+<div class="contenedor">
+      {% for row in range(1) %}
+          {% for col in range(14) %}
+              <form class=horarios action="/reservahoras" method="POST">
+                 <input type="hidden" name="row" value="{{ row }}">
+                 <input type="hidden" name="col" value="{{ col }}">
+                 <button type="submit" class="cuadrado"></button>
+              </form>
+          {% endfor %}
+      {% endfor %}
+</div> 
+{% endblock content %}
+

Padel/padel/templates/reservas/reservar.html

@@ -26,3 +26,5 @@
       </div>
     </form>
 {% endblock content %}
+
+