{{-- ── Database ─────────────────────────────────────────────────────────────── --}}
<p class="text-xs font-semibold text-gray-500 mb-2">Database (huidige status)</p>

<div class="grid gap-2 mb-4" style="grid-template-columns: repeat(auto-fill, minmax(140px, 1fr))">
    @php $up = (int) ($mysqlStatus['Uptime'] ?? 0); @endphp
    {!! $sc('Uptime',        $uptime($up),                                                'sky') !!}
    {!! $sc('Verbindingen',  $fmt($mysqlStatus['Connections'] ?? 0),                     'blue') !!}
    {!! $sc('Actief nu',     $fmt($mysqlStatus['Threads_connected'] ?? 0) . ' threads',  'blue') !!}
    {!! $sc('Queries tot.',  $fmt($mysqlStatus['Questions'] ?? 0),                       'violet') !!}
    {!! $sc('Trage queries', $fmt($mysqlStatus['Slow_queries'] ?? 0),
        ($mysqlStatus['Slow_queries'] ?? 0) > 0 ? 'red' : 'gray') !!}
    {!! $sc('SELECTs',       $fmt($mysqlStatus['Com_select'] ?? 0),  'gray') !!}
    {!! $sc('INSERTs',       $fmt($mysqlStatus['Com_insert'] ?? 0),  'gray') !!}
    {!! $sc('UPDATEs',       $fmt($mysqlStatus['Com_update'] ?? 0),  'gray') !!}
    {!! $sc('DELETEs',       $fmt($mysqlStatus['Com_delete'] ?? 0),  'gray') !!}
    {!! $sc('Ontvangen',     $mb($mysqlStatus['Bytes_received'] ?? 0), 'gray') !!}
    {!! $sc('Verzonden',     $mb($mysqlStatus['Bytes_sent'] ?? 0),    'gray') !!}
    {!! $sc('DB grootte',    ($dbTotals['data_mb'] + $dbTotals['index_mb']) . ' MB', 'indigo') !!}
</div>