{% extends "base.html" %}

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

{% block main %}
{% include "breadcrumbs.html" %}
<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 }}/en/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 }}/en/teams/{{ team.id.simple() }}">
                {{ team.name }}
              </a>
            </td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </section>
</main>
{% endblock %}