{{-- Materiales de exportación (Po\ExMateriales, ruta ExPoMaterial). Catálogo con el kit ui-ctc.
     La lista ya excluye los inactivos (render() filtra inactivo <> 1), así que no lleva columna de estado. --}}
<div>
    @php $vacio = '<span class="text-[var(--texto-tenue)]">—</span>'; @endphp
    <x-pagina>
        <x-encabezado-pagina ruta="Exportaciones · Configuración" titulo="Materiales" />
        <x-catalogo.avisos />

        <x-catalogo.formulario :titulo="$id_material ? 'Editar material ' . $nombre : 'Nuevo material'" entangle="toggle">
            <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>
            <x-campo etiqueta="Subpartida" para="txtSubpartida"><x-input wire:model.live="subpartida" id="txtSubpartida" name="txtSubpartida" /></x-campo>
            <x-campo etiqueta="IMO" para="txtImo"><x-input wire:model.live="imo" id="txtImo" name="txtImo" /></x-campo>
            <x-campo etiqueta="UN" para="txtUn"><x-input wire:model.live="un" id="txtUn" name="txtUn" /></x-campo>
            <x-campo etiqueta="Packing Group" para="txtPg"><x-input wire:model.live="pg" id="txtPg" name="txtPg" /></x-campo>
            <x-campo etiqueta="FP" para="txtFp"><x-input wire:model.live="fp" id="txtFp" name="txtFp" /></x-campo>
            <x-campo etiqueta="M_P" para="txtMp"><x-input wire:model.live="mp" id="txtMp" name="txtMp" /></x-campo>
            <x-campo etiqueta="Cant. linerada" para="txtCl"><x-input wire:model.live="cl" id="txtCl" name="txtCl" /></x-campo>
            <x-campo etiqueta="CO" para="txtCo"><x-input wire:model.live="co" id="txtCo" name="txtCo" /></x-campo>
            <x-campo etiqueta="Volumen pres." para="txtVolPresentacion"><x-input wire:model.live="volpresentacion" id="txtVolPresentacion" name="txtVolPresentacion" /></x-campo>
            <x-campo etiqueta="Unid. volumen" para="txtUVPresentacion"><x-input wire:model.live="uvpresentacion" id="txtUVPresentacion" name="txtUVPresentacion" /></x-campo>
            <x-campo etiqueta="Unid. x caja" para="txtUnidadesCaja"><x-input wire:model.live="unidadescaja" id="txtUnidadesCaja" name="txtUnidadesCaja" /></x-campo>
            <x-campo etiqueta="Cajas pallet" para="txtCajasPallet"><x-input wire:model.live="cajaspallet" id="txtCajasPallet" name="txtCajasPallet" /></x-campo>
            <x-campo etiqueta="Posición estibas" para="txtEstibasPos"><x-input wire:model.live="estibaspos" id="txtEstibasPos" name="txtEstibasPos" /></x-campo>
            <x-campo etiqueta="Categoría" para="cboCategoria">
                <x-select wire:model.live="id_categoria" name="cboCategoria" id="cboCategoria" required>
                    <option value="0">Seleccione una opción</option>
                    @foreach ($categoria as $item)
                        <option value="{{ $item->id }}">{{ $item->nombre }}</option>
                    @endforeach
                </x-select>
            </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" value="1" /> 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 código o nombre">
            <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="Materiales" :total="$tblInfo->total()" :paginador="$tblInfo" livewire :leyenda-inactivo="false">
            <thead>
                <tr>
                    <th>Código</th>
                    <th>Nombre</th>
                    <th class="text-right">Vol. pres.</th>
                    <th>UV</th>
                    <th class="text-right">Un. caja</th>
                    <th class="text-right">Caj. pallet</th>
                    <th class="text-right">Pos. estiba</th>
                    <th>Subpartida</th>
                    <th>Categoría</th>
                    <th><span class="sr-only">Acciones</span></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($tblInfo as $fil)
                    <tr wire:key="material-{{ $fil->id }}">
                        <td class="font-medium">{{ $fil->codigo }}</td>
                        <td>{{ $fil->nombre }}</td>
                        <td class="text-right tabular-nums">{{ number_format($fil->vol_presentacion ?? 0, 2) }}</td>
                        <td>{!! $fil->uv_presentacion ? e($fil->uv_presentacion) : $vacio !!}</td>
                        <td class="text-right tabular-nums">{{ number_format($fil->unidades_caja ?? 0, 2) }}</td>
                        <td class="text-right tabular-nums">{!! $fil->cajas_pallet !== null && $fil->cajas_pallet !== '' ? e($fil->cajas_pallet) : $vacio !!}</td>
                        <td class="text-right tabular-nums">{!! $fil->estibas_pos !== null && $fil->estibas_pos !== '' ? e($fil->estibas_pos) : $vacio !!}</td>
                        <td class="whitespace-nowrap tabular-nums">{!! $fil->subpartida ? e($fil->subpartida) : $vacio !!}</td>
                        <td>{!! $fil->categoria ? e($fil->categoria) : $vacio !!}</td>
                        <td class="w-[1%] whitespace-nowrap !px-2">
                            <x-catalogo.acciones :etiqueta="'el material ' . $fil->nombre" :editar-click="'edit(' . $fil->id . ')'" :eliminar-click="'delete(' . $fil->id . ')'" />
                        </td>
                    </tr>
                @empty
                    <tr data-sin-hover><td colspan="10" 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>