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

@inherits ShadcnBlazor.Extras.Dialogs.DialogBase

@inject HttpClient HttpClient
@inject ToastService ToastService

<DialogHeader>
    <DialogTitle>
        Create new role
    </DialogTitle>
    <DialogDescription>
        Create a new role by giving it a name, a description and the permissions it should grant to its members
    </DialogDescription>
</DialogHeader>

<EnhancedEditForm Model="Request" OnValidSubmit="OnSubmitAsync">
    <FieldGroup>
        <FormValidationSummary/>
        <DataAnnotationsValidator/>

        <FieldSet>
            <Field>
                <FieldLabel for="roleName">Name</FieldLabel>
                <TextInputField
                    @bind-Value="Request.Name"
                    id="roleName"
                    placeholder="My fancy role"/>
            </Field>
            <Field>
                <FieldLabel for="keyDescription">Description</FieldLabel>
                <TextareaInputField @bind-Value="Request.Description" id="keyDescription"
                                    placeholder="Describe what the role should be used 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<Task> OnSubmit { get; set; }

    private CreateRoleDto Request;
    private List<string> Permissions;

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

        Permissions = new();
    }

    private async Task<bool> OnSubmitAsync(EditContext editContext, ValidationMessageStore validationMessageStore)
    {
        Request.Permissions = Permissions.ToArray();
        
        var response = await HttpClient.PostAsJsonAsync(
            "api/admin/roles",
            Request,
            SerializationContext.Default.Options
        );
        
        if (!response.IsSuccessStatusCode)
        {
            await ProblemDetailsHelper.HandleProblemDetailsAsync(response, Request, validationMessageStore);
            return false;
        }

        await ToastService.SuccessAsync("Role creation", $"Role {Request.Name} has been successfully created");

        await OnSubmit.Invoke();
        await CloseAsync();

        return true;
    }
}