{{-- Fila de la sincronización de órdenes de compra (layout nuevo con el kit ui-ctc, MigracionLayout.MD L3). --}}
<tr>
    <td class="whitespace-nowrap font-mono">{{ $po }}</td>
    <td><x-etiqueta>{{ $importacion }}</x-etiqueta></td>
    <td>
        @if ($proveedor != null)
            <x-etiqueta variante="info">{{ $proveedor }}</x-etiqueta>
        @else
            <x-etiqueta variante="peligro">Sin información del proveedor</x-etiqueta>
        @endif
    </td>
    <td><x-etiqueta>{{ $tipo_actualizacion }}</x-etiqueta></td>
    <td>
        <div class="flex flex-wrap items-center gap-2">
            <x-secondary-button id="btn-{{ $id_pedido }}" class="whitespace-nowrap" wire:click="actualizarOC({{ $id_pedido }},'{{ $numero_do }}', {{ $id_actualizacion }})" wire:loading.attr="disabled" wire:target="actualizarOC">
                <x-icono nombre="arrow-path" /> Actualizar orden de compra
            </x-secondary-button>
            <span wire:loading.flex wire:target="actualizarOC" class="items-center gap-1.5 text-[12px] text-[var(--texto-suave)]"><x-icono nombre="arrow-path" class="h-3.5 w-3.5 animate-spin" /> Actualizando…</span>
        </div>
        @if ($info_wsimex != '')
            <p class="mt-1 text-[12px] font-semibold text-red-700 dark:text-red-300">{{ $info_wsimex }}</p>
        @endif
    </td>
</tr>