{{-- Materiales (rmaterial). Catálogo con el kit ui-ctc (MigracionLayout.MD, Configuración). --}}
<x-app-layout titulo="Materiales">
    <x-pagina>
        <x-encabezado-pagina ruta="Importaciones · Configuración" titulo="Lista de Materiales">
            <x-slot name="acciones">
                <x-enlace-boton variante="primario" href="{{ route('rmaterial.create') }}"><x-icono nombre="plus-circle" /> Agregar Material</x-enlace-boton>
                <x-enlace-boton href="{{ url('/exportmateri') }}"><x-icono nombre="table-cells" class="h-4 w-4 text-emerald-600 dark:text-emerald-400" /> Generate Report</x-enlace-boton>
            </x-slot>
        </x-encabezado-pagina>
        <x-catalogo.avisos />

        <x-catalogo.busqueda :accion="action('MaterialController@search')" :valor="isset($reg) ? $reg->bus : null" placeholder="Código, Nombre, Homologación" :limpiar="route('rmaterial.index')" />

        @php
            $fechasDescripciones = session('GrupoEmpresarial') == 2 || session('GrupoEmpresarial') == 27;
            $vacio = '<span class="text-[var(--texto-tenue)]">—</span>';
        @endphp
        <x-catalogo.lista titulo="Materiales" :total="$materiales->total()" :paginador="$materiales">
            <thead>
                <tr>
                    <th>Código</th>
                    <th>Nombre</th>
                    <th>Código homologación</th>
                    <th>Código SAP</th>
                    <th>Categoría</th>
                    <th>Centro de costo</th>
                    @if ($fechasDescripciones)
                        <th>Fecha Solicitud Descripciones Mínimas</th>
                        <th>Fecha Descripciones Mínimas</th>
                        <th>Fecha Partida Arancelaria</th>
                    @endif
                    <th>Estado</th>
                    <th><span class="sr-only">Acciones</span></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($materiales as $material)
                    <tr @if ($material->inactivo == 1) data-sin-hover style="background-color: color-mix(in srgb, #F59E0B 14%, transparent);" @endif>
                        <td class="font-medium">{{ $material->codigo }}</td>
                        <td>{{ $material->nombre }}</td>
                        <td>{!! $material->codigo_homologacion ? e($material->codigo_homologacion) : $vacio !!}</td>
                        <td>{!! $material->codigo_sap ? e($material->codigo_sap) : $vacio !!}</td>
                        <td>{!! $material->categoria ? e($material->categoria) : $vacio !!}</td>
                        <td>{!! $material->centro_de_costo ? e($material->centro_de_costo) : $vacio !!}</td>
                        @if ($fechasDescripciones)
                            <td class="whitespace-nowrap">{!! $material->fecha_solicitud_descripciones_minimas ? e($material->fecha_solicitud_descripciones_minimas) : $vacio !!}</td>
                            <td class="whitespace-nowrap">{!! $material->fecha_descripciones_minimas ? e($material->fecha_descripciones_minimas) : $vacio !!}</td>
                            <td class="whitespace-nowrap">{!! $material->fecha_creacion_partida_arancelaria ? e($material->fecha_creacion_partida_arancelaria) : $vacio !!}</td>
                        @endif
                        <td>@if ($material->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">
                            {{-- Eliminar estaba deshabilitado en esta lista; solo editar. --}}
                            <x-catalogo.acciones :etiqueta="'el material ' . $material->codigo" :editar="action('MaterialController@edit', $material->id)" />
                        </td>
                    </tr>
                @empty
                    <tr data-sin-hover><td colspan="{{ $fechasDescripciones ? 11 : 8 }}" 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>