{% 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="container mt-5">
  <section class="mb-4">
    <div class="d-flex justify-content-between align-items-center">
      <h1>Teams</h1>
      <div>
        <a href="{{ base_path }}/new-team" role="button" class="btn btn-primary">New Team</a>
      </div>
    </div>
  </section>
  {% if teams.len() == 0 %}
    <div class="alert alert-primary" role="alert">
      Doesn't look like you've created or been invited to any teams yet.
    </div>
  {% endif %}
  <section class="mb-3">
    <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>
  </section>
</main>
{% endblock %}
