{% extends "dashboard/dashboard.html" %}
<!--static-->
{% block title %}Teams{% endblock %}
<!--static-->
{% load static %}
<!--khfufufu-->
{% block content %}
<div class="schools-dew">
  <div class="head flex">
    <h1>Teams</h1>
    <div class="ass">
      {% if user.is_school %}
      <a href="{% url 'new_team'%}" class="btn-submit">create team</a>
      {% endif %}
    </div>
  </div>

  <div class="filterlist glue">
    <div class="lo">
      <div class="official-list">
        <table id="myTable" class="display">
          <thead>
            <tr>
              <th>SCHOOL</th>
              <th>SPORT</th>
              <th>GENDER</th>
              <th>ATHLETES</th>

              <th>Delete</th>
            </tr>
          </thead>
          <tbody>
            {% for team in teams %}
            <tr>
              <td>
                <a href="{%url 'steam' team.id%}">{{team.school}} </a>
              </td>
              <td>{{team.sport}}</td>
              <td>{{team.gender}}</td>
              <td>{{team.athletes.count}} athletes</td>
              <td>
                <a href="{% url 'delete_team' team.id %}" class="btn btn-danger"
                  >delete</a
                >
              </td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

{% endblock %}