From cfdea622199144eab2984ea11d697f3a9d71913a Mon Sep 17 00:00:00 2001
From: Celestino Rey <creylopez@yahoo.es>
Date: Thu, 9 May 2024 08:55:38 +0200
Subject: [PATCH] =?UTF-8?q?Cambios=20para=20que=20se=20puedan=20elegir=20l?=
 =?UTF-8?q?os=20d=C3=ADas=20permitidos=20y=20las=20horas=20permitidas?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Padel/padel/reservas.py                      |  7 ++++-
 Padel/padel/templates/reservas/reservar.html | 29 ++++++++++++++++++--
 2 files changed, 33 insertions(+), 3 deletions(-)

diff --git a/Padel/padel/reservas.py b/Padel/padel/reservas.py
index 08af32a..8095746 100644
--- a/Padel/padel/reservas.py
+++ b/Padel/padel/reservas.py
@@ -18,6 +18,11 @@ def misreservas():
 
 @bp.route("/reservar", methods=['GET', 'POST'])
 def reservar():
+
+    hoy = date.today()
+    manana = hoy + timedelta(days=1)
+    pasado = hoy + timedelta(days=2)
+
     if request.method == "POST":
         nombre = request.form["nombre"] or "Anónimo"
         fecha = request.form["fecha"]
@@ -31,7 +36,7 @@ def reservar():
 
         return redirect(url_for("reservas.misreservas"))
     
-    return render_template("reservas/reservar.html")
+    return render_template("reservas/reservar.html", hoy=hoy,pasado=pasado)
 
 # Ruta para eliminar una reserva
 @bp.route('/eliminar_reserva/<int:id>', methods=['POST'])
diff --git a/Padel/padel/templates/reservas/reservar.html b/Padel/padel/templates/reservas/reservar.html
index 5b963b8..67751a2 100644
--- a/Padel/padel/templates/reservas/reservar.html
+++ b/Padel/padel/templates/reservas/reservar.html
@@ -14,17 +14,42 @@
 
       <div class="form-group">
         <label for="fecha">Fecha:</label>
-        <input type="date" id="fecha" name="fecha" required class="form-control"><br>
+        <input type="date" id="fecha" name="fecha" required class="form-control" min="{{ hoy }}", max="{{ pasado}}"><br>
       </div>
 
       <div class="form-group">
         <label for="hora">Hora:</label>
-        <input type="time" id="hora" name="hora" required class="form-control"><br>
+        <input type="time" id="hora" name="hora" required class="form-control" list="horas-permitidas"><br>
       </div>
+      <datalist id="horas-permitidas">
+        <option value="08:00"></option>
+        <option value="09:00"></option>
+        <option value="10:00"></option>
+        <option value="11:00"></option>
+        <option value="12:00"></option>
+        <option value="13:00"></option>
+        <option value="14:00"></option>
+        <option value="15:00"></option>
+        <option value="16:00"></option>
+        <option value="17:00"></option>
+    </datalist>
       <div class="form-group">
         <button type="submit" class="submit-btn">Reservar</button>
       </div>
     </form>
+
+    <script>
+      document.getElementById('hora').addEventListener('input', function() {
+          var val = this.value;
+          var options = document.getElementById('horas-permitidas').querySelectorAll('option');
+          var match = Array.from(options).find(function(option) {
+              return option.value === val;
+          });
+          if (!match) {
+              this.value = '';
+          }
+      });
+  </script>
 {% endblock content %}