@page "/admin/servers/all"

@using MoonCore.Blazor.Tailwind.Alerts
@using MoonCore.Helpers
@using MoonCore.Models
@using MoonlightServers.Shared.Http.Responses.Admin.Nodes
@using MoonlightServers.Shared.Http.Responses.Admin.Servers
@using MoonlightServers.Shared.Http.Responses.Admin.Stars
@using MoonCore.Blazor.Tailwind.Components
@using MoonCore.Blazor.Tailwind.Dt
@using MoonCore.Blazor.Tailwind.Toasts

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

<div class="mb-3">
    <NavTabs Index="1" Names="@UiConstants.AdminNavNames" Links="@UiConstants.AdminNavLinks"/>
</div>

<div class="mb-5">
    <PageHeader Title="Servers">
        <a href="/admin/servers/all/create" class="btn btn-primary">
            Create
        </a>
    </PageHeader>
</div>

<DataTable @ref="Table" TItem="ServerDetailResponse">
    <Configuration>
        <Pagination TItem="ServerDetailResponse" ItemSource="LoadData" />
        
        <DataTableColumn TItem="ServerDetailResponse" Field="@(x => x.Id)" Name="Id"/>
        <DataTableColumn TItem="ServerDetailResponse" Field="@(x => x.Name)" Name="Name"/>
        <DataTableColumn TItem="ServerDetailResponse" Field="@(x => x.NodeId)" Name="Node">
            <ColumnTemplate>
                @{
                    var node = Nodes.FirstOrDefault(x => x.Id == context.NodeId);
                }

                <span>
                    @(node?.Name ?? "N/A")
                </span>
            </ColumnTemplate>
        </DataTableColumn>
        <DataTableColumn TItem="ServerDetailResponse" Field="@(x => x.StarId)" Name="Star">
            <ColumnTemplate>
                @{
                    var star = Stars.FirstOrDefault(x => x.Id == context.StarId);
                }

                <span>
                    @(star?.Name ?? "N/A")
                </span>
            </ColumnTemplate>
        </DataTableColumn>
        <DataTableColumn TItem="ServerDetailResponse">
            <ColumnTemplate>
                <div class="flex justify-end">
                    <a href="/admin/servers/all/update/@(context.Id)" class="text-primary-500 mr-2 sm:mr-3">
                        <i class="icon-pencil text-base"></i>
                    </a>

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

@code
{
    private DataTable<ServerDetailResponse> Table;
    
    private List<StarDetailResponse> Stars = new();
    private List<NodeDetailResponse> Nodes = new();

    private async Task<IPagedData<ServerDetailResponse>> LoadData(PaginationOptions options)
    {
        // Clear potential previous data
        var data = await ApiClient.GetJson<PagedData<ServerDetailResponse>>($"api/admin/servers?page={options.Page}&pageSize={options.PerPage}");

        foreach (var item in data.Items)
        {
            if (Nodes.All(x => x.Id != item.NodeId))
            {
                var node = await ApiClient.GetJson<NodeDetailResponse>($"api/admin/servers/nodes/{item.NodeId}");
                Nodes.Add(node);
            }

            if (Stars.All(x => x.Id != item.StarId))
            {
                var star = await ApiClient.GetJson<StarDetailResponse>($"api/admin/servers/stars/{item.StarId}");
                Stars.Add(star);
            }
        }

        return data;
    }
    
    private async Task Delete(ServerDetailResponse detailResponse)
    {
        await AlertService.ConfirmDanger(
            "Server deletion",
            $"Do you really want to delete the server '{detailResponse.Name}'",
            async () =>
            {
                await ApiClient.Delete($"api/admin/servers/{detailResponse.Id}");
                await ToastService.Success("Successfully deleted server");

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