{{-- Información personalizada del DO de exportación (dinamicos-exp/{do}), con el estado actual y la línea de tiempo.
     Antes: documento HTML suelto con Tailwind por CDN, luego heredado en el layout nuevo (L2a); con el kit ui-ctc desde
     L3. Ya no carga Font Awesome. "Volver" regresa a la pantalla anterior, como antes (Pedidos en Curso o el detalle KPI).
     Gemela: pantallas/importaciones/dinamicos-pedido. --}}
<x-app-layout titulo="Campos dinámicos del pedido">
    <x-pagina>
        <x-encabezado-pagina ruta="Exportaciones · Pedidos en Curso" :titulo="'Información personalizada del DO ' . $idOrden">
            <x-slot name="acciones">
                <x-enlace-boton href="{{ url()->previous() }}"><x-icono nombre="arrow-left" /> Volver a Pedidos</x-enlace-boton>
            </x-slot>
        </x-encabezado-pagina>

        <div class="grid items-start gap-5 lg:grid-cols-3">
            <div class="min-w-0 lg:col-span-2">
                @livewire('exportaciones.pedidos-campos-dinamicos-expo', ['numeroDo' => $idOrden])
            </div>
            <div class="min-w-0 space-y-5">
                @livewire('exportaciones.status-hoy', ['numeroDo' => $idOrden])
                @livewire('exportaciones.feed-exportaciones', ['numeroDo' => $idOrden])
            </div>
        </div>
    </x-pagina>
</x-app-layout>