<div class="bottom-space center">
  <a id="btnAddTeam" class="pure-button pure-button-success" href="/admin/teams/new"><i class="fa fa-plus"></i> Add Team</a>
</div>
<table id="teams-table" class="hidden sortable pure-table pure-table-bordered center">
  <thead>
      <tr>
          <th>Name</th>
          <th>Key</th>
          <th>Members</th>
          <th></th>
      </tr>
  </thead>
  <tbody>
      {{ range $i, $v := .TemplateData.Teams }} 
      <tr>
          <td>{{ $v.Name }}</td>
          <td>{{ $v.UUID }}</td>
          <td>{{ len $v.Members }}</td>
          <td>
            <a href="/admin/teams/{{ $v.UUID }}/edit" class="pure-button pure-button-plain"><i class="fa fa-pencil"></i></a>
            <a href="/admin/teams/{{ $v.UUID }}/delete" class="pure-button pure-button-plain"><i class="fa fa-trash"></i></a>
          </td>
      </tr>
      {{ end }}
  </tbody>
</table>
<script>
snack.ready(function() {
  var tableBody = document.querySelector("#teams-table>tbody");
  if(tableBody.children.length>0) {
    // Show the table
    document.getElementById('teams-table').classList.remove('hidden');
  }
});
</script>