{{-- Resultado de un reporte configurado (tabla `reportes` / `ex_reportes`): columnas tal como las devuelve su SQL.
     Compartido por Reportes.index y ExReportes.index. Layout nuevo, MigracionLayout.MD L3 (lote 7).

     Parámetros: $titulo, $tabla (paginador o arreglo de filas stdClass), $columname, $exportar (URL de descarga),
     $exportarAyuda (title del botón). --}}
@php
    $total = $tabla instanceof \Illuminate\Pagination\LengthAwarePaginator ? $tabla->total() : count($tabla);
    $vacio = '<span class="text-[var(--texto-tenue)]">—</span>';
@endphp
<section class="min-w-0 overflow-hidden rounded-xl border border-[var(--borde)] bg-[var(--superficie)]">
    <div class="flex flex-wrap items-center justify-between gap-3 border-b border-[var(--borde)] px-5 py-3">
        <div class="min-w-0">
            <h2 class="text-[15px] font-bold text-[var(--texto)]">{{ $titulo }}</h2>
            <p class="mt-0.5 text-[12px] text-[var(--texto-suave)]">{{ number_format($total, 0, ',', '.') }} {{ $total == 1 ? 'registro' : 'registros' }}</p>
        </div>
        @if ($total > 0)
            <x-enlace-boton :href="$exportar" :title="$exportarAyuda">
                <x-icono nombre="table-cells" class="h-4 w-4 text-emerald-600 dark:text-emerald-400" /> Exportar reporte
            </x-enlace-boton>
        @endif
    </div>
    <div class="ctc-tabla-caja">
        <table class="ctc-tabla">
            <thead>
                <tr>
                    @foreach ($columname as $columna)
                        <th>{{ $columna }}</th>
                    @endforeach
                </tr>
            </thead>
            <tbody>
                @forelse ($tabla as $fila)
                    <tr>
                        @foreach ($fila as $nombre => $valor)
                            @if ($nombre === 'DIAS_RESTANTES')
                                <td><x-etiqueta :variante="$valor > 0 ? 'peligro' : 'exito'">{{ $valor }} DÍAS</x-etiqueta></td>
                            @elseif ($valor === null || $valor === '')
                                <td>{!! $vacio !!}</td>
                            @elseif (is_numeric($valor))
                                <td class="whitespace-nowrap text-right">{{ $valor }}</td>
                            @elseif (preg_match('/^\d{4}-\d{2}-\d{2}( \d{2}:\d{2}(:\d{2})?)?$/', (string) $valor))
                                <td class="whitespace-nowrap">{{ $valor }}</td>
                            @else
                                <td class="min-w-[90px]">{{ $valor }}</td>
                            @endif
                        @endforeach
                    </tr>
                @empty
                    <tr data-sin-hover>
                        <td colspan="{{ max(count($columname), 1) }}" class="!p-0">
                            <div class="ctc-vacio py-12 text-center text-[14px] text-[var(--texto-suave)]">
                                <x-icono nombre="magnifying-glass" class="mx-auto h-7 w-7 text-[var(--texto-tenue)]" />
                                <p class="mt-2">El reporte no trajo registros con estos filtros.</p>
                            </div>
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if ($tabla instanceof \Illuminate\Pagination\LengthAwarePaginator && $tabla->hasPages())
        <div class="border-t border-[var(--borde)] px-5 py-3">{{ $tabla->links('vendor.pagination.ctc') }}</div>
    @endif
</section>