{% extends "base.html" %}
{% block title %}Teams{% endblock %}
{% block content %}
<div class="stack stack-sm">
  <h1>Teams</h1>
  <p class="text-muted">Jeder Workspace gehört genau einem Team. Am Team hängen der Gateway-Key, das Limit gleichzeitiger Runs und später der Hugin-Tenant und der Munin-Workspace.</p>
</div>
{% include "_flash.html" %}

<section class="card"><div class="card-body stack">
  {% if rows %}
  <div class="table-wrap"><table>
    <thead><tr><th>Name</th><th>Kürzel</th><th>Mitglieder</th><th>Workspaces</th></tr></thead>
    <tbody>
    {% for team, members, spaces in rows %}
    <tr><td><a href="/admin/teams/{{ team.id }}">{{ team.name }}</a></td><td><code>{{ team.slug }}</code></td><td>{{ members }}</td><td>{{ spaces }}</td></tr>
    {% endfor %}
    </tbody>
  </table></div>
  {% else %}<p class="text-muted">Noch kein Team.</p>{% endif %}
  <form method="post" action="/admin/teams" class="cluster">
    <input type="hidden" name="_csrf" value="{{ p.csrf }}">
    <input name="name" placeholder="Name, z. B. Plattform-Entwicklung" required aria-label="Name">
    <input name="slug" placeholder="Kürzel, z. B. plattform" required aria-label="Kürzel">
    <button class="btn btn-primary btn-sm" type="submit">Team anlegen</button>
  </form>
</div></section>
{% endblock %}