Appearance
Selección de Turno
Los dos primeros pasos del proceso de reserva permiten al cliente elegir cuándo y dónde quiere jugar.
Paso 1: Fecha y Duración
Selector de Sede
El cliente primero elige la sede donde quiere jugar (ej: Rosario, Funes). Al cambiar la sede se actualizan las canchas, horarios y precios disponibles.
Calendario
Características:
- Todo en español (días, meses, botones)
- Solo muestra fechas futuras disponibles
- Las fechas pasadas aparecen deshabilitadas (en gris)
- El día actual está marcado con un borde especial
Navegación:
- Flechas izquierda/derecha para cambiar de mes
- Nombre del mes y año arriba
- Al hacer clic en un día, se selecciona automáticamente
Visual
El día seleccionado se resalta en amarillo para que sea fácil de identificar.
Selector de Duración
Las opciones de duración dependen de la configuración de cada sede. Comúnmente:
1 HORA
- Turno de 60 minutos
- Opción más común
1,5 HORAS
- Turno de 90 minutos
- Para partidos más largos
2 HORAS
- Turno de 120 minutos
- Para dobles o prácticas
Importante
Las opciones que se muestran son exactamente las duraciones permitidas configuradas para la sede en el Panel de Administración (Sedes → Duraciones Permitidas). Al cambiar la duración, los horarios disponibles y precios se actualizan automáticamente.
Mientras se cargan los horarios
Durante la carga se muestra el mensaje "Cargando horarios disponibles…" y el calendario y el selector de duración quedan deshabilitados hasta que termine. El precio mostrado siempre corresponde a la fecha y duración seleccionadas: si el horario elegido deja de estar disponible al cambiar de fecha o duración, se deselecciona automáticamente.
Al seleccionar fecha, duración y horario, el botón "Siguiente" se habilita para pasar al paso 2.
Paso 2: Selección de Cancha y Horario
Una vez elegida la fecha y duración, el cliente ve las canchas disponibles con sus horarios.
Vista por Cancha
Los turnos se muestran organizados por cancha:
- Nombre de la cancha y tipo de superficie (ej: Polvo de ladrillo)
- Indicador de iluminación si la cancha tiene luces
- Horarios disponibles con su precio
Mapa de Canchas
Si la sede tiene un mapa configurado, se muestra una representación visual de la disposición de las canchas para que el cliente ubique cada una.
Selección de Horario
Horarios Disponibles
- Podés hacer clic para seleccionar
- Muestran la hora de inicio y el precio
- Ejemplo: "14:00 - $2.200"
Horario Seleccionado (Amarillo)
- Se resalta cuando hacés clic
- Muestra el precio total destacado
Visualización del Precio
Cuando el cliente selecciona un horario:
Aparece una Caja Destacada con:
- "Precio total:" en texto normal
- El monto en grande: "$2.200"
- Formato argentino con puntos de miles
- Color amarillo llamativo
El precio se calcula automáticamente según:
- Día de la semana (puede haber precio de fin de semana)
- Horario (puede haber tarifa nocturna)
- Cancha seleccionada (puede haber precio por cancha)
- Duración elegida
- Reglas especiales configuradas
Flujo de Uso Completo
1. Seleccionar Sede
- El cliente elige la sede del dropdown
2. Seleccionar Fecha
- Hace clic en el día que quiere reservar
- El día se marca en amarillo
3. Elegir Duración
- Ve las opciones de duración disponibles
- Hace clic en la que necesita
4. Avanzar al Paso 2
- Hace clic en "Siguiente"
5. Elegir Cancha y Horario
- Ve las canchas disponibles con sus turnos y precios
- Hace clic en un horario disponible de la cancha que prefiere
- Se muestra el precio total
6. Continuar
- Revisa que todo esté correcto
- Hace clic en "Siguiente"
- Pasa al paso de datos personales
Ejemplos de Precios
Ejemplo 1: Día de Semana Normal
- Fecha: Miércoles 15/01
- Duración: 1 hora
- Horario: 14:00
- Precio: $2.200
Ejemplo 2: Fin de Semana
- Fecha: Sábado 18/01
- Duración: 1 hora
- Horario: 10:00
- Precio: $3.000 (precio de fin de semana)
Ejemplo 3: Horario Nocturno
- Fecha: Viernes 17/01
- Duración: 1 hora
- Horario: 20:00
- Precio: $2.800 (precio nocturno)
Ejemplo 4: Mayor Duración
- Fecha: Martes 14/01
- Duración: 2 horas
- Horario: 16:00
- Precio: $4.400 (1 hora x 2)
Mensajes y Validaciones
"No hay turnos disponibles"
Aparece cuando:
- Todos los horarios del día están ocupados
- El día está completamente bloqueado
- Es un día festivo sin servicio
Solución: Elegir otro día
"Selecciona un horario para continuar"
Aparece cuando:
- Intentan hacer clic en "Siguiente" sin elegir horario
Solución: Seleccionar un turno disponible
Cargando...
Aparece cuando:
- Se está consultando la disponibilidad
- Cambiaron de fecha o duración
Comportamiento Responsivo
En Computadora
- Calendario y horarios uno al lado del otro
- Vista amplia y cómoda
- Todos los elementos visibles sin scroll
En Tablet
- Similar a computadora pero más compacto
- Puede requerir un poco de scroll
En Celular
- Calendario arriba
- Duración en el medio
- Horarios abajo
- Todo apilado verticalmente
- Fácil de usar con el pulgar
Tips para el Cliente
Mejor Momento para Reservar
Reservá con anticipación, especialmente para fines de semana y horarios pico (18:00-21:00).
Flexibilidad
Si tu horario preferido no está disponible, probá con días vecinos o cambiar la duración.
Ahorro
Los horarios de mañana temprano y después de las 21:00 suelen estar más disponibles y pueden tener mejores precios.
Preguntas Frecuentes
¿Puedo reservar para el mismo día?
Sí, si hay turnos disponibles podés reservar incluso con horas de anticipación.
¿Hasta con cuánta anticipación puedo reservar?
Depende de la configuración de cada sede, generalmente hasta 30 días.
¿Por qué algunos horarios están ocupados?
Porque ya fueron reservados por otro jugador o están bloqueados para mantenimiento.
¿El precio puede cambiar?
El precio que ves al seleccionar es el que pagás. No cambia después.
¿Puedo reservar varias canchas?
No en una sola reserva. Tenés que hacer una reserva separada por cada cancha.
¿Qué pasa si cambio de opinión sobre la duración?
Podés cambiarla antes de hacer clic en "Siguiente". Los horarios se actualizarán automáticamente.
Próximos Pasos
Una vez que el cliente seleccionó su turno:
- Datos Personales - Siguiente paso del proceso
- Pago - Cómo completar la reserva
- Confirmación - Qué recibe el cliente