@page "/cityname"

@inject NavigationManager NavigationManager

<h3>City Name</h3>
<br/>

@if (!string.IsNullOrWhiteSpace(errorMessage))
{
  <div class="alert alert-danger">
    @errorMessage
  </div>
}

<FieldComponent Label="City name">
  <Control>
    <input type="text" @bind-value="cityName" class="form-control"></input>
  </Control>
</FieldComponent>
<br/>
<button type="button" class="btn btn-primary" @onclick="GoNext">Next</button>

@code {
  private string? errorMessage;
  private string? cityName;

  [SupplyParameterFromQuery]
  private string? ServerName { get; set; }

  protected override void OnInitialized()
  {
    base.OnInitialized();
  }

  protected override void OnAfterRender(bool firstRender)
  {
    if (firstRender)
    {
      if (string.IsNullOrWhiteSpace(ServerName))
      {
        this.errorMessage = "Server name was not provided.";
        StateHasChanged();
      }
    }
  }

  private void GoNext()
  {
    if (string.IsNullOrWhiteSpace(ServerName))
    {
      this.errorMessage = "Server name is required.";
      return;
    }
    if (string.IsNullOrWhiteSpace(cityName))
    {
      this.errorMessage = "City name is required.";
      return;
    }
    
    NavigationManager.NavigateTo($"/serverstatus?servername={ServerName}&cityname={cityName}");    
  }
}