@using MoonCore.Blazor.FlyonUi.Components
@using MoonCore.Common
@using MoonCore.Helpers
@using MoonlightServers.Shared.Http.Requests.Admin.Stars
@using MoonlightServers.Shared.Http.Responses.Admin.StarDockerImages
@using MoonlightServers.Shared.Http.Responses.Admin.Stars
@using MoonlightServers.Frontend.UI.Components.Forms

@inject HttpApiClient ApiClient

<LazyLoader Load="LoadAsync">
    <div>
        <div class="grid grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-6">
            <div class="sm:col-span-2">
                <label class="block text-sm font-medium leading-6 text-base-content">Allow docker image change</label>
                <div class="mt-2">
                    <Switch @bind-Value="Request.AllowDockerImageChange" />
                </div>
            </div>
            <div class="sm:col-span-2">
                <label class="block text-sm font-medium leading-6 text-base-content">Default docker image</label>
                <div class="mt-2">
                    <select @bind="Request.DefaultDockerImage" class="select w-full">
                        @foreach (var dockerImage in DockerImages)
                        {
                            var index = DockerImages.IndexOf(dockerImage);
                            
                            if (Request.DefaultDockerImage == index)
                            {
                                <option selected="selected"
                                        value="@index">
                                    @dockerImage.DisplayName
                                </option>
                            }
                            else
                            {
                                <option value="@index">
                                    @dockerImage.DisplayName
                                </option>
                            }
                        }
                    </select>
                </div>
            </div>
        </div>
    </div>
</LazyLoader>

@code
{
    [Parameter] public UpdateStarRequest Request { get; set; }
    [Parameter] public StarResponse Star { get; set; }
    
    private List<StarDockerImageResponse> DockerImages;

    private async Task LoadAsync(LazyLoader _)
    {
        var pagedVariables = await ApiClient.GetJson<CountedData<StarDockerImageResponse>>(
            $"api/admin/servers/stars/{Star.Id}/dockerImages?startIndex=0&count=100"
        );
        
        // TODO: Fix this

        DockerImages = pagedVariables
            .Items
            .OrderBy(x => x.Id) // Make sure its in the correct order every time
            .ToList();
    }
}