<div class="card adminuiux-card border-0 shadow-sm h-100 hover-lift" data-widget="ram">
    <div class="card-body p-4 text-center">
        <div class="d-flex justify-content-between mb-2">
            <h6 class="fw-bold text-dark small mb-0">MEMORY</h6>
            <i class="bi bi-memory text-info"></i>
        </div>
        <h1 class="display-3 fw-black text-info mb-0 counter-value" id="stat-ram-percent">{{ $stats['ram']['percentage'] }}%</h1>
        <div class="d-flex justify-content-between extra-small text-muted mt-2">
            <span id="stat-ram-used">{{ $stats['ram']['used'] }} used</span>
            <span id="stat-swap-info" class="text-warning">Swap: {{ $stats['ram']['swap']['percentage'] ?? 0 }}%</span>
        </div>
    </div>
    <div id="chart-ram-sparkline" class="sparkline-container"></div>
</div>
