Lección: 51 👤 DASHBOARD del CLIENTE: Cargar Detalles de la Orden, Seguimiento | Laravel 12

51 👤 DASHBOARD del CLIENTE: Cargar Detalles de la Orden, Seguimiento | Laravel 12

Duración: 25 min

Módulo: ⚙️ Gestión de Órdenes, Perfiles y Características Avanzadas 43-61 Lección 9 de 19

¡Contenido Exclusivo!

Adquiere este curso para tener acceso inmediato a esta y a **todas las lecciones Premium**.

Inscribirse Ahora por $10.00 Acceso instantáneo de por vida y código fuente incluido.

Descripción

Lección 51: 👤 DASHBOARD del CLIENTE | Cargar Detalles de la Orden y Seguimiento

Esta lección es la continuación directa de la anterior, enfocándose en la crucial tarea de hacer que el Dashboard del cliente sea completamente funcional, listando su historial de pedidos y mostrando los detalles y el estado de seguimiento de cada uno de ellos de forma dinámica.

📜 Listado Dinámico de Pedidos

Se toma la estructura estática del Dashboard del Cliente y se dinamiza usando los datos consultados en el controlador:

Bucle de Órdenes 🔁: Se implementa un bucle foreach sobre la variable $pedidos para iterar y mostrar individualmente cada orden realizada por el usuario autenticado [01:52].
Datos Clave de la Orden 🔑:
- ID y Fecha 📅: Se muestra el número único de pedido ($pedido->id) y la fecha de creación ($pedido->created_at) [02:29].
- Productos 🛍️: Se utiliza un bucle anidado para mostrar las imágenes y el conteo de los productos incluidos en cada orden, accediendo a través de la relación $pedido->detalles->producto->imagen [04:12].
- Estado y Total 💰: Se muestra el estado actual de la orden ($pedido->estado_orden) y el total pagado junto con la divisa ($pedido->divisa, $pedido->total) [05:37].

🚚 Seguimiento (Tracking) de la Orden

Se configura la sección de "Seguimiento" para ofrecerle al cliente una línea de tiempo clara sobre el progreso de su pedido:

Estructura Condicional 🚦: Se utiliza una estructura if/else para determinar qué mensaje mostrar en la línea de tiempo del seguimiento [10:18]:
- Procesando: Si el estado es procesando, se muestra un mensaje naranja (espere una notificación en su correo o estamos trabajando en el envío) junto con la fecha de registro de la orden [13:04].
- Enviado: Si el estado es enviado, se muestra un mensaje de check verde (Orden Enviado) y se imprime la nota del administrador (con el código de seguimiento) y la fecha de la última actualización ($pedido->updated_at) [10:52].
Punto de Partida: El estado base (Orden Creado/Completado) siempre se muestra con la fecha de compra [16:20].
Apertura Individual: Se asegura que la funcionalidad de colapso (collapse) del seguimiento se abra de forma individual para cada orden, utilizando el ID de pedido como identificador único [15:36].

🧾 Detalles Completos de la Orden

La sección de "Detalle de la Orden" se llena con información pormenorizada:

Listado de Ítems 📝: Se itera sobre los detalles de la orden para mostrar el nombre, una descripción corta, la cantidad comprada y el precio unitario de cada producto [19:04].
Resumen de Precios: Se muestra el total final de la orden [22:31].
Dirección de Envío 📍: Se recupera y se muestra la dirección de envío registrada para esa orden, permitiendo al cliente confirmar los datos de entrega ($pedido->direccion_envio) [23:41].

Hilari Web