{{-- Concepto Facturación (rexpofacturacionconcepto). Catálogo con el kit ui-ctc (MigracionLayout.MD, Configuración).
     Sin eliminar en la lista (como antes): los conceptos se desactivan con Estado. --}}
<x-app-layout titulo="Concepto Facturación">
    <x-pagina>
        <x-encabezado-pagina ruta="Exportaciones · Configuración" titulo="Concepto Facturación" />
        <x-catalogo.avisos />

        <x-catalogo.formulario :titulo="$reg->id ? 'Editar concepto ' . $reg->concepto : 'Nuevo concepto'" :accion="route('rexpofacturacionconcepto.store')" :abierto="(bool) $reg->id">
            <input type="hidden" id="txtId" name="txtId" value="{{ $reg->id }}">
            <x-campo etiqueta="Concepto" para="txtConcepto"><x-input id="txtConcepto" name="txtConcepto" value="{{ $reg->concepto }}" required /></x-campo>
            <x-campo etiqueta="Operación" para="cboOperacion">
                <x-select name="cboOperacion" id="cboOperacion" required>
                    <option value="0">Seleccione una opción</option>
                    <option value="G" @selected($reg->operacion == 'G')>GASTOS</option>
                    <option value="F" @selected($reg->operacion == 'F')>FACTURACION</option>
                </x-select>
            </x-campo>
            <x-campo etiqueta="Estado" para="cboEstado">
                <x-select name="cboEstado" id="cboEstado" required>
                    <option value="">Seleccione una opción</option>
                    <option value="1" @selected($reg->estado == '1')>ACTIVO</option>
                    <option value="2" @selected($reg->estado == '2')>DESACTIVADO</option>
                </x-select>
            </x-campo>
            <x-slot name="botones">
                <x-button><x-icono nombre="check" variante="m" class="h-4 w-4" /> Guardar</x-button>
                <x-enlace-boton href="{{ url('/rexpofacturacionconcepto') }}"><x-icono nombre="plus" variante="m" class="h-4 w-4" /> Nuevo</x-enlace-boton>
            </x-slot>
        </x-catalogo.formulario>

        <x-catalogo.busqueda :accion="url('rexpofacturacionconceptosrh')" :valor="$reg->bus" placeholder="Concepto" :limpiar="url('/rexpofacturacionconcepto')" requerido />

        <x-catalogo.lista titulo="Conceptos" :total="$tblInfo->total()" :paginador="$tblInfo">
            <thead>
                <tr>
                    <th>Concepto</th>
                    <th>Operación</th>
                    <th>Estado</th>
                    <th><span class="sr-only">Acciones</span></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($tblInfo as $fil)
                    <tr @if ($fil->estado == 2) data-sin-hover style="background-color: color-mix(in srgb, #F59E0B 14%, transparent);" @endif>
                        <td class="font-medium">{{ $fil->concepto }}</td>
                        <td>
                            @if ($fil->operacion == 'G') GASTOS
                            @elseif ($fil->operacion == 'F') FACTURACIÓN
                            @else <span class="text-[var(--texto-tenue)]">—</span>
                            @endif
                        </td>
                        <td>@if ($fil->estado == 2)<x-etiqueta variante="aviso">Desactivado</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 concepto ' . $fil->concepto" :editar="url('rexpofacturacionconcepto/editar/' . base64_encode($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.</div></td></tr>
                @endforelse
            </tbody>
        </x-catalogo.lista>
    </x-pagina>
</x-app-layout>