@using Moonlight.Frontend.UI.Admin.Components
@using Moonlight.Shared.Http.Requests.ApiKeys
@using ShadcnBlazor.Dialogs
@using ShadcnBlazor.Extras.Forms
@using ShadcnBlazor.Fields
@using ShadcnBlazor.Inputs

@inherits ShadcnBlazor.Extras.Dialogs.DialogBase

<DialogHeader>
    <DialogTitle>Create new API key</DialogTitle>
    <DialogDescription>
        Define a name, description, and select the permissions that the key should have.
    </DialogDescription>
</DialogHeader>

<EnhancedEditForm Model="Request" OnValidSubmit="OnSubmitAsync">

    <FieldGroup>
        <DataAnnotationsValidator/>
        <FormValidationSummary/>
        
        <FieldSet>
            <Field>
                <FieldLabel for="keyName">Name</FieldLabel>
                <TextInputField @bind-Value="Request.Name" id="keyName" placeholder="My API key"/>
            </Field>
            <Field>
                <FieldLabel for="keyDescription">Description</FieldLabel>
                <TextareaInputField @bind-Value="Request.Description" id="keyDescription" placeholder="What this key is for"/>
            </Field>
            <Field>
                <FieldLabel>Permissions</FieldLabel>
                <FieldContent>
                    <PermissionSelector Permissions="Permissions"/>
                </FieldContent>
            </Field>
        </FieldSet>
        <Field Orientation="FieldOrientation.Horizontal" ClassName="justify-end">
            <SubmitButton>Save changes</SubmitButton>
        </Field>
    </FieldGroup>
</EnhancedEditForm>

@code
{
    [Parameter] public Func<CreateApiKeyDto, Task> OnSubmit { get; set; }

    private CreateApiKeyDto Request;

    private List<string> Permissions = new();

    protected override void OnInitialized()
    {
        Request = new()
        {
            Permissions = []
        };
    }

    private async Task<bool> OnSubmitAsync(EditContext editContext, ValidationMessageStore validationMessageStore)
    {
        Request.Permissions = Permissions.ToArray();

        await OnSubmit.Invoke(Request);

        await CloseAsync();
        return true;
    }
}