@page "/admin/users"

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

@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"
          ItemSource="ItemSource">
    <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 ItemSource<UserResponse> ItemSource => ItemSourceFactory.From(LoadItemsAsync);

    private async Task<IEnumerable<UserResponse>> LoadItemsAsync(
        int startIndex, int count, string? filter, SortOption? sortOption
    )
    {
        var query = $"?startIndex={startIndex}&count={count}";

        if (sortOption != null)
        {
            var dir = sortOption.Direction == SortDirection.Descending ? "desc" : "asc";
            query += $"&orderBy={sortOption.Column}&orderByDir={dir}";
        }

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

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

    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();
            }
        );
    }
}