@php
    $promedioGeneral = $promedioGeneral ?? null;
    $etiquetaTotal = $etiquetaTotal ?? 'Promedio general del curso';
@endphp

@if(!empty($filas))
    <div class="mb-6 overflow-hidden rounded-lg border border-slate-200 bg-white shadow-sm">
        <div class="px-4 py-3 border-b border-slate-200 bg-[#f1f3f5]">
            <h3 class="text-sm font-semibold text-slate-800 m-0">Resumen por categorías</h3>
        </div>
        <div class="mdl-table-wrap">
            <table class="mdl-table min-w-full">
                <thead>
                    <tr>
                        <th>Categoría</th>
                        <th class="text-right w-28">Peso</th>
                        <th class="text-right w-32">Promedio</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($filas as $fila)
                        <tr>
                            <td>
                                <span style="padding-left: {{ max(0, ($fila['depth'] ?? 0)) }}rem; display: inline-block;">
                                    {{ $fila['nombre'] }}
                                </span>
                            </td>
                            <td class="text-right text-slate-600">
                                {{ number_format($fila['porcentaje'], 1) }}%
                            </td>
                            <td class="text-right font-semibold" style="color: #0f6cbf;">
                                {{ ($fila['promedio'] ?? null) === null ? '—' : number_format($fila['promedio'], 1).'%' }}
                            </td>
                        </tr>
                    @endforeach
                    <tr class="bg-[#dbeafe] border-t-2 border-[#0f6cbf]/30">
                        <td class="font-bold text-slate-900">{{ $etiquetaTotal }}</td>
                        <td class="text-right font-semibold text-slate-700">100%</td>
                        <td class="text-right font-bold text-lg" style="color: #0f6cbf;">
                            {{ ($promedioGeneral ?? null) === null ? '—' : number_format($promedioGeneral, 1).'%' }}
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
@endif