@LayoutPage _master

<h2>Elenco delle attività</h2>
<form action="/tasks" method="get" class="w3-panel w3-padding-small w3-flat-clouds">
  <label for="search">Cerca per</label>
  <input id="search" type="search" name="q" value="@query.q" />
  <input type="submit" value="Cerca"/>
</form>
<table class="w3-table w3-small w3-bordered">
  <thead>
    <tr class="w3-black">
      <th>Titolo</th>
      <th>Descrizione</th>
      <th>Completato?</th>
      <th>&nbsp;</th>
    </tr>
  </thead>
  <tbody>
    @ForEach (var Task in Model) {
      @if Task.Completed {
        <tr class="w3-pale-green">
      } @else {
        <tr>
      }    
      <td>
        <span class="w3-bold">@Task.Title</span>
      </td>
      <td>
        <span class="w3-italic">@Task.Description</span>
      </td>
      <td>
        @if Task.Completed {
        <span>✔️</span>
        } @else {
        <span>❌</span>
        }
      </td>
      <td class="w3-right-align" style="white-space: nowrap">
        <a href="/tasks/edit?id=@Task.ID">Modifica</a>
        <a href="/tasks/view?id=@Task.ID">Visualizza</a>
      </td>
    </tr>
    }
  </tbody>
</table>
<div class="w3-panel">
  <a href="/tasks/new">Aggiungi nuova cosa da fare</a>
</div>