@php
    $rows = is_array($pageData) && isset($pageData['now']) ? collect($pageData['log'] ?? [])->merge($pageData['now'] ?? []) : collect($pageData ?? []);
@endphp
<div class="overflow-x-auto text-sm">
    @if($page === 'wifi' && is_array($pageData))
        <h4 class="font-medium mb-2">Redes actuales</h4>
        <ul class="mb-4 list-disc pl-5">
            @foreach($pageData['now'] ?? [] as $w)
                <li>{{ $w->ssid }} ({{ $w->bssid }})</li>
            @endforeach
        </ul>
        <h4 class="font-medium mb-2">Historial</h4>
        <ul class="list-disc pl-5">
            @foreach($pageData['log'] ?? [] as $w)
                <li>{{ $w->ssid }} — {{ $w->last_seen_at?->format('d/m H:i') }}</li>
            @endforeach
        </ul>
    @elseif($page === 'permissions')
        <pre class="bg-gray-100 p-4 rounded text-xs overflow-auto">{{ json_encode($pageData, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
    @elseif($page === 'files')
        <pre class="bg-gray-100 p-4 rounded text-xs overflow-auto max-h-96">{{ json_encode($pageData, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
    @elseif($page === 'downloads' || $page === 'microphone')
        <ul class="space-y-2">
            @foreach($pageData as $dl)
                <li>
                    <a href="{{ route('downloads.show', $dl) }}" class="text-indigo-600 hover:underline">{{ $dl->original_name }}</a>
                    <span class="text-gray-400 text-xs">({{ $dl->created_at->format('d/m H:i') }})</span>
                </li>
            @endforeach
        </ul>
    @else
        <table class="min-w-full">
            <tbody>
                @forelse($rows as $row)
                    <tr class="border-b border-gray-100">
                        <td class="py-2"><pre class="text-xs">{{ json_encode($row->toArray(), JSON_UNESCAPED_UNICODE) }}</pre></td>
                    </tr>
                @empty
                    <tr><td class="py-4 text-gray-500">Sin datos.</td></tr>
                @endforelse
            </tbody>
        </table>
    @endif
</div>