{{-- Información personalizada del DO de importación (dinamicos-imp/{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. Gemela: pantallas/ExPo/dinamicos-pedido. --}}
<x-app-layout titulo="Campos dinámicos del pedido">
    <x-pagina>
        <x-encabezado-pagina ruta="Importaciones · Pedidos en Curso" :titulo="'Información personalizada del DO ' . $idOrden">
            <x-slot name="acciones">
                <x-enlace-boton href="{{ route('impo-pedidos-ws', request()->query()) }}"><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('importaciones.pedidos-campos-dinamicos-impo', ['numeroDo' => $idOrden])
            </div>
            <div class="min-w-0 space-y-5">
                @livewire('importaciones.status-hoy', ['numeroDo' => $idOrden])
                @livewire('importaciones.feed-importaciones', ['numeroDo' => $idOrden])
            </div>
        </div>
    </x-pagina>
</x-app-layout>