@page "/admin/system/diagnose"

@using Microsoft.AspNetCore.Authorization
@using MoonCore.Blazor.FlyonUi.Helpers
@using MoonCore.Helpers
@using Moonlight.Client.UI.Components
@using Moonlight.Shared.Http.Requests.Admin.Sys
@using Moonlight.Shared.Http.Responses.Admin.Sys

@attribute [Authorize(Policy = "permissions:admin.system.diagnose")]

@inject HttpApiClient ApiClient
@inject DownloadService DownloadService

<div class="mb-5">
    <NavTabs Index="5" Names="UiConstants.AdminNavNames" Links="UiConstants.AdminNavLinks"/>
</div>

<div class="grid grid-cols-1 lg:grid-cols-2 gap-5">
    <div class="col-span-1 card">
        <div class="card-header">
            <span class="card-title">Report</span>
        </div>
        <div class="card-body">
            <p>
                With the button below you can create a diagnose report containing all important information to troubleshoot your moonlight instance and its modules.
                The diagnose file is a zip containing different logs and censored config files which can be shared with our support on discord.
                If you only want to export specific parts of the diagnose report, click on "Advanced" and select the desired providers
            </p>

            <WButton OnClick="GenerateDiagnoseAsync" CssClasses="btn btn-primary my-5">Generate report</WButton>

            <div class="text-sm">
                <a class="text-primary cursor-pointer flex items-center" @onclick:preventDefault
                   @onclick="ToggleDropDownAsync">
                    <span class="me-1.5">Advanced</span>
                    @if (DropdownOpen)
                    {
                        <i class="icon-chevron-up"></i>
                    }
                    else
                    {
                        <i class="icon-chevron-down"></i>
                    }
                </a>

                <div class="@(DropdownOpen ? "" : "hidden")">
                    <LazyLoader Load="LoadAsync">
                        <div class="mb-2 py-2 border-b border-base-content/70 flex items-center gap-3">
                            <input id="selectall_checkbox" @bind="SelectAll" type="checkbox" class="checkbox checkbox-primary checkbox-xs">
                            <label for="selectall_checkbox">Select all</label>
                        </div>

                        @foreach (var item in AvailableProviders)
                        {
                            <div class="mt-1 flex gap-3 items-center">
                                <input class="checkbox checkbox-primary checkbox-xs" type="checkbox" id="@(item.Key.Type + "_checkbox")"
                                       @bind="@AvailableProviders[item.Key]"/>
                                <label
                                    for="@(item.Key.Type + "_checkbox")">@Formatter.ConvertCamelCaseToSpaces(item.Key.Name)</label>
                            </div>
                        }
                    </LazyLoader>
                </div>
            </div>
        </div>
    </div>
    
    <div class="col-span-1">
        <SignalRDebug />
    </div>
</div>

@code
{
    private bool DropdownOpen = false;
    private Dictionary<DiagnoseProvideResponse, bool> AvailableProviders;
    
    private bool SelectAll
    {
        get => AvailableProviders.Values.All(v => v);
        set
        {
            foreach (var k in AvailableProviders.Keys)
                AvailableProviders[k] = value;
        }
    }

    private async Task LoadAsync(LazyLoader arg)
    {
        var providers = await ApiClient.GetJson<DiagnoseProvideResponse[]>(
            "api/admin/system/diagnose/providers"
        );

        AvailableProviders = providers
            .ToDictionary(x => x, _ => true);
    }

    private async Task GenerateDiagnoseAsync(WButton button)
    {
        var request = new GenerateDiagnoseRequest();

        if (!SelectAll)
        {
            // Filter the providers which have been selected if not all providers have been selected
            request.Providers = AvailableProviders
                .Where(x => x.Value)
                .Select(x => x.Key.Type)
                .ToArray();
        }

        var stream = await ApiClient.PostStream("api/admin/system/diagnose", request);

        await DownloadService.DownloadAsync("diagnose.zip", stream);
    }


    private async Task ToggleDropDownAsync()
    {
        DropdownOpen = !DropdownOpen;
        await InvokeAsync(StateHasChanged);
    }
}