{{-- Definición de campos de la OC (rdefcampospo), actualizar. Formulario con el kit ui-ctc (MigracionLayout.MD, Configuración).
     Valores solo se muestra con el tipo "Lista" (antes JavaScript suelto); oculto sigue enviándose, como antes. --}}
<x-app-layout titulo="Definición de campos">
    <x-pagina>
        <x-encabezado-pagina ruta="Importaciones · Definiciones · Definición de campos" titulo="Actualizar Definicion de Campos de la PO" />
        <x-catalogo.avisos />

        <x-tarjeta :titulo="'Campo ' . $defCamposPO->descripcion" class="max-w-3xl">
            <form method="POST" action="{{ route('rdefcampospo.update', $defCamposPO->id) }}" accept-charset="utf-8"
                  x-data="{ tipo: {{ \Illuminate\Support\Js::from(in_array($defCamposPO->tipo_campo, $lista_tipos) ? (string) $defCamposPO->tipo_campo : '0') }} }">
                @csrf
                @method('PUT')
                <div class="grid gap-x-4 gap-y-3.5 [grid-template-columns:repeat(auto-fill,minmax(220px,1fr))]">
                    <x-campo etiqueta="Tipo Campo" para="cboCampos">
                        <x-select name="cboCampos" id="cboCampos" x-model="tipo">
                            <option value="0">Seleccione una Opción</option>
                            @foreach ($lista_tipos as $fil)
                                <option value="{{ $fil }}" @if ($fil == $defCamposPO->tipo_campo) selected="selected" @endif>{{ $fil }}</option>
                            @endforeach
                        </x-select>
                    </x-campo>
                    <x-campo etiqueta="Descripción" para="descripcion">
                        <x-input type="text" name="descripcion" id="descripcion" value="{{ $defCamposPO->descripcion }}" />
                    </x-campo>
                    <x-campo etiqueta="Valores" para="txtValores" ayuda='Utilice simbolo Barra de Piso "_" como espacio en blanco' x-show="tipo === 'Lista'" x-cloak>
                        <x-input type="text" name="txtValores" id="txtValores" x-on:keydown.space.prevent value="{{ $defCamposPO->valores }}" placeholder="Valores separados por coma" />
                    </x-campo>
                    <label class="flex items-center gap-2 self-end pb-2 text-[13px] text-[var(--texto)]">
                        <x-checkbox id="inactivo" name="inactivo" value="1" :checked="$defCamposPO->inactivo == 1" /> Inactivar Registro
                    </label>
                </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" /> Actualizar</x-button>
                    <x-enlace-boton href="{{ route('rdefcampospo.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>