{% extends "site_base.html" %}

{% load bootstrap %}

{% block head_title %}{{ team.name }}{% endblock %}

{% block body_outer %}

    <div class="pull-right">

    {% if can_join %}

        <form method="post" action="{% url "team_join" team.slug %}">

            {% csrf_token %}

            <input type="submit" class="btn btn-primary" value="join">

        </form>

    {% endif %}

    {% if can_leave %}

        <form method="post" action="{% url "team_leave" team.slug %}">

            {% csrf_token %}

            <input type="submit" class="btn btn-default" value="leave">

        </form>

    {% endif %}

    {% if can_apply %}

        <form method="post" action="{% url "team_apply" team.slug %}">

            {% csrf_token %}

            <input type="submit" class="btn btn-primary" value="apply">

        </form>

    {% endif %}

    </div>

    <h1>{{ team.name }}{% if state %} <span class="label">{{ state }}</span>{% endif %}</h1>

    {% if team.description %}<p>{{ team.description }}</p>{% endif %}

    {% if state == "invited" %}<p>You have been invited to join this team. Click <b>join</b> to the right to accept.</p>{% endif %}

    {% if user.is_staff or state == "manager" %}

        {% if team.managers %}

            <h2>Managers</h2>

            <table class="table table-striped">

                {% for membership in team.managers %}

                    <tr>

                        <td>{{ membership.user.email }}{% if user == membership.user %} <span class="label label-info">you</span>{% endif %}</td>

                        <td>

                            <form style="margin: 0;" method="post" action="{% url "team_demote" membership.pk %}">{% csrf_token %}<button type="submit" class="btn btn-xs">demote</button></form>

                        </td>

                    </tr>

                {% endfor %}

            </table>

        {% endif %}

        {% if team.members %}

            <h2>Team Members</h2>

            <table class="table table-striped">

                {% for membership in team.members %}

                    <tr>

                        <td>{{ membership.user.email }}{% if user == membership.user %} <span class="label label-info">you</span>{% endif %}</td>

                        <td>

                            <form style="margin: 0;" method="post" action="{% url "team_promote" membership.pk %}">{% csrf_token %}<button type="submit" class="btn btn-xs">promote</button></form>

                        </td>

                    </tr>

                {% endfor %}

            </table>

        {% endif %}

        {% if team.applicants and team.access == "application" %}

            <h2>Applicants</h2>

            <table class="table table-striped">

                {% for membership in team.applicants %}

                    <tr>

                        <td>{{ membership.user.email }}</td>

                        <td>

                            <form style="margin: 0; float: left;" method="post" action="{% url "team_accept" membership.pk %}">{% csrf_token %}<button type="submit" class="btn btn-xs">accept</button></form>

                            <form style="margin: 0; float: left;" method="post" action="{% url "team_reject" membership.pk %}">{% csrf_token %}<button type="submit" class="btn btn-xs">reject</button></form>

                        </td>

                    </tr>

                {% endfor %}

            </table>

        {% endif %}

        {% if team.invitees %}

            <h2>Invitees</h2>

            <table class="table table-striped">

                {% for membership in team.invitees %}

                    <tr>

                        <td>{{ membership.user.email }}</td>

                    </tr>

                {% endfor %}

            </table>

        {% endif %}

        {% if invite_form %}

            <form method="POST" action="" class="form-horizontal">

                {% csrf_token %}

                <legend>Invite User to Team</legend>

                {{ invite_form|bootstrap_horizontal }}

                <div class="form-actions">

                    <input class="btn btn-primary" type="submit" value="Invite" />

                </div>

            </form>

        {% endif %}

    {% endif %}

{% endblock %}