37. Enviando datos de la reserva - parte 1

 Cómo enviar datos de reserva a la página de reservas

En este tutorial, avanzaremos en el gestor de reservas enviando datos desde el formulario de reserva hasta la página correspondiente.

Estructura de la página de reservas

La página incluye tres módulos principales:

1. Banner interior: Imagen de fondo.

2. Info reservas:

   • Columna izquierda: Calendario para ver disponibilidad y opciones de navegación (volver a reservas o ir al perfil).

   • Columna derecha: Detalles de la reserva (código, fechas de ingreso/salida, habitación, plan seleccionado, etc.).

3. Módulos reutilizados:

   • Habitaciones, planes, recorrido por el pueblo y restaurante (para vincular botones y mejorar la experiencia).

Procesos para realizar una reserva

Hay dos formas de llegar a la página de reservas:

1. Usuario nuevo (sin habitación seleccionada)

   • Visita la página de habitaciones.

   • Elige una habitación.

   • Selecciona fechas de entrada/salida.

   • Verifica disponibilidad y es redirigido a la página de reservas.

2. Usuario con habitación definida

   • Usa el formulario inicial (en página de inicio o habitaciones).

   • Ingresa fechas directamente y verifica disponibilidad.

Datos necesarios para la página de reservas

Al llegar a la página, deben enviarse mínimo tres datos:

• ID de la habitación (oculto en el formulario).

• Fecha de ingreso.

• Fecha de salida.

Otros datos (como código de reserva, descripción o pago) se generarán después.

Implementación técnica

1. Formulario en la página de habitaciones:

   • Reemplazamos el enlace "Ver disponibilidad" por un formulario con método POST.

   • Incluimos inputs ocultos para:

     html

     <input type="hidden" name="id_habitacion" value="<?php echo $habitacion_id; ?>">  

   • Validamos que las fechas sean obligatorias (required).

2. Validación en la página de reservas:

   • Si no se reciben los datos necesarios, redirigimos al usuario a la página de inicio:

     php

     if (!isset($_POST['id_habitacion'])) {  
         header("Location: inicio.php");  
     }  

3. Dinamismo con JavaScript:

   • Actualizamos el value del input oculto (id_habitacion) cuando el usuario cambia de habitación.

Próximos pasos

En la siguiente clase, trabajaremos en el segundo formulario (para usuarios que ya conocen la habitación que desean).