@page "/admin/servers/all"

@using MoonCore.Blazor.FlyonUi.Alerts
@using MoonCore.Blazor.FlyonUi.DataTables
@using MoonCore.Blazor.FlyonUi.Toasts
@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.FlyonUi.Components

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

@attribute [Authorize(Policy = "permissions:admin.servers.get")]

<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="ServerResponse">
    <Configuration>
        <Pagination TItem="ServerResponse" ItemSource="LoadData" />
        
        <DataTableColumn TItem="ServerResponse" Field="@(x => x.Id)" Name="Id"/>
        <DataTableColumn TItem="ServerResponse" Field="@(x => x.Name)" Name="Name">
            <ColumnTemplate>
                <a class="text-primary" href="/admin/servers/all/update/@context.Id">
                    @context.Name
                </a>
            </ColumnTemplate>
        </DataTableColumn>
        <DataTableColumn TItem="ServerResponse" 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="ServerResponse" 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="ServerResponse">
            <ColumnTemplate>
                <div class="flex justify-end">
                    <a href="/admin/servers/all/update/@(context.Id)" class="text-primary mr-2 sm:mr-3">
                        <i class="icon-pencil text-base"></i>
                    </a>

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

@code
{
    private DataTable<ServerResponse> Table;
    
    private List<StarResponse> Stars = new();
    private List<NodeResponse> Nodes = new();

    private async Task<IPagedData<ServerResponse>> LoadData(PaginationOptions options)
    {
        // Clear potential previous data
        var data = await ApiClient.GetJson<PagedData<ServerResponse>>($"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<NodeResponse>($"api/admin/servers/nodes/{item.NodeId}");
                Nodes.Add(node);
            }

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

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

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