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

{% load i18n %}
{% load samaware_extras %}

{% block extra_title %}{{ care_messages.count }} {% translate 'Speaker Care Messages' %} :: SamAware :: {% endblock extra_title %}

{% block content %}

<h2 class="d-flex align-items-center">
    <span>{{ care_messages.count }} {% translate 'Speaker Care Messages' %}</span>
    <p class="ml-auto">
        <a href="{% url 'plugins:samaware:care_message_create' event=request.event.slug %}" class="btn btn-info  mt-2">
            <i class="fa fa-plus" aria-hidden="true"></i>
            &nbsp;{% translate 'Add' %}
        </a>
    </p>
</h2>

<div class="alert alert-info" role="definition">{% blocktranslate trimmed %}
    Speaker Care Messages contain internal information on a speaker that will be displayed prominently when
    accessing the speaker or their talks.
{% endblocktranslate %}</div>

<div class="table-responsive">
    <table class="table-sticky">
        <thead>
            <tr>
                <th>
                    {% translate 'Speaker' %}
                    <a href="{% querystring sort='speaker__name' %}"><i class="fa fa-caret-down" title="{% translate 'Sort (a-z)' %}"></i></a>
                    <a href="{% querystring sort='-speaker__name' %}"><i class="fa fa-caret-up" title="{% translate 'Sort (z-a)' %}"></i></a>
                </th>
                <th>
                    {% translate 'Text' %}
                </th>
                <th>
                    {% translate 'Talks' %}
                </th>
                <th>
                    <a href="{% querystring sort='_first_talk_start' %}"><i class="fa fa-caret-down" title="{% translate 'Sort (soon-late)' %}"></i></a>
                    <a href="{% querystring sort='-_first_talk_start' %}"><i class="fa fa-caret-up" title="{% translate 'Sort (late-soon)' %}"></i></a>
                    {% translate '1st Talk Start' %}
                </th>
            </tr>
        </thead>
        <tbody>
            {% for message in care_messages %}
            <tr>
                <td>
                    {{ message.speaker.name }}
                </td>
                <td>
                    <a href="{% url 'plugins:samaware:care_message_update' event=message.event.slug pk=message.pk %}">{{ message.text|truncatechars:50 }}</a>
                </td>
                <td>
                    {% for talk in speaker_talks|get_item:message.speaker %}
                    <a href="{% url 'plugins:samaware:talk_overview' event=request.event.slug code=talk.code %}">{{ talk.title|truncatechars:50 }}</a>{% if not forloop.last %}, {% endif %}
                    {% endfor %}
                </td>
                <td>
                    {% with first_talk=speaker_first_slots|get_item:message.speaker %}
                    {{ first_talk.start|date:'SHORT_DATETIME_FORMAT' }}
                    {% endwith %}
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>

{% endblock content %}