{% extends "domain_base.html" %}
{% block domain_content %}
<div class="section">
  <div class="section__header">
    <h1 class="section__title">{{ _('Teams') }}</h1>
  </div>
  <div class="section__body typo">
    <p>{{ _('A team groups 2-3 students within a group. Teams are organizational: each student still submits and is graded individually.') }}</p>
  </div>
  {% if teams.length %}
  <div class="section__body no-padding">
    <table class="data-table">
      <thead>
        <tr>
          <th>{{ _('Team') }}</th>
          <th>{{ _('Group') }}</th>
          <th>{{ _('Members') }} (UID)</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        {%- for t in teams -%}
        <tr>
          <td>{{ t.name }}</td>
          <td>{{ t.group }}</td>
          <td>{{ t.uids.join(', ') }}</td>
          <td>
            <form method="post" onsubmit="return confirm('{{ _('Confirm') }}?')">
              <input type="hidden" name="operation" value="del">
              <input type="hidden" name="name" value="{{ t.name }}">
              <button type="submit" class="rounded button">{{ _('Delete') }}</button>
            </form>
          </td>
        </tr>
        {%- endfor -%}
      </tbody>
    </table>
  </div>
  {% endif %}
  <div class="section__body">
    <h2 class="section__title" style="font-size:15px;">{{ _('Create or update team') }}</h2>
    <form method="post">
      <input type="hidden" name="operation" value="update">
      <div class="row">
        <div class="medium-4 columns">
          <label>{{ _('Team') }}
            <input type="text" name="name" class="textbox" required placeholder="Equipo 1">
          </label>
        </div>
        <div class="medium-4 columns">
          <label>{{ _('Group') }}
            <select name="group" class="select">
              {%- for g in groups -%}<option value="{{ g.name }}">{{ g.name }}</option>{%- endfor -%}
            </select>
          </label>
        </div>
        <div class="medium-4 columns">
          <label>{{ _('Members') }} (UID)
            <input type="text" name="uids" class="textbox" required placeholder="4,5">
          </label>
        </div>
      </div>
      <button type="submit" class="rounded primary button">{{ _('Save') }}</button>
      <span class="supplementary">{{ _('Between 2 and 3 members, comma-separated UIDs.') }}</span>
    </form>
  </div>
</div>
{% endblock %}