> ## Documentation Index
> Fetch the complete documentation index at: https://ayuda.daia.cl/llms.txt
> Use this file to discover all available pages before exploring further.

# Ver Detalles de Reservación

> Consulta toda la información de una reservación de contenedor

Al hacer clic en una reservación desde la [lista de reservaciones](/hub/reservaciones), accederás a la vista detallada donde puedes consultar toda la información, documentación y estado actual de la reserva.

<Note>
  Desde esta vista también puedes [editar](/hub/editar-eliminar-reservacion) (si está en estado Pendiente) o [cambiar el estado](/hub/estados-reservacion) de la reservación.
</Note>

***

## Acceso a la Vista Detallada

Para ver los detalles de una reservación:

1. Ve al módulo de [Reservaciones](/hub/reservaciones)
2. Localiza la reservación en la tabla
3. Haz clic en cualquier parte de la fila
4. Se abrirá la vista detallada

\[captura]

***

## Cabecera de la Reservación

La parte superior muestra la información principal y las acciones disponibles:

\[captura]

### Elementos de la Cabecera

* **ID y Código** de la reservación (identificadores únicos)
* **Botón de Estado**: Permite [cambiar el estado](/hub/estados-reservacion) de la reserva
* **Indicador del estado actual**: Badge visual con color según el estado
* **Botón Editar**: Disponible solo si está en [estado Pendiente](/hub/estados-reservacion)
* **Botón Eliminar**: Disponible solo si está en estado Pendiente

\[captura]

<Tip>
  El color del indicador de estado te permite identificar rápidamente el progreso: Azul (Pendiente), Verde Oscuro (Validada), Verde Claro (Despachada).
</Tip>

***

## Información del Propietario

Una tarjeta central muestra los datos de las empresas involucradas:

\[captura]

### Datos Mostrados

* **Nombre de la empresa propietaria**: Empresa exportadora (en color principal)
* **Nombre del responsable del envío**: Empresa de packing o transporte asignada
* **Ícono representativo**: Identificador visual de empresa

<Note>
  Estos datos fueron definidos al [crear la reservación](/hub/crear-reservacion) en el Paso 1.
</Note>

***

## Línea de Tiempo

Tres columnas muestran las fechas clave del proceso logístico:

\[captura]

### Fechas Importantes

| Evento       | Descripción                            | Formato          |
| ------------ | -------------------------------------- | ---------------- |
| **Emisión**  | Fecha y hora de creación de la reserva | DD/MM/YYYY HH:mm |
| **Carga**    | Fecha y hora programada para la carga  | DD/MM/YYYY HH:mm |
| **Stacking** | Fecha y hora de apilamiento            | DD/MM/YYYY HH:mm |

**Visualización**:

* Íconos diferenciados para cada fecha
* Formato claro y legible
* Separación visual entre eventos

<Tip>
  La línea de tiempo te ayuda a visualizar rápidamente el cronograma completo del proceso de exportación.
</Tip>

***

## Números de Referencia

Chips informativos con los números de documento aduanero y logístico:

\[captura]

### Documentos de Referencia

* **DUS**: Documento Único de Salida
* **SPS**: Solicitud de Planilla
* **BOOKING**: Número de reserva del booking naviero

**Características**:

* Formato de chip/badge para fácil lectura
* Копiables con un clic
* Visibles en todo momento

<Note>
  Estos números fueron ingresados al [crear la reservación](/hub/crear-reservacion) en el Paso 2 y son fundamentales para el seguimiento aduanero.
</Note>

***

## Detalle de Carga

Panel izquierdo que muestra una tabla con todos los folios de pallets asociados a esta reservación:

\[captura]

### Información de Pallets

**Elementos mostrados**:

* Lista completa de códigos de folios
* Numeración secuencial
* Scroll automático si hay muchos elementos
* Mensaje **"Sin elementos"** si no hay pallets agregados

**Funcionalidad**:

* Visualización en tabla ordenada
* Búsqueda/filtro (si aplica)
* Contador total de pallets

<Tip>
  Si agregaste los pallets mediante [copia desde Excel](/hub/crear-reservacion), todos aparecerán listados aquí en orden.
</Tip>

***

## Documentos Adjuntos

Panel derecho que lista todos los documentos asociados a esta reservación:

\[captura]

### Vista de Documentos

Cada documento muestra:

| Campo                      | Descripción                                                 |
| -------------------------- | ----------------------------------------------------------- |
| **Tipo de documento**      | Clasificación del archivo (Instructivo, Packing list, etc.) |
| **Especie/Fruta asociada** | Producto vinculado al documento                             |
| **Fecha de carga**         | Cuándo fue subido el archivo                                |
| **Acciones**               | Botones Ver y Eliminar                                      |

\[captura]

### Acciones por Documento

Cada documento tiene dos botones de acción:

**1. Ver (Ícono de ojo)**:

* Abre el documento en una nueva ventana/pestaña del navegador
* Permite visualizar el archivo sin descargarlo
* Funciona con PDFs, imágenes y otros formatos soportados

**2. Eliminar (Ícono de basura)**:

* Borra el documento de la reservación
* Solicita confirmación antes de eliminar
* La eliminación es permanente
* Solo disponible si la reservación está en estado Pendiente

<Warning>
  Los documentos eliminados no se pueden recuperar. Asegúrate antes de confirmar.
</Warning>

Si no hay documentos adjuntos, se muestra el mensaje **"Sin documentos"**.

***

## Acciones Disponibles

Dependiendo del [estado de la reservación](/hub/estados-reservacion), tendrás diferentes acciones disponibles:

### Si está en Estado Pendiente:

<CardGroup cols={2}>
  <Card title="Editar" icon="pen-to-square" href="/hub/editar-eliminar-reservacion">
    Modificar datos de la reservación
  </Card>

  <Card title="Eliminar" icon="trash" href="/hub/editar-eliminar-reservacion">
    Borrar la reservación completa
  </Card>

  <Card title="Cambiar Estado" icon="arrows-rotate" href="/hub/estados-reservacion">
    Avanzar al siguiente estado
  </Card>

  <Card title="Agregar Documentos" icon="file-plus" href="/hub/crear-reservacion">
    Subir documentación adicional
  </Card>
</CardGroup>

### Si está en Estado Validada o Superior:

<CardGroup cols={2}>
  <Card title="Ver Información" icon="eye">
    Solo lectura - No se puede modificar
  </Card>

  <Card title="Cambiar Estado" icon="arrows-rotate" href="/hub/estados-reservacion">
    Avanzar al siguiente estado (si aplica)
  </Card>
</CardGroup>

<Note>
  Las reservaciones validadas o despachadas no pueden editarse ni eliminarse para mantener la integridad del registro.
</Note>

***

## Interpretación de Estados

El indicador de estado te muestra en qué etapa del proceso se encuentra la reservación:

| Estado         | Color            | Significado                           |
| -------------- | ---------------- | ------------------------------------- |
| **Pendiente**  | Azul             | Recién creada, permite modificaciones |
| **Validada**   | Verde Oscuro     | Confirmada, sin edición               |
| **En Planta**  | Amarillo/Naranja | Contenedor en planta                  |
| **Despachada** | Verde Claro      | Proceso completado                    |

<Tip>
  Consulta la guía de [estados de reservación](/hub/estados-reservacion) para entender el flujo completo y cómo cambiar entre estados.
</Tip>

***

## Información Adicional

### Vista Responsiva

La vista de detalles se adapta automáticamente:

**En escritorio**:

* Layout de dos columnas (Carga | Documentos)
* Todos los paneles visibles simultáneamente
* Información expandida

**En móviles**:

* Layout de una columna
* Paneles apilados verticalmente
* Scroll optimizado para touch

### Navegación

Desde la vista de detalles puedes:

* **Botón Atrás**: Volver a la [lista de reservaciones](/hub/reservaciones)
* **Botón Editar**: Ir al formulario de [edición](/hub/editar-eliminar-reservacion)
* **Links en breadcrumb**: Navegación contextual

***

## Casos de Uso Comunes

### Caso 1: Verificar Información antes de Validar

1. Abre la vista de detalles
2. Revisa todos los datos en la línea de tiempo
3. Verifica la lista de pallets
4. Confirma que todos los documentos estén subidos
5. Si todo está correcto, [cambia el estado a Validada](/hub/estados-reservacion)

### Caso 2: Agregar Documento Faltante

1. Abre la vista de detalles
2. Verifica que esté en estado Pendiente
3. Haz clic en "Editar"
4. Ve al Paso 2 del asistente
5. Agrega el documento faltante
6. Guarda los cambios

### Caso 3: Consultar Referencias Aduaneras

1. Abre la vista de detalles
2. Localiza los chips de DUS, SPS y BOOKING
3. Copia los números necesarios
4. Úsalos para seguimiento en sistemas externos

***

## Preguntas Frecuentes

<AccordionGroup>
  <Accordion title="¿Puedo ver documentos si la reservación está despachada?">
    Sí, puedes visualizar todos los documentos sin importar el estado. Solo no podrás eliminarlos ni agregar nuevos.
  </Accordion>

  <Accordion title="¿Cómo descargo un documento adjunto?">
    Haz clic en el botón "Ver" del documento. Se abrirá en una nueva ventana y podrás descargarlo desde las opciones de tu navegador.
  </Accordion>

  <Accordion title="¿Por qué no veo el botón Editar?">
    El botón Editar solo aparece si la reservación está en estado **Pendiente**. Una vez validada, no se puede editar.
  </Accordion>

  <Accordion title="¿Puedo cambiar las fechas después de crear la reservación?">
    Solo si está en estado Pendiente. Usa el botón [Editar](/hub/editar-eliminar-reservacion) y modifica las fechas en el Paso 1.
  </Accordion>

  <Accordion title="¿Qué significa cada color en el indicador de estado?">
    Azul = Pendiente, Verde Oscuro = Validada, Amarillo = En Planta, Verde Claro = Despachada. Consulta más en [Estados](/hub/estados-reservacion).
  </Accordion>
</AccordionGroup>

***

## Navegación Rápida

<CardGroup cols={3}>
  <Card title="Crear Nueva" icon="plus" href="/hub/crear-reservacion">
    Crear otra reservación
  </Card>

  <Card title="Editar" icon="pen-to-square" href="/hub/editar-eliminar-reservacion">
    Modificar esta reservación
  </Card>

  <Card title="Estados" icon="arrows-rotate" href="/hub/estados-reservacion">
    Gestionar estados
  </Card>

  <Card title="Volver a Lista" icon="list" href="/hub/reservaciones">
    Ver todas las reservaciones
  </Card>

  <Card title="Dashboard" icon="chart-line" href="/hub/dashboard">
    Ir al Dashboard
  </Card>

  <Card title="Ayuda" icon="circle-question" href="/hub/preguntas-frecuentes-reservaciones">
    Preguntas frecuentes
  </Card>
</CardGroup>