@namespace ServerManagement.Components.Controls

@inject NavigationManager NavigationManager

@if (Server != null)
{
  <li @key="Server.Id" style="background-color: @GetBackgroundColor();">
    @Server.Name in @Server.City is
    <span style="color:@(Server.IsOnline ? "green" : "red")">
      @(Server.IsOnline ? "online" : "offline")
    </span>;
    &nbsp;
    @if (Server.IsOnline)
    {
      <button type="button" class="btn btn-outline-danger"
        @onclick="@(() => { Server.IsOnline = false; })">
      Turn off
      </button>
    }
    else
    {
      <button type="button" class="btn btn-outline-success"
        @onclick="@(() => { Server.IsOnline = true; })">
      Turn on
      </button>
    }
    &nbsp;
    @if (Server.IsOnline)
    {
      Random random = new Random();
      int randomNumber = random.Next(0, 500);
      <text>@randomNumber users online</text>
    }
    else
    {
      <text>N/A</text>
    }
    &nbsp;
    <a href="@($"/servers/{Server.Id}")" class="btn btn-primary">Edit</a>
    &nbsp;
    <EditForm
      Model="Server"
      FormName="@($"formDeleteServer{Server.Id}")"
      OnValidSubmit="@(() => { DeleteServer(Server.Id); })">
      <button type="submit" class="btn btn-danger">Delete</button>
    </EditForm>
  </li>
}

@code {
  [Parameter]
  public Server? Server { get; set; }

  [CascadingParameter(Name="SelectedCity")]
  public string? SelectedCity { get; set; }

  private void DeleteServer(int serverId)
  {
    if (serverId > 0)
    {
      ServersRepository.DeleteServer(serverId);
      NavigationManager.Refresh(forceReload: true);
    }
  }

  private string GetBackgroundColor()
  {
    if (SelectedCity != null) {
      switch (this.SelectedCity)
      {
        case "Eindhoven": return "lightskyblue";
        case "Helmond": return "lightcoral";
        case "Oosterhout": return "lightgreen";
        case "Roosendaal": return "lightsalmon";
        case "Deurne": return "lightpink";
        default:
          return "white";
      }
    }
    else
    {
      return "white";
    }
  }
}