{% extends "helpme/base.html" %}
{% load crispy_forms_tags %}
{% load i18n %}

{% block help_content %}
{% if admin %}

<table class="table table-striped table-bordered text-center mt-2">
    <thead>
	<tr class="bg-info text-white">
	    <th>{% trans "Manage Teams" %}</th>
	</tr>
    </thead>
    <tbody>
	{% for team in teams %}
	<tr>
	    <td class="align-middle">
		<a href="{% url 'helpme_admin:team-detail' team.uuid %}"> {{ team }} </a>
	    </td>
	</tr>
	{% empty %}
	<tr>
	    <td>{% trans "You are not managing any teams yet." %}</td>
	</tr>
	{% endfor %}
    </tbody>
</table>

<h2>{% trans "Create a new team" %}</h2>
<form action="{% url 'helpme_admin:team-list' %}" method="POST" class="mb-2">
    {% csrf_token %}
    {{ form|crispy }}
    <input type="submit" value="{% trans 'Create Team' %}" class="btn btn-primary font-weight-bold py-2 px-4 mt-3 rounded-pill">
</form>

{% else %}
<table class="table table-striped table-bordered text-center my-2">
    <thead>
	<tr class="text-light bg-info">
	    <th>{% trans "My Teams" %}</th>
	</tr>
    </thead>
    <tbody>
	{% for team in user_teams %}
	<tr>
	    <td class="align-middle">
		<a href="{% url 'helpme_admin:team-detail' team.uuid %}"> {{ team }} </a>
	    </td>
	</tr>
	{% empty %}
	<tr>
	    <td>{% trans "You don't belong to any teams yet." %}</td>
	</tr>
	{% endfor %}
    </tbody>
</table>

{% endif %}
{% endblock %}

{% block extra_js %}
<!-- select all sites if global_team is checked; unselect them if it is unchecked -->
<script>
  $("#id_global_team").change(function() {
    checkboxes = document.getElementsByName('sites');
    global = document.getElementById('id_global_team');
    for(var i=0, n=checkboxes.length;i<n;i++) {
      checkboxes[i].checked = global.checked;
    }
  });
</script>
{% endblock %}