@page "/admin/users"

@using MoonCore.Helpers
@using MoonCore.Models
@using Moonlight.Shared.Http.Responses.Admin.Users
@using MoonCore.Blazor.FlyonUi.DataTables

@inject HttpApiClient ApiClient
@inject AlertService AlertService
@inject ToastService ToastService

<div class="mb-5">
    <PageHeader Title="Users">
        <a href="/admin/users/create" class="btn btn-primary">
            Create
        </a>
    </PageHeader>
</div>

<DataTable @ref="Table" TItem="UserResponse">
    <Configuration>
        <Pagination TItem="UserResponse" ItemSource="LoadData" />
        
        <DataTableColumn TItem="UserResponse" Field="@(x => x.Id)" Name="Id"/>
        <DataTableColumn TItem="UserResponse" Field="@(x => x.Username)" Name="Username"/>
        <DataTableColumn TItem="UserResponse" Field="@(x => x.Email)" Name="Email"/>
        <DataTableColumn TItem="UserResponse">
            <ColumnTemplate>
                <div class="flex justify-end">
                    <a href="/admin/users/@(context.Id)" class="mr-2 sm:mr-3">
                        <i class="icon-pencil text-primary"></i>
                    </a>

                    <a href="#" @onclick="() => Delete(context)" @onclick:preventDefault>
                        <i class="icon-trash text-error"></i>
                    </a>
                </div>
            </ColumnTemplate>
        </DataTableColumn>
    </Configuration>
</DataTable>

@code
{
    private DataTable<UserResponse> Table;
    
    private async Task<IPagedData<UserResponse>> LoadData(PaginationOptions options)
     => await ApiClient.GetJson<PagedData<UserResponse>>($"api/admin/users?page={options.Page}&pageSize={options.PerPage}");

    private async Task Delete(UserResponse response)
    {
        await AlertService.ConfirmDanger(
            "User deletion",
            $"Do you really want to delete the user '{response.Username}'",
            async () =>
            {
                await ApiClient.Delete($"api/admin/users/{response.Id}");
                await ToastService.Success("Successfully deleted user");

                await Table.Refresh();
            }
        );
    }
}