<div class="row g-4" id="nextcloudTabContent">
    <div class="col-lg-6">
        <div class="info-card">
            <h5 class="fw-bold mb-3">Systemstatus</h5>
            <div id="ncStatusBadge" class="badge bg-secondary">Ukendt</div>
            <div class="mt-2 small text-muted" id="ncLastUpdated">-</div>
            <div class="mt-3">
                <div class="info-row"><span class="info-label">CPU load</span><span class="info-value" id="ncCpuLoad">-</span></div>
                <div class="info-row"><span class="info-label">Free disk</span><span class="info-value" id="ncFreeDisk">-</span></div>
                <div class="info-row"><span class="info-label">RAM usage</span><span class="info-value" id="ncRamUsage">-</span></div>
                <div class="info-row"><span class="info-label">OPCache hit rate</span><span class="info-value" id="ncOpcache">-</span></div>
            </div>
            <div class="mt-3 d-flex flex-wrap gap-2" id="ncAlerts"></div>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="info-card">
            <h5 class="fw-bold mb-3">Handlinger</h5>
            <button class="btn btn-primary w-100 mb-2" onclick="openNextcloudCreateUser()">Tilføj ny bruger</button>
            <button class="btn btn-outline-secondary w-100 mb-2" onclick="openNextcloudResetPassword()">Reset password</button>
            <button class="btn btn-outline-danger w-100" onclick="openNextcloudDisableUser()">Luk bruger</button>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="info-card">
            <h5 class="fw-bold mb-3">Nøgletal</h5>
            <div class="info-row"><span class="info-label">File count growth</span><span class="info-value" id="ncFileGrowth">-</span></div>
            <div class="info-row"><span class="info-label">Public shares uden password</span><span class="info-value" id="ncPublicShares">-</span></div>
            <div class="info-row"><span class="info-label">Active users</span><span class="info-value" id="ncActiveUsers">-</span></div>
        </div>
    </div>
    <div class="col-12">
        <div class="info-card">
            <h5 class="fw-bold mb-3">Historik</h5>
            <div id="ncHistory">Ingen events endnu.</div>
        </div>
    </div>
</div>
