@page "/servers"
@using ServerManagement.Components.Controls

<h3>Servers</h3>
<br/>
<br/>
<CityListComponent SelectCityCallBack="HandleCitySelection"></CityListComponent>
<br/>
<SearchBarComponent FilterSearchTerm="HandleSearch"></SearchBarComponent>
<br/>
<a href="@($"/servers/add")" class="btn btn-primary">Add</a>
<br/>

<ServerListComponent
  CityName="@this.selectedCity"
  SearchFilter="@this.searchFilter">

</ServerListComponent>

@code {
  private string selectedCity = "Eindhoven";
  private string searchFilter = "";

  private void HandleCitySelection(string cityName)
  {
    this.searchFilter = string.Empty;
    this.selectedCity = cityName;
  }

  private void HandleSearch(string searchFilter)
  {
    this.selectedCity = string.Empty;
    this.searchFilter = searchFilter;
  }
}