@page "/fetchdata"
@implements IDisposable
@inject NavigationManager NavigationManager

<h1>Results</h1>

@* Tabella dei risultati *@
<table class="table table-condensed">
  @foreach(string result in results)
  {
  <tr>
    <td>@result</td>
  </tr>
  }
</table>

@* Barra di navigazione contenente i link di paginazione *@
<nav>
  <ul class="pagination">
    @for(int i = 1; i <= totalPages; i++)
    {
    <li class="page-item @(i==currentPage? "active" : "")">
      <a class="page-link" href="/fetchdata?page=@i">@i</a>
    </li>
    }
  </ul>
</nav>

@code {
    private IReadOnlyCollection<string> results;
    private int totalPages;
    private int currentPage;

    protected override void OnInitialized()
    {
      base.OnInitialized();
      
    //Sottoscriviamo l'evento LocationChanged che si verifica quando
      //si clicca uno dei link di paginazione
      NavigationManager.LocationChanged += OnLocationChanged;
      
    //Il Razor Component è stato inizializzato, visualizziamo i risultati
      ShowResults(NavigationManager.Uri);
    }

  private void OnLocationChanged(object sender, LocationChangedEventArgs args)
  {
    //Se siamo qui vuol dire che l'evento LocationChanged è stato sollevato
  //Dunque invochiamo la funzione che si occupa di visualizzare i risultati
    ShowResults(args.Location);
  }

  private void ShowResults(string location)
  {
    //Otteniamo un riferimento ai valori querystring
    var uri = new Uri(location);
    var querystring = System.Web.HttpUtility.ParseQueryString(uri.Query);

    //Proviamo a estrarre il numero di pagina dalla chiave page fornita via querystring
    int.TryParse(querystring["page"], out currentPage);
    //Sanitizziamo il valore per impedire che sia minore o uguale a 0
    currentPage = Math.Max(currentPage, 1);

    //Interroghiamo il database per ottenere i risultati della pagina corrente
    //e il numero totale di pagine disponibili
    (results, totalPages) = QueryResults(currentPage);

    //Notifichiamo di aver aggiornato i risultati, in modo che
    //Blazor Server possa apportare i cambiamenti alla UI
    StateHasChanged();
  }

  public void Dispose()
  {
    //Rimuoviamo la sottoscrizione all'evento quando il Razor Component viene distrutto
    NavigationManager.LocationChanged -= OnLocationChanged;
  }
}

public (IReadOnlyCollection<string> Results, int TotalPages) QueryResults(int page)
{
  int resultsPerPage = 10;
  int totalPages = 5;
  var results = Enumerable.Range(1, totalPages * resultsPerPage)
                          .Select(i => $"Result {i}")
                          .Skip((page-1)*resultsPerPage)
                          .Take(resultsPerPage)
                          .ToList()
                          .AsReadOnly();
  return (results, totalPages);
}