{{-- Definición de campos de la OC (rdefcampospo). Catálogo con el kit ui-ctc (MigracionLayout.MD, Configuración). --}}
<x-app-layout titulo="Definición de campos">
    <x-pagina>
        <x-encabezado-pagina ruta="Importaciones · Definiciones" titulo="Definición de Campos de la PO"
                             descripcion="Gestión y administración de campos personalizados">
            <x-slot name="acciones">
                <x-enlace-boton variante="primario" href="{{ route('rdefcampospo.create') }}"><x-icono nombre="plus-circle" /> Agregar Campo PO</x-enlace-boton>
                <x-enlace-boton href="{{ url('/exportdefcampospo') }}"><x-icono nombre="table-cells" class="h-4 w-4 text-emerald-600 dark:text-emerald-400" /> Generar Reporte</x-enlace-boton>
            </x-slot>
        </x-encabezado-pagina>
        <x-catalogo.avisos />

        <x-catalogo.lista titulo="Campos de la PO" :total="$defCamposPO->total()" :paginador="$defCamposPO">
            <thead>
                <tr>
                    <th>Tipo Campo</th>
                    <th>Descripción</th>
                    <th>Estado</th>
                    <th><span class="sr-only">Acciones</span></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($defCamposPO as $fil)
                    <tr @if ($fil->inactivo == 1) data-sin-hover style="background-color: color-mix(in srgb, #F59E0B 14%, transparent);" @endif>
                        <td><x-etiqueta variante="neutro">{{ $fil->tipo_campo }}</x-etiqueta></td>
                        <td class="font-medium">{!! $fil->descripcion ? e($fil->descripcion) : '<span class="text-[var(--texto-tenue)]">—</span>' !!}</td>
                        <td>@if ($fil->inactivo == 1)<x-etiqueta variante="aviso">Inactivo</x-etiqueta>@else<x-etiqueta variante="exito">Activo</x-etiqueta>@endif</td>
                        <td class="w-[1%] whitespace-nowrap !px-2">
                            <x-catalogo.acciones :etiqueta="'el campo ' . $fil->descripcion" :editar="action('DefCamposPOController@edit', $fil->id)"
                                                 :eliminar="action('DefCamposPOController@destroy', $fil->id)" />
                        </td>
                    </tr>
                @empty
                    <tr data-sin-hover><td colspan="4" class="!p-0"><div class="ctc-vacio py-10 text-center text-[14px] text-[var(--texto-suave)]">No hay registros disponibles.</div></td></tr>
                @endforelse
            </tbody>
        </x-catalogo.lista>
    </x-pagina>
</x-app-layout>