{% extends "base.html" %}

{% block title %}callout.dev: Teams{% endblock %}

{% block main %}
<nav class="container mt-4" aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item active" aria-current="page">Teams</li>
  </ol>
</nav>
<main class="mt-5">
  <section class="container mb-3">
    <h1 class="mb-4">Teams</h1>
  </section>
  {% if teams.len() == 0 %}
    <div class="container">
      <div class="alert alert-primary" role="alert">
        Doesn't look like you've created or been invited to any teams yet.
        <a href="{{ base_path }}/new-team">Click here</a> to create one.
      </div>
    </div>
  {% endif %}
  <section class="mb-3">
    <div class="container">
      <table class="table">
        <tbody>
          {% for team in teams %}
            <tr>
              <td>
                <a href="{{ base_path }}/teams/{{ team.id }}">
                  {{ team.name }}
                </a>
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </section>
</main>
{% endblock %}
