@using MoonCore.Blazor.Tailwind.Alerts
@using MoonlightServers.Shared.Http.Responses.Admin.Stars
@using MoonlightServers.Shared.Http.Responses.Admin.StarVariables
@using MoonCore.Blazor.Tailwind.Components
@using MoonCore.Blazor.Tailwind.Modals
@using MoonCore.Blazor.Tailwind.Toasts
@using MoonCore.Helpers
@using MoonCore.Models
@using MoonlightServers.Frontend.UI.Components.Stars.Modals
@using MoonlightServers.Shared.Http.Requests.Admin.StarVariables

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

<div class="flex justify-end mb-5">
    <button type="button" @onclick="AddVariable" class="btn btn-primary">Add variable</button>
</div>

<LazyLoader @ref="LazyLoader" Load="Load">
    <div class="grid sm:grid-cols-2 xl:grid-cols-3 gap-4">
        @foreach (var variable in Variables)
        {
            <div class="col-span-1 card card-body p-2.5">
                <div class="flex items-center justify-between">
                    <div class="ml-3">
                        <i class="icon-variable text-xl align-middle mr-2"></i>
                        <span class="align-middle text-lg">@variable.Name</span>
                    </div>
                    
                    <div class="gap-x-2">
                        <button @onclick="() => UpdateVariable(variable)" class="btn btn-primary">
                            <i class="icon-settings text-base"></i>
                        </button>

                        <button @onclick="() => DeleteVariable(variable)" class="btn btn-danger">
                            <i class="icon-trash text-base"></i>
                        </button>
                    </div>
                </div>
            </div>
        }
    </div>
</LazyLoader>

@code
{
    [Parameter] public StarDetailResponse Star { get; set; }
    
    private StarVariableDetailResponse[] Variables;
    private LazyLoader LazyLoader;

    private async Task Load(LazyLoader arg)
    {
        var pagedVariables = await ApiClient.GetJson<PagedData<StarVariableDetailResponse>>(
            $"api/admin/servers/stars/{Star.Id}/variables?page=0&pageSize=50"
        );

        Variables = pagedVariables.Items;
    }

    private async Task AddVariable()
    {
        Func<CreateStarVariableRequest, Task> onSubmit = async request =>
        {
            await ApiClient.Post($"api/admin/servers/stars/{Star.Id}/variables", request);
            
            await ToastService.Success("Successfully created variable");
            await LazyLoader.Reload();
        };
        
        await ModalService.Launch<CreateVariableModal>(parameters =>
        {
            parameters.Add("OnSubmit", onSubmit);
        }, "max-w-xl");
    }
    
    private async Task UpdateVariable(StarVariableDetailResponse variable)
    {
        Func<UpdateStarVariableRequest, Task> onSubmit = async request =>
        {
            await ApiClient.Patch($"api/admin/servers/stars/{Star.Id}/variables/{variable.Id}", request);
            
            await ToastService.Success("Successfully updated variable");
            await LazyLoader.Reload();
        };
        
        await ModalService.Launch<UpdateVariableModal>(parameters =>
        {
            parameters.Add("OnSubmit", onSubmit);
            parameters.Add("Variable", variable);
        }, "max-w-xl");
    }

    private async Task DeleteVariable(StarVariableDetailResponse variable)
    {
        await AlertService.ConfirmDanger(
            "Delete variable",
            "Do you really want to delete the selected variable? This cannot be undone",
            async () =>
            {
                await ApiClient.Delete($"api/admin/servers/stars/{Star.Id}/variables/{variable.Id}");
            
                await ToastService.Success("Successfully deleted variable");
                await LazyLoader.Reload();
            }
        );
    }
}