82 – VISTA MODAL PARA RE-IMPRIMIR DATOS DEL CLEINTE en el sistema con BD (👨💻PHP y MYSQL💻)

Duración: 16 min
Módulo: Gestión y Flujo de Clientes Lección 2 de 7

Descripción

🎓 Lección 82: Vista Modal para Re-imprimir Datos del Cliente (PHP & Bootstrap)

Esta lección marca el inicio del desarrollo de la funcionalidad para la salida del vehículo y facturación. El objetivo es crear una ventana modal que se active al hacer clic en un cubículo ocupado, mostrando los datos del cliente y ofreciendo opciones para re-imprimir el ticket o iniciar el proceso de facturación.

⚙️ Habilitación del Botón de Cubículo Ocupado

La funcionalidad se implementa dentro de la estructura de la vista principal que maneja los cubículos, enfocándose en el bloque de código que se ejecuta cuando el estado del espacio es "Ocupado":

  1. Identificación Única: Se asigna un ID dinámico al botón del cubículo (el icono del vehículo), concatenando el nombre base del botón con el ID_map del cubículo (ej: btn_ocupado_10). Esto es crucial para que el script de jQuery pueda distinguir cada espacio [06:43].
  2. Activación del Modal (Bootstrap): Se incorpora la estructura de un modal de Bootstrap v4 al código PHP.
  3. Enlace Botón-Modal: El botón del cubículo ocupado se configura con los atributos data-toggle="modal" y data-target="#id_del_modal_X" para que, al hacer clic, abra la ventana modal correspondiente a ese ID_map [09:40].

🖼️ Diseño del Formulario Modal

Se diseña la vista interna del modal con el objetivo de presentar la información relevante al operador:

  • Título: "Datos del Cliente" [10:04].
  • Cuerpo del Modal: Se arma un formulario para visualizar (no modificar) los datos del ticket:
    • Información del Vehículo: Placa.
    • Información del Cliente: Nombre, NIT/CI.
    • Detalles del Parqueo: Fecha de ingreso, Hora de ingreso y Cubículo.
  • Acciones de Pie de Página (Botones): Se añaden tres botones clave para la gestión de la salida:
    1. Cancelar (Cerrar): Para salir del modal [14:14].
    2. Volver a Imprimir: Para generar nuevamente el ticket.
    3. Facturar: Para iniciar el algoritmo de cobro y liberación del espacio.

💡 Próximos Pasos

La lección concluye con la vista armada. Las siguientes tareas serán:

  • Hacer la consulta a la base de datos para cargar la información real del cliente en el formulario modal.
  • Implementar la lógica para re-imprimir el ticket.
  • Desarrollar la funcionalidad de facturación (cobro y cambio de estado a "Libre").