@page "/admin/servers/templates/{Id:int}"

@using System.Net
@using LucideBlazor
@using Moonlight.Frontend.Infrastructure.Helpers
@using MoonlightServers.Shared
@using MoonlightServers.Shared.Admin.Templates
@using ShadcnBlazor.Buttons
@using ShadcnBlazor.Cards
@using ShadcnBlazor.Emptys
@using ShadcnBlazor.Extras.Common
@using ShadcnBlazor.Extras.Forms
@using ShadcnBlazor.Extras.Toasts
@using ShadcnBlazor.Fields
@using ShadcnBlazor.Inputs
@using ShadcnBlazor.Tab

@inject HttpClient HttpClient
@inject NavigationManager Navigation
@inject ToastService ToastService

<LazyLoader Load="LoadAsync">
    @if (Template == null)
    {
        <Empty>
            <EmptyHeader>
                <EmptyMedia Variant="EmptyMediaVariant.Icon">
                    <SearchIcon/>
                </EmptyMedia>
                <EmptyTitle>Template not found</EmptyTitle>
                <EmptyDescription>
                    A template with this id cannot be found
                </EmptyDescription>
            </EmptyHeader>
        </Empty>
    }
    else
    {
        <EnhancedEditForm Model="Request" OnValidSubmit="OnSubmitAsync" Context="formContext">

            <div class="flex flex-row justify-between">
                <div class="flex flex-col">
                    <h1 class="text-xl font-semibold">Update Template</h1>
                    <div class="text-muted-foreground">
                        Update template @Template.Name
                    </div>
                </div>
                <div class="flex flex-row gap-x-1.5">
                    <Button Variant="ButtonVariant.Secondary">
                        <Slot>
                            <a href="/admin/servers?tab=templates" @attributes="context">
                                <ChevronLeftIcon/>
                                Back
                            </a>
                        </Slot>
                    </Button>
                    <SubmitButton>
                        <CheckIcon/>
                        Continue
                    </SubmitButton>
                </div>
            </div>

            <div class="mt-8 space-y-5">

                <DataAnnotationsValidator/>

                <FormValidationSummary/>

                <Tabs DefaultValue="meta">
                    <TabsList ClassName="inline-flex w-full lg:w-fit justify-start overflow-x-auto overflow-y-hidden">
                        <TabsTrigger Value="meta">
                            <IdCardIcon/>
                            Meta
                        </TabsTrigger>
                        <TabsTrigger Value="lifecycle">
                            <PlayIcon/>
                            Lifecycle
                        </TabsTrigger>
                        <TabsTrigger Value="installation">
                            <SquareTerminalIcon/>
                            Installation
                        </TabsTrigger>
                        <TabsTrigger Value="variables">
                            <VariableIcon/>
                            Variables
                        </TabsTrigger>
                        <TabsTrigger Value="dockerImages">
                            <ContainerIcon/>
                            Docker Images
                        </TabsTrigger>
                        <TabsTrigger Value="files">
                            <FileCogIcon/>
                            Files
                        </TabsTrigger>
                    </TabsList>

                    <TabsContent Value="meta">
                        <Card>
                            <CardContent>
                                <FieldGroup>
                                    <FieldSet>
                                        <FieldGroup>
                                            <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-8">
                                                <Field>
                                                    <FieldLabel for="templateName">Name</FieldLabel>
                                                    <TextInputField
                                                        @bind-Value="Request.Name"
                                                        id="templateName"/>
                                                </Field>

                                                <Field>
                                                    <FieldLabel for="templateAuthor">Author</FieldLabel>
                                                    <TextInputField
                                                        @bind-Value="Request.Author"
                                                        id="templateAuthor"/>
                                                </Field>

                                                <Field>
                                                    <FieldLabel for="templateVersion">Version</FieldLabel>
                                                    <TextInputField
                                                        @bind-Value="Request.Version"
                                                        id="templateVersion"/>
                                                </Field>

                                                <Field ClassName="col-span-1 lg:col-span-2 xl:col-span-3">
                                                    <FieldLabel for="templateDescription">Description</FieldLabel>
                                                    <TextareaInputField
                                                        @bind-Value="Request.Description"
                                                        id="templateDescription"/>
                                                </Field>

                                                <Field>
                                                    <FieldLabel for="templateDonateUrl">Donate URL</FieldLabel>
                                                    <TextInputField
                                                        @bind-Value="Request.DonateUrl"
                                                        id="templateDonateUrl"/>
                                                </Field>

                                                <Field>
                                                    <FieldLabel for="templateUpdateUrl">Update URL</FieldLabel>
                                                    <TextInputField
                                                        @bind-Value="Request.UpdateUrl"
                                                        id="templateUpdateUrl"/>
                                                </Field>
                                            </div>
                                        </FieldGroup>
                                    </FieldSet>
                                </FieldGroup>
                            </CardContent>
                        </Card>
                    </TabsContent>

                    <TabsContent Value="lifecycle">
                        <Card>
                            <CardContent>
                                <FieldGroup>
                                    <FieldSet>
                                        <FieldGroup>
                                            <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-8">
                                                <Field ClassName="col-span-1 lg:col-span-2">
                                                    <FieldLabel>Startup Commands</FieldLabel>
                                                    <StartupCommandEditor
                                                        @bind-Value="Request.LifecycleConfig.StartupCommands"/>
                                                </Field>
                                                <Field>
                                                    <FieldLabel for="templateStopCommand">Stop Command</FieldLabel>
                                                    <TextInputField
                                                        @bind-Value="Request.LifecycleConfig.StopCommand"
                                                        id="templateStopCommand"/>
                                                </Field>
                                                <Field ClassName="col-span-1 lg:col-span-2">
                                                    <FieldLabel>Online Texts</FieldLabel>
                                                    <OnlineTextEditor
                                                        @bind-Value="Request.LifecycleConfig.OnlineLogPatterns"/>
                                                </Field>
                                            </div>
                                        </FieldGroup>
                                    </FieldSet>
                                </FieldGroup>
                            </CardContent>
                        </Card>
                    </TabsContent>

                    <TabsContent Value="installation">
                        <Card>
                            <CardContent>
                                <FieldGroup>
                                    <FieldSet>
                                        <FieldGroup>
                                            <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-8">
                                                <Field>
                                                    <FieldLabel for="templateInstallDockerImage">Docker Image
                                                    </FieldLabel>
                                                    <TextInputField
                                                        @bind-Value="Request.InstallationConfig.DockerImage"
                                                        id="templateInstallDockerImage"/>
                                                </Field>

                                                <Field>
                                                    <FieldLabel for="templateInstallShell">Shell</FieldLabel>
                                                    <TextInputField
                                                        @bind-Value="Request.InstallationConfig.Shell"
                                                        id="templateInstallShell"/>
                                                </Field>

                                                <Field ClassName="col-span-1 lg:col-span-2 xl:col-span-3">
                                                    <FieldLabel>Script</FieldLabel>
                                                    <ScriptEditor
                                                        @ref="ScriptEditor"
                                                        @bind-Value="Request.InstallationConfig.Script"/>
                                                </Field>
                                            </div>
                                        </FieldGroup>
                                    </FieldSet>
                                </FieldGroup>
                            </CardContent>
                        </Card>
                    </TabsContent>

                    <TabsContent Value="variables">
                        <VariableListEditor Template="Template"/>
                    </TabsContent>

                    <TabsContent Value="dockerImages">
                        <DockerImageListEditor Request="Request" Template="Template"/>
                    </TabsContent>

                    <TabsContent Value="files">
                        <ConfigFilesEditor FilesConfig="Request.FilesConfig"/>
                    </TabsContent>
                </Tabs>
            </div>

        </EnhancedEditForm>
    }
</LazyLoader>

@code
{
    [Parameter] public int Id { get; set; }

    private UpdateTemplateDto Request;
    private DetailedTemplateDto? Template;

    private ScriptEditor ScriptEditor;

    private async Task LoadAsync(LazyLoader _)
    {
        // Meta
        var metaResponse = await HttpClient.GetAsync($"api/admin/servers/templates/{Id}");

        if (!metaResponse.IsSuccessStatusCode)
        {
            if (metaResponse.StatusCode == HttpStatusCode.NotFound)
                return;

            metaResponse.EnsureSuccessStatusCode();
            return;
        }

        Template = await metaResponse.Content.ReadFromJsonAsync<DetailedTemplateDto>(
            SerializationContext.Default.Options
        );

        if (Template == null)
            return;

        Request = TemplateMapper.ToRequest(Template);
    }

    private async Task<bool> OnSubmitAsync(EditContext context, ValidationMessageStore validationMessageStore)
    {
        await ScriptEditor.SubmitAsync();

        var response = await HttpClient.PutAsJsonAsync(
            $"/api/admin/servers/templates/{Id}",
            Request,
            SerializationContext.Default.Options
        );

        if (!response.IsSuccessStatusCode)
        {
            await ProblemDetailsHelper.HandleProblemDetailsAsync(response, Request, validationMessageStore);
            return false;
        }

        await ToastService.SuccessAsync(
            "Template Update",
            $"Successfully updated template {Request.Name}"
        );

        Navigation.NavigateTo("/admin/servers?tab=templates");
        return true;
    }
}