{% extends "orga/base.html" %}

{% load compress %}
{% load event_tags %}
{% load i18n %}
{% load static %}
{% load samaware_extras %}

{% block stylesheets %}
{% compress css %}
<link rel="stylesheet" href="{% static 'samaware/samaware.css' %}">
{% endcompress %}
{% endblock stylesheets %}

{% block scripts %}
{% compress js %}
<script src="{% static 'samaware/samaware.js' %}" defer="defer"></script>
{% endcompress %}
{% endblock scripts %}

{% block extra_title %}{{ slots.count}} {% translate 'talks missing speakers' %} :: SamAware :: {% endblock extra_title %}

{% block content %}

<h2>{{ slots.count}} {% translate 'talks missing speakers' %}</h2>

<noscript>
    <div class="alert alert-danger" role="alert">
        {% blocktranslate trimmed %}
        Filtering requires JavaScript to be enabled.
        {% endblocktranslate %}
    </div>
</noscript>

<div class="submit-group">
    <form method="GET" class="samaware-list-filter">
        {{ filter_form.as_div }}
    </form>
</div>

<div class="table-responsive">
    <table class="table-sticky">
        <thead>
            <tr>
                <th>
                    {% if request.event|get_feature_flag:'use_tracks' %}
                    <a href="{% querystring sort='submission__track__name' %}"><i class="fa fa-caret-down" title="{% translate 'Sort (a-z)' %}"></i></a>
                    <a href="{% querystring sort='-submission__track__name' %}"><i class="fa fa-caret-up" title="{% translate 'Sort (z-a)' %}"></i></a>
                    {% endif %}
                </th>
                <th>
                    {% translate 'Title' %}
                    <a href="{% querystring sort='submission__title' %}"><i class="fa fa-caret-down" title="{% translate 'Sort (a-z)' %}"></i></a>
                    <a href="{% querystring sort='-submission__title' %}"><i class="fa fa-caret-up" title="{% translate 'Sort (z-a)' %}"></i></a>
                </th>
                <th>
                    {% translate 'Speakers' %}
                </th>
                <th>
                    {% translate 'Start' %}
                    <a href="{% querystring sort='start' %}"><i class="fa fa-caret-down" title="{% translate 'Sort (soon-late)' %}"></i></a>
                    <a href="{% querystring sort='-start' %}"><i class="fa fa-caret-up" title="{% translate 'Sort (late-soon)' %}"></i></a>
                </th>
                <th>
                    {% translate 'Room' %}
                    <a href="{% querystring sort='room' %}"><i class="fa fa-caret-down" title="{% translate 'Sort (a-z)' %}"></i></a>
                    <a href="{% querystring sort='-room' %}"><i class="fa fa-caret-up" title="{% translate 'Sort (z-a)' %}"></i></a>
                </th>
            </tr>
        </thead>
        <tbody>
            {% for slot in slots %}
            {% url 'plugins:samaware:talk_overview' event=request.event.slug code=slot.submission.code as talk_url %}
            <tr>
                <td class="text-center">
                    {% if request.event|get_feature_flag:'use_tracks' and slot.submission.track %}
                    <div class="color-square" style="background-color: {{ slot.submission.track.color }}" title="{{ slot.submission.track.name }}"></div>
                    {% endif %}
                </td>
                <td>
                    <a href="{{ talk_url }}">{{ slot.submission.title }}</a>
                </td>
                <td>
                    {% for speaker in slot.submission.speakers.all %}
                    {% with speaker_profile=event_profiles|get_item:speaker %}
                    {% if speaker_profile.has_arrived %}
                    <i class="fa fa-check-circle-o text-success" title="{% translate 'Arrived' %}" aria-hidden="true"></i>
                    <span class="sr-only">{% translate 'Arrived' %}</span>
                    {% else %}
                    <i class="fa fa-times-circle-o text-danger" title="{% translate 'Not arrived' %}" aria-hidden="true"></i>
                    <span class="sr-only">{% translate 'Not arrived' %}</span>
                    {% endif %}
                    &nbsp;<a href="{{ talk_url }}">{{ speaker.name }}</a>
                    {% endwith %}
                    {% if not forloop.last %}<br/>{% endif %}
                    {% endfor %}
                </td>
                <td>
                    {{ slot.start|date:'SHORT_DATETIME_FORMAT' }}
                </td>
                <td>
                    {{ slot.room }}
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>

{% endblock content %}