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

{% block title %}
Team: {{ team.name }} | {{ block.super }}
{% endblock %}

{% block content %}
<div class="panel panel-default">
    <div class="panel-heading"><h4>{{ team.name }} Team Details</h4></div>
    <div class="panel-body">
        {{ team.description|unsafecommonmark }}

        <hr>

        <h4>{{ team.name }} Team Communications</h4>
        {{ team.camp.title }} teams primarily use mailing lists and IRC to communicate. The <b>{{ team.name }} team</b> can be contacted in the following ways:</p>

        <h5>Mailing List</h5>
        {% if team.mailing_list and request.user in team.approved_members.all %}
          <p>The {{ team.name }} Team mailinglist is <b>{{ team.mailing_list }}</b>{% if team.mailing_list_archive_public %}, and the archives are publicly available{% endif %}. You should sign up for the list if you haven't already.</p>
        {% elif team.mailing_list and team.mailinglist_nonmember_posts %}
          <p>The {{ team.name }} Team mailinglist is <b>{{ team.mailing_list }}</b>{% if team.mailing_list_archive_public %}, and the archives are publicly available{% endif %}. You do not need to be a member of the list to post to it.</p>
        {% else %}
          <p>The {{ team.name }} Team does not have a public mailing list, but it can be contacted through our main email <a href="mailto:info@bornhack.dk">info@bornhack.dk</a>.
        {% endif %}

        <h5>IRC Channel</h5>
        {% if team.irc_channel and request.user in team.approved_members.all %}
          <p>The {{ team.name }} Team IRC channel is <a href="irc://{{ IRCBOT_SERVER_HOSTNAME }}/{{ team.irc_channel_name }}">{{ team.irc_channel_name }} on {{ IRCBOT_SERVER_HOSTNAME }}</a>.
          {% if team.irc_channel_private %}The channel is not open to the public. Enter your nickserv username in your <a href="{% url 'profiles:detail' %}">Profile</a> to get access.{% else %}The IRC channel is open for everyone to join.{% endif %}</p>
        {% elif team.irc_channel and not team.irc_channel_private %}
          <p>The {{ team.name }} Team IRC channel is <a href="irc://{{ IRCBOT_SERVER_HOSTNAME }}/{{ team.irc_channel_name }}">{{ team.irc_channel_name }} on {{ IRCBOT_SERVER_HOSTNAME }}</a> and it is open for everyone to join.</p>
        {% else %}
          <p>The {{ team.name }} Team does not have a public IRC channel, but it can be reached through our main IRC channel <a href="irc://{{ IRCBOT_SERVER_HOSTNAME }}/{{ IRCBOT_PUBLIC_CHANNEL }}">{{ IRCBOT_PUBLIC_CHANNEL }} on {{ IRCBOT_SERVER_HOSTNAME }}</a>.</p>
        {% endif %}

        <hr>

        <h4>{{ team.name }} Team Members</h4>
        <p>The following <b>{{ team.approved_members.count }}</b> people {% if team.unapproved_members.count %}(and {{ team.unapproved_members.count }} pending){% endif %} are members of the <b>{{ team.name }} Team</b>:</p>
        <table class="table table-hover">
          <thead>
            <tr>
              <th>
                Name
              </th>
              <th>
                Status
              </th>
            </tr>
          </thead>
          <tbody>
            {% for teammember in team.memberships.all %}
              <tr>
                <td>
                    {{ teammember.user.profile.get_public_credit_name }} {% if teammember.user == request.user %}(this is you!){% endif %}
                </td>
                <td>
                    Team {% if teammember.responsible %}Responsible{% else %}Member{% endif %}
                    {% if not teammember.approved %}(pending approval){% endif %}
                </td>
              </tr>
            {% endfor %}
          </tbody>
        </table>

        <p>Your membership status: <b>{% membershipstatus user team %}</b></p>

        {% if request.user in team.members.all %}
          <a href="{% url 'teams:leave' camp_slug=camp.slug team_slug=team.slug %}" class="btn btn-danger"><i class="fa fa-remove"></i> Leave Team</a>
        {% else %}
            {% if team.needs_members %}
              <b>This team is looking for members!</b> <a href="{% url 'teams:join' camp_slug=camp.slug team_slug=team.slug %}" class="btn btn-xs btn-success"><i class="fa fa-plus"></i> Join Team</a>
            {% endif %}
        {% endif %}

        {% if request.user in team.responsible_members.all %}
          <a href="{% url 'teams:manage' camp_slug=camp.slug team_slug=team.slug %}" class="btn btn-primary"><i class="fa fa-cog"></i> Manage Team</a>
        {% endif %}

        <hr>

        <h4>{{ team.name }} Team Tasks</h4>
        <p>The {{ team.name }} Team is responsible for the following tasks</p>
        <table class="table table-hover">
          <thead>
            <tr>
              <th>Name</th>
              <th>Description</th>
              <th>Action</th>
            </tr>
          </thead>
          <tbody>
            {% for task in team.tasks.all %}
            <tr>
                <td><a href="{% url 'teams:task_detail' slug=task.slug camp_slug=camp.slug team_slug=team.slug %}">{{ task.name }}</a></td>
                <td>{{ task.description }}</td>
                <td>
                    <a href="{% url 'teams:task_detail' camp_slug=camp.slug team_slug=team.slug slug=task.slug %}" class="btn btn-primary btn-sm"><i class="fa fa-search"></i> Details</a>
                  {% if request.user in team.responsible_members.all %}
                  <a href="{% url 'teams:task_update' camp_slug=camp.slug team_slug=team.slug slug=task.slug %}" class="btn btn-primary btn-sm"><i class="fa fa-edit"></i> Edit Task</a>
                  {% endif %}
                </td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
        {% if request.user in team.responsible_members.all %}
          <a href="{% url 'teams:task_create' camp_slug=camp.slug team_slug=team.slug %}" class="btn btn-primary"><i class="fa fa-plus"></i> Create Task</a>
        {% endif %}
    </div>
</div>

{% endblock %}