Cambios para que se puedan elegir los días permitidos y las horas permitidas

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'])

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 %}