@page "/admin/users"

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

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

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

<DataGrid @ref="Grid"
          TGridItem="UserResponse"
          ItemsProvider="ItemsProviderAsync"
          EnableFiltering="true"
          EnablePagination="true">
    <PropertyColumn Field="x => x.Id" Sortable="true" />
    <PropertyColumn Field="x => x.Username" Sortable="true" />
    <PropertyColumn Field="x => x.Email" Sortable="true" />
    
    <TemplateColumn>
        <td>
            <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="() => DeleteAsync(context)" @onclick:preventDefault>
                    <i class="icon-trash text-error"></i>
                </a>
            </div>
        </td>
    </TemplateColumn>
</DataGrid>

@code
{
    private DataGrid<UserResponse> Grid;
    
    private async Task<DataGridItemResult<UserResponse>> ItemsProviderAsync(DataGridItemRequest request)
    {
        var query = $"?startIndex={request.StartIndex}&count={request.Count}";

        if (!string.IsNullOrEmpty(request.SortColumn))
        {
            var dir = request.SortDirection == SortState.Descending ? "desc" : "asc";
            query += $"&orderBy={request.SortColumn}&orderByDir={dir}";
        }

        if (!string.IsNullOrEmpty(request.Filter))
            query += $"&filter={request.Filter}";

        var data = await ApiClient.GetJson<CountedData<UserResponse>>($"api/admin/users{query}");

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

                await Grid.RefreshAsync();
            }
        );
    }
}