{{-- Clientes de exportación (Po\ExClientes, ruta ExPoClientes). Catálogo con el kit ui-ctc.
     Grupo y Destino solo se muestran al grupo empresarial 32, como antes. --}}
<div>
    @php
        $vacio = '<span class="text-[var(--texto-tenue)]">—</span>';
        $conGrupoDestino = session('GrupoEmpresarial') == 32;
    @endphp
    <x-pagina>
        <x-encabezado-pagina ruta="Exportaciones · Configuración" titulo="Clientes" />
        <x-catalogo.avisos />

        <x-catalogo.formulario :titulo="$id_cliente ? 'Editar cliente ' . $nombre : 'Nuevo cliente'" entangle="toggle">
            <x-campo etiqueta="NIT" para="txtNit"><x-input wire:model.live="nit" id="txtNit" name="txtNit" required /></x-campo>
            <x-campo etiqueta="Código" para="txtCodigo"><x-input wire:model.live="codigo" id="txtCodigo" name="txtCodigo" required /></x-campo>
            <x-campo etiqueta="Nombre" para="txtNombre"><x-input wire:model.live="nombre" id="txtNombre" name="txtNombre" required /></x-campo>
            @if ($conGrupoDestino)
                <x-campo etiqueta="Grupo" para="txtGrupo"><x-input wire:model.live="grupo" id="txtGrupo" name="txtGrupo" required /></x-campo>
                <x-campo etiqueta="Destino" para="txtDestino"><x-input wire:model.live="destino" id="txtDestino" name="txtDestino" required /></x-campo>
            @endif
            <x-campo etiqueta="Dirección" para="txtDireccion"><x-input wire:model.live="direccion" id="txtDireccion" name="txtDireccion" required /></x-campo>
            <x-campo etiqueta="Teléfono" para="txtTelefono"><x-input wire:model.live="telefono" id="txtTelefono" name="txtTelefono" required /></x-campo>
            <x-campo etiqueta="Email" para="textEmail"><x-input type="email" wire:model.live="email" id="textEmail" name="textEmail" required /></x-campo>
            <x-campo etiqueta="Día" para="txtDia"><x-input wire:model.live="dia" id="txtDia" name="txtDia" required /></x-campo>
            <label class="flex items-center gap-2 self-end pb-2 text-[13px] text-[var(--texto)]">
                <x-checkbox wire:model.live="inactivo" id="chkInactivo" name="chkInactivo" /> Inactivo
            </label>
            <x-slot name="botones">
                <x-button type="button" wire:click="store()"><x-icono nombre="check" variante="m" class="h-4 w-4" /> Guardar</x-button>
                <x-secondary-button wire:click="new()"><x-icono nombre="plus" variante="m" class="h-4 w-4" /> Nuevo</x-secondary-button>
            </x-slot>
        </x-catalogo.formulario>

        <x-catalogo.busqueda modelo="buscar" placeholder="Buscar por NIT o nombre del cliente">
            <x-secondary-button wire:click="excel()" id="btnExportar" class="h-11" title="Exportar la consulta en formato Excel">
                <x-icono nombre="table-cells" class="h-4 w-4 text-emerald-600 dark:text-emerald-400" /> Exportar
            </x-secondary-button>
        </x-catalogo.busqueda>

        <x-catalogo.lista titulo="Clientes" :total="$tblInfo->total()" :paginador="$tblInfo" livewire>
            <thead>
                <tr>
                    <th>NIT</th>
                    <th>Código</th>
                    <th>Nombre</th>
                    @if ($conGrupoDestino)
                        <th>Grupo</th>
                        <th>Destino</th>
                    @endif
                    <th>Dirección</th>
                    <th>Teléfono</th>
                    <th>Email</th>
                    <th>Día</th>
                    <th>Estado</th>
                    <th><span class="sr-only">Acciones</span></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($tblInfo as $fil)
                    <tr wire:key="cliente-{{ $fil->id }}" @if ($fil->inactivo == 1) data-sin-hover style="background-color: color-mix(in srgb, #F59E0B 14%, transparent);" @endif>
                        <td class="whitespace-nowrap tabular-nums">{!! $fil->nit ? e($fil->nit) : $vacio !!}</td>
                        <td>{!! $fil->codigo ? e($fil->codigo) : $vacio !!}</td>
                        <td class="font-medium">{{ $fil->nombre }}</td>
                        @if ($conGrupoDestino)
                            <td>{!! $fil->grupo ? e($fil->grupo) : $vacio !!}</td>
                            <td>{!! $fil->destino ? e($fil->destino) : $vacio !!}</td>
                        @endif
                        <td>{!! $fil->direccion ? e($fil->direccion) : $vacio !!}</td>
                        <td class="whitespace-nowrap">{!! $fil->telefono ? e($fil->telefono) : $vacio !!}</td>
                        <td>{!! $fil->email ? e($fil->email) : $vacio !!}</td>
                        <td>{!! $fil->dia ? e($fil->dia) : $vacio !!}</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 cliente ' . $fil->nombre" :editar-click="'edit(' . $fil->id . ')'" :eliminar-click="'delete(' . $fil->id . ')'" />
                        </td>
                    </tr>
                @empty
                    <tr data-sin-hover><td colspan="{{ $conGrupoDestino ? 11 : 9 }}" 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>
</div>