{{-- Anular orden de cargue (POST rexpoviewinac -> POST rexpoinac). Gemela de Po.anular. Layout nuevo, MigracionLayout.MD L3. --}}
<x-app-layout titulo="Anular orden de cargue">
    <x-pagina>
    <div class="mx-auto w-full max-w-3xl space-y-5">
        <x-encabezado-pagina ruta="Exportaciones · Orden de cargue" titulo="Anular orden de cargue"
                             descripcion="Pedido {{ $po->pedido }}. Escriba el motivo; queda registrado con la anulación." />

        @if ($errors->any())
            <x-alerta tipo="error">
                <ul class="list-disc pl-5">@foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul>
            </x-alerta>
        @endif

        <x-tarjeta>
            <form method="post" action="/rexpoinac" onsubmit="return confirm('¿Seguro que desea anular la orden de cargue?')" class="space-y-4">
                @csrf
                <input name="id" id="id" type="hidden" value="{{ $po->id }}">
                <x-campo etiqueta="Comentario" para="txtComentario">
                    <textarea rows="8" name="txtComentario" id="txtComentario" required
                              placeholder="Motivo por el cual desea anular la orden de cargue"
                              class="form-textarea block w-full rounded-md border-[var(--borde-fuerte)] bg-[var(--superficie)] text-[13px] text-[var(--texto)] shadow-sm placeholder:text-[var(--texto-tenue)] focus:border-[var(--acento)] focus:ring-[var(--acento)]"></textarea>
                </x-campo>
                <div class="flex flex-wrap justify-end gap-2">
                    <x-enlace-boton href="{{ pantalla(route('rexpo.index', [], false)) }}">Cancelar</x-enlace-boton>
                    <x-secondary-button type="reset">Limpiar</x-secondary-button>
                    <x-danger-button type="submit"><x-icono nombre="trash" /> Anular orden</x-danger-button>
                </div>
            </form>
        </x-tarjeta>
    </div>
    </x-pagina>
</x-app-layout>