{% extends 'cfp/staff/base.html' %}
{% load bootstrap3 i18n %}

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

{% block content %}

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

<p><a class="btn btn-primary" role="button" data-toggle="collapse" href="#filter" aria-expanded="{{ show_filters|yesno:"true,false" }}" aria-controles="filter">{% trans "Show filtering options…" %}</a></p>

<div class="collapse{{ show_filters|yesno:" in," }}" id="filter">
    <div class="well">
        <form class="form-horizontal" method="get">
            <div class="row">
                <div class="col-md-6 col-xs-6">
                    {% bootstrap_field filter_form.accepted layout="horizontal" %}
                    {% bootstrap_field filter_form.confirmed layout="horizontal" %}
                    {% bootstrap_field filter_form.category layout="horizontal" %}
                    {% bootstrap_field filter_form.vote layout="horizontal" %}
                    {% bootstrap_field filter_form.scheduled layout="horizontal" %}
                    {% bootstrap_field filter_form.room layout="horizontal" %}
                    {% bootstrap_field filter_form.materials layout="horizontal" %}
                    {% bootstrap_field filter_form.video layout="horizontal" %}
                </div>
                <div class="col-md-6 col-xs-6">
                    {% bootstrap_field filter_form.tag layout="horizontal" %}
                    {% bootstrap_field filter_form.track layout="horizontal" %}
                </div>
            </div>
            <input type="submit" class="btn btn-success" value="{% trans "Filter" %}">
        </form>
    </div>
</div>

<form method="post">

<table class="table table-bordered table-hover">
    <caption>{% trans "Total:" %} {{ talk_list|length }} {% trans "talk" %}{{ talk_list|length|pluralize }}</caption>
    <thead>
        <tr>
            <th></th>
            <th class="text-center">{% trans "Title" %} <a href="?{{ sort_urls.title }}"><span class="glyphicon glyphicon-{{ sort_glyphicons.title }} pull-right"></span></a></th>
            <th class="text-center">{% trans "Intervention kind" %} <a href="?{{ sort_urls.category }}"><span class="glyphicon glyphicon-{{ sort_glyphicons.category }} pull-right"></span></a></th>
            <th class="text-center">{% trans "Speakers" %}</th>
            <th class="text-center">{% trans "Track" %}</th>
            <th class="text-center">{% trans "Tags" %}</th>
            <th class="text-center">{% trans "Status" %} <a href="?{{ sort_urls.status }}"><span class="glyphicon glyphicon-{{ sort_glyphicons.status }} pull-right"></span></a></th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <td colspan="7">
              <a href="{{ csv_link }}">{% trans "download as csv" %}</a>
            </td>
        </tr>
    </tfoot>
    {% for talk in talk_list %}
    {% if forloop.first %}
    <tbody>
    {% endif %}
        <tr class="{{ talk.get_status_color }}">
            <td><input type="checkbox" name="talks" value="{{ talk.token }}"></td>
            <td><a href="{% url 'talk-details' talk.token %}">{{ talk.title }}</a></td>
            <td>{{ talk.category }}</td>
            <td>
                {% for participant in talk.speakers.all %}
                    <a href="{% url 'participant-details' participant.token %}">{{ participant }}</a>
                    {% if forloop.revcounter == 2 %} {% trans "and" %} {% elif not forloop.last %}, {% endif %}
                    {% empty %}–
                {% endfor %}
            </td>
            <td>{{ talk.track|default:"–" }}</td>
            <td>{{ talk.get_tags_html }}</td>
            <td>
                {{ talk.get_status_str }}
            </td>
        </tr>
    {% if forloop.last%}
    </tbody>
    {% endif %}
    {% endfor %}
</table>

<div id="filter">
    <div class="well">
        <h4>{% trans "For selected talks:" %}</h4>
        {% csrf_token %}
        {% bootstrap_form_errors action_form %}
        {% bootstrap_form action_form exclude="talks" %}
        {% buttons %}
        <button type="submit" class="btn btn-primary">{% trans "Apply" %}</button>
        {% endbuttons %}
    </div>
</div>

</form>

{% endblock %}