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

<h3>Servers</h3>
<br/>
<br/>
<CityListComponent SelectCityCallBack="HandleCitySelection"></CityListComponent>
<br/>
<div class="input-group mb-3">
  <input type="text" class="form-control" placeholder="Search servers"
    @bind-value="serverFilter"
    @bind-value:event="oninput" />
  <button class="btn btn-outline-secondary" type="button" id="button-search" @onclick="HandleSearch">Search</button>
</div>
<br/>
<a href="@($"/servers/add")" class="btn btn-primary">Add</a>
<br/>

<ServerListComponent CityName="@this.selectedCity"></ServerListComponent>

@code {
  private string selectedCity = "Eindhoven";
  private string _serverFilter = "";
  private string serverFilter {
    get => _serverFilter;
    set
    {
      _serverFilter = value;
      //this.servers = ServersRepository.SearchServers(_serverFilter);
      //this.selectedCity = string.Empty;
    }
  }

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

  private void HandleSearch()
  {
    //this.servers = ServersRepository.SearchServers(serverFilter);
    // this.selectedCity = string.Empty;
  }
}