@page "/admin/system"

@using MoonCore.Attributes
@using MoonCore.Helpers
@using Moonlight.Client.UI.Components
@using Moonlight.Shared.Http.Responses.Admin.Sys

@attribute [RequirePermission("admin.system.overview")]

@inject HttpApiClient ApiClient

<LazyLoader Load="LoadOverview">
    <div class="gap-5 grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-4">
        <StatCard Title="CPU Usage" Text="@(OverviewData.CpuUsage + "%")" Icon="bi bi-cpu"/>
        <StatCard Title="Memory Usage" Text="@(Formatter.FormatSize(OverviewData.MemoryUsage))" Icon="bi bi-memory"/>
        <StatCard Title="Host OS" Text="@(OverviewData.OperatingSystem)" Icon="bi bi-motherboard"/>
        <StatCard Title="Uptime" Text="@(Formatter.FormatUptime(OverviewData.Uptime))" Icon="bi bi-clock-history"/>

        <div class="card card-body">
            <div class="flex justify-center">
                <WButton OnClick="Restart" CssClasses="btn btn-danger w-full">
                    <i class="bi bi-arrow-repeat text-xl text-white me-2"></i>
                    Restart/Shutdown
                </WButton>
            </div>
        </div>
    </div>
</LazyLoader>

@code
{
    private SystemOverviewResponse OverviewData;
    
    private async Task LoadOverview(LazyLoader arg)
    {
        OverviewData = await ApiClient.GetJson<SystemOverviewResponse>("api/admin/system");
    }
    
    private async Task Restart(WButton _)
    {
        await ApiClient.Post("api/admin/system/shutdown");
    }
}