{{-- Puertos (rpuertos), agregar. Formulario con el kit ui-ctc (MigracionLayout.MD, Configuración). --}}
<x-app-layout titulo="Puertos">
    <x-pagina>
        <x-encabezado-pagina ruta="Importaciones · Configuración · Puertos" titulo="Agregar Registro de Puertos" />
        <x-catalogo.avisos />

        <x-tarjeta titulo="Datos del puerto" class="max-w-3xl">
            <form action="{{ url('/rpuertos') }}" method="POST" accept-charset="utf-8">
                @csrf
                <div class="grid gap-x-4 gap-y-3.5 [grid-template-columns:repeat(auto-fill,minmax(220px,1fr))]">
                    <x-campo etiqueta="Código" para="codigo"><x-input type="text" name="codigo" id="codigo" placeholder="Código" /></x-campo>
                    <x-campo etiqueta="Puerto" para="nombre"><x-input type="text" name="nombre" id="nombre" placeholder="Nombre del Puerto" /></x-campo>
                    <x-campo etiqueta="Tipo" para="cboPuerto">
                        <x-select name="cboPuerto" id="cboPuerto">
                            <option value="0">Seleccione una opción</option>
                            <option value="1">{{ 'Origen' }}</option>
                            <option value="2">{{ 'Destino' }}</option>
                        </x-select>
                    </x-campo>
                    @if (session('GrupoEmpresarial') == 6){{-- Disan --}}
                        <x-campo etiqueta="Fecha de Vencimiento" para="fecha_venc"><x-input type="date" name="fecha_venc" id="fecha_venc" /></x-campo>
                    @endif
                </div>
                <div class="mt-4 flex flex-wrap items-center gap-2">
                    <x-button><x-icono nombre="check" variante="m" class="h-4 w-4" /> Guardar</x-button>
                    <x-secondary-button type="reset"><x-icono nombre="arrow-path" variante="m" class="h-4 w-4" /> Limpiar</x-secondary-button>
                    <x-enlace-boton href="{{ route('rpuertos.index') }}"><x-icono nombre="x-mark" variante="m" class="h-4 w-4" /> Cancelar</x-enlace-boton>
                </div>
            </form>
        </x-tarjeta>
    </x-pagina>
</x-app-layout>