@page "/admin/users/{Id:int}"

@using System.Text.Json
@using MoonCore.Helpers
@using Moonlight.Shared.Http.Requests.Admin.Users
@using Moonlight.Shared.Http.Responses.Admin.Users
@using MoonCore.Blazor.Tailwind.Input2

@inject HttpApiClient ApiClient
@inject NavigationManager Navigation
@inject ToastService ToastService

<LazyLoader Load="Load">
    <PageHeader Title="Update User">
        <a href="/admin/users" class="btn btn-secondary">
            <i class="icon-chevron-left mr-1"></i>
            Back
        </a>
        <WButton OnClick="_ => Form.Submit()" CssClasses="btn btn-primary">
            <i class="icon-check mr-1"></i>
            Update
        </WButton>
    </PageHeader>

    <div class="mt-5">
        <HandleForm @ref="Form" Model="Request" OnValidSubmit="OnSubmit">
            <div class="grid grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-6">
                <div class="sm:col-span-2">
                    <label class="block text-sm font-medium leading-6 text-white">Username</label>
                    <div class="mt-2">
                        <input @bind="Request.Username" type="text" autocomplete="off" class="form-input w-full">
                    </div>
                </div>
                <div class="sm:col-span-2">
                    <label class="block text-sm font-medium leading-6 text-white">Email</label>
                    <div class="mt-2">
                        <input @bind="Request.Email" type="email" autocomplete="off" class="form-input w-full">
                    </div>
                </div>
                <div class="sm:col-span-2">
                    <label class="block text-sm font-medium leading-6 text-white">Permissions</label>
                    <div class="mt-2">
                        <InputTags @bind-Value="Permissions" />
                    </div>
                </div>
                <div class="sm:col-span-2">
                    <label class="block text-sm font-medium leading-6 text-white">Password</label>
                    <div class="mt-2">
                        <input @bind="Request.Password" type="password" autocomplete="off" class="form-input w-full">
                    </div>
                </div>
            </div>
        </HandleForm>
    </div>
</LazyLoader>

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

    private HandleForm Form;
    private UpdateUserRequest Request;

    private string[] Permissions = [];

    private async Task Load(LazyLoader _)
    {
        var detail = await ApiClient.GetJson<UserResponse>($"api/admin/users/{Id}");

        Permissions = JsonSerializer.Deserialize<string[]>(detail.PermissionsJson) ?? [];

        Request = new()
        {
            Email = detail.Email,
            PermissionsJson = detail.PermissionsJson,
            Username = detail.Username
        };
    }

    private async Task OnSubmit()
    {
        Request.PermissionsJson = JsonSerializer.Serialize(Permissions);
        
        await ApiClient.Patch($"api/admin/users/{Id}", Request);

        await ToastService.Success("Successfully updated user");
        Navigation.NavigateTo("/admin/users");
    }
}