@inject NavigationManager NavigationManager

<ul>
  <Virtualize Items="this.servers" Context="server">
    <li @key="server.Id">
      @server.Name in @server.City is
      <span style="color:@(server.IsOnline ? "green" : "red")">
        @(server.IsOnline ? "online" : "offline")
      </span>;
      &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>
  </Virtualize>
</ul>

@code {
  private List<Server> servers = ServersRepository.GetServersByCity("Eindhoven");

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