{% extends 'base.html' %}
{% load commonmark %}

{% block title %}
Teams | {{ block.super }}
{% endblock %}

{% block content %}

{% if teams %}
<table class="table table-hover">
  <thead>
  <tr>
    <th>Name</th>
    <th>Description</th>
    <th>Area</th>
    <th>Responsible</th>
    <th>Members</th>
    <th>Actions</th>
  </tr>
  </thead>
  <tbody>
    {% for team in teams %}
    <tr>
      <td>
        <a href="{% url 'team_detail' camp_slug=camp.slug slug=team.slug %}">
          {{ team.name }} Team
        </a>
      </td>
      <td>
        {{ team.description|unsafecommonmark|truncatewords:50 }}
      </td>
      <td>
        {{ team.area.name }} Area
      </td>
      <td>
        {% for resp in team.responsible.all %}
        {{ resp.get_full_name|default:"Unnamed" }}{% if not forloop.last %},{% endif %}<br>
        {% endfor %}
      </td>
      <td class="text-center">
        <span class="badge">{{ team.members.count }}</span>
      </td>
      {% if request.user.is_authenticated %}
      <td>
        {% if request.user in team.members.all %}
        <a href="{% url 'team_leave' camp_slug=camp.slug slug=team.slug %}" class="btn btn-danger"><i class="fa fa-minus"></i> Leave</a>
        {% else %}
        {% if team.needs_members %}
          <a href="{% url 'team_join' camp_slug=camp.slug slug=team.slug %}" class="btn btn-success"><i class="fa fa-plus"></i> Join</button>
        {% else %}
          <i>Team does not need members</i>
        {% endif %}
        {% endif %}
      </td>
      {% else %}
      <td>Login to join!</td>
      {% endif %}
    </tr>
    {% endfor %}
  </tbody>
</table>
{% else %}
<h4>No teams for <b>{{ camp.title }}</b> yet!</h4>
{% endif %}

{% endblock %}