{% extends 'staff.html' %}

{% load bootstrap3 accounts_tags i18n %}

{% block participantstab %} class="active"{% endblock %}

{% block content %}

<h1>{% trans "Participants" %}</h1>

<table class="table table-striped">
  <tr>
    <th>Username</th>
    <th>Full name</th>
    <th>Orga</th>
    <th>Reviews</th>
    <th>Conversations</th>
  </tr>
  {% for participation in participation_list %}
  <tr>
    <td><a href="{{ participation.get_absolute_url }}">{{ participation.user.username }}</a></td>
    <td>{{ participation.user.get_full_name }}</td>
    <td>{{ participation.is_orga|yesno:"✔,✘" }}</td>
    <td>{% for topic in participation.topic_set.all %}{{ topic.get_link }}{% if not forloop.last %},
      {% endif %}{% endfor %}</td>
    <td>
      <a href="{% url 'user-conversation' participation.user.username %}" data-toggle="tooltip" data-placement="bottom"
        title="{% trans "View conversation" %}"><span class="glyphicon glyphicon-envelope"></span></a>
      {% if request.user in participation.conversation.subscribers.all %}
      <a href="{% url 'unsubscribe-conversation' participation.user.username %}?next={% url 'list-participants' %}"
        data-toggle="tooltip" data-placement="bottom" title="{% trans "Unsubscribe from the conversation" %}">
        <span class="glyphicon glyphicon-star"></span></a>
      {% else %}
      <a href="{% url 'subscribe-conversation' participation.user.username %}?next={% url 'list-participants' %}"
        data-toggle="tooltip" data-placement="bottom" title="{% trans "Subscribe to the conversation" %}">
        <span class="glyphicon glyphicon-star-empty"></span></a>
      {% endif %}
    </td>
  </tr>
  {% endfor %}
</table>

{% if request|orga %}
{% include "_form.html" %}
{% endif %}

{% endblock %}

{% block css %}
{{ block.css }}
{{ form.media.css }}
{% endblock %}

{% block js_end %}
{{ block.super }}
{{ form.media.js }}
<script type="text/javascript">
$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})
</script>
{% endblock %}