@using LucideBlazor
@using Moonlight.Frontend.UI.Admin.Modals
@using Moonlight.Shared.Http.Responses.Admin
@using ShadcnBlazor.Cards
@using ShadcnBlazor.Emptys
@using ShadcnBlazor.Buttons
@using ShadcnBlazor.Extras.AlertDialogs
@using ShadcnBlazor.Extras.Common
@using ShadcnBlazor.Extras.Dialogs
@using ShadcnBlazor.Fields
@using ShadcnBlazor.Selects

@inject HttpClient HttpClient
@inject DialogService DialogService
@inject AlertDialogService AlertDialogService

<div class="mt-5">
    <LazyLoader Load="LoadAsync">
        @if (StatusDto.IsEnabled)
        {
            if (StatusDto.IsReachable)
            {
                <div class="grid grid-cols-1 lg:grid-cols-2 gap-5">
                    <Card ClassName="col-span-1">
                        <CardHeader>
                            <CardTitle>Version</CardTitle>
                        </CardHeader>
                        <CardContent>
                            <FieldGroup>
                                <FieldSet>
                                    <Field>
                                        <FieldLabel>
                                            Version
                                        </FieldLabel>
                                        <FieldContent>
                                            <Select DefaultValue="@SelectedVersion" @bind-Value="SelectedVersion">
                                                <SelectTrigger ClassName="w-64">
                                                    <SelectValue/>
                                                </SelectTrigger>
                                                <SelectContent ClassName="w-64">
                                                    <SelectItem Value="v2.1">v2.1</SelectItem>
                                                    <SelectItem Value="v2.1.1">v2.1.1</SelectItem>
                                                </SelectContent>
                                            </Select>
                                        </FieldContent>
                                    </Field>
                                </FieldSet>
                                <Field Orientation="FieldOrientation.Horizontal">
                                    <Button @onclick="ApplyAsync">Apply</Button>
                                </Field>
                            </FieldGroup>
                        </CardContent>
                    </Card>
                    <Card ClassName="col-span-1">
                        <CardHeader>
                            <CardTitle>Plugins</CardTitle>
                        </CardHeader>
                        <CardContent>
                            <Empty>
                                <EmptyHeader>
                                    <EmptyMedia Variant="EmptyMediaVariant.Icon">
                                        <SearchIcon/>
                                    </EmptyMedia>
                                    <EmptyTitle>No Plugins found</EmptyTitle>
                                    <EmptyDescription>
                                        No plugins found in instance configuration
                                    </EmptyDescription>
                                </EmptyHeader>
                            </Empty>
                        </CardContent>
                    </Card>
                </div>
            }
            else
            {
                <Empty>
                    <EmptyHeader>
                        <EmptyMedia Variant="EmptyMediaVariant.Icon">
                            <CircleAlertIcon ClassName="text-red-500"/>
                        </EmptyMedia>
                        <EmptyTitle>Container Helper unreachable</EmptyTitle>
                        <EmptyDescription>
                            The container helper is unreachable. No management actions are available
                        </EmptyDescription>
                    </EmptyHeader>
                </Empty>
            }
        }
        else
        {
            <Empty>
                <EmptyHeader>
                    <EmptyMedia Variant="EmptyMediaVariant.Icon">
                        <ToggleLeftIcon/>
                    </EmptyMedia>
                    <EmptyTitle>Container Helper is disabled</EmptyTitle>
                    <EmptyDescription>
                        The container helper is disabled on this instance.
                        This might be due to running a multiple container moonlight setup
                    </EmptyDescription>
                </EmptyHeader>
            </Empty>
        }
    </LazyLoader>
</div>

@code
{
    private ContainerHelperStatusDto StatusDto;
    private string SelectedVersion = "v2.1";

    private async Task LoadAsync(LazyLoader _)
    {
        StatusDto = (await HttpClient.GetFromJsonAsync<ContainerHelperStatusDto>("api/admin/ch/status"))!;
    }

    private async Task ApplyAsync()
    {
        await AlertDialogService.ConfirmDangerAsync(
            "Moonlight Rebuild",
            "If you continue the moonlight instance will become unavailable during the rebuild process. This will impact users on this instance",
            async () =>
            {
                await DialogService.LaunchAsync<UpdateInstanceModal>(
                    parameters => { parameters[nameof(UpdateInstanceModal.Version)] = SelectedVersion; },
                    onConfigure: model =>
                    {
                        model.ShowCloseButton = false;
                        model.ClassName = "sm:max-w-4xl!";
                    }
                );
            }
        );
    }
}