{% extends "agenda/base.html" %}
{% load compress %}
{% load i18n %}
{% load rich_text %}

{% block title %}{{ submission.title }}{% endblock %}
{% block meta_title %}{{ submission.title }}{% endblock %}
{% block social_title %}{{ submission.title }}{% endblock %}
{% block meta_description %}{{ submission_description }}{% endblock %}
{% block social_description %}{{ submission_description }}{% endblock %}

{% block agenda_content %}
    <h3 class="talk-title">
        <div>
        »{{ submission.title }}«
        <div class="buttons float-right">
            <a class="btn btn-outline-success" href="{{ submission.urls.ical }}">
                <i class="fa fa-calendar"></i> .ical
            </a>
            {% if submission.does_accept_feedback and not is_html_export %}
                <a href="{{ submission.urls.feedback }}"
                        class="btn btn-success">
                    <i class="fa fa-comments"></i> {{ phrases.agenda.feedback }}
                </a>
            {% endif %}
            {% if request.user in submission.speakers.all %}
                <a href="{{ submission.urls.user_base }}"
                        class="btn btn-info">
                    <i class="fa fa-edit"></i>{{ phrases.base.edit }}
                </a>
            {% endif %}
        </div>
        </div>
        <small>
            {% if talk %}
                {{ talk.start.date|date:"c" }}, {{ talk.start|date:"H:i" }}–{{ talk.end|date:"H:i" }}, {{ talk.room.name }}
            {% endif %}
            {% if submission.do_not_record %}
                <span class="fa-stack">
                  <i class="fa fa-video-camera fa-stack-1x"></i>
                  <i class="fa fa-ban do-not-record fa-stack-2x" aria-hidden="true" title="{{ phrases.agenda.schedule_do_not_record }}"></i>
                </span>
                <em>{{ phrases.agenda.schedule.do_not_record }}</em>
            {% endif %}
        </small>
    </h3>
    <div class="talk row">
        <div class="talk-content col-lg-8 col-md-6 col-xs-12">
            {% if talk.submission.recording_url %}
                {{ submission.rendered_recording_iframe|safe }}
            {% endif %}
            <div class="abstract">
                {{ submission.abstract|rich_text }}
            </div>
            <div class="description">
                {{ submission.description|rich_text }}
            </div>
            {% if submission.active_resources.count %}
                <div class="resources">
                    {% trans "See also:" %}
                    {% if submission.active_resources.count == 1 %}
                        <a href="{{ submission.active_resources.first.resource.url }}">
                            <i class="fa fa-file-o"></i>
                            {{ submission.active_resources.first.description }}
                        </a>
                    {% else %}
                        <ul>
                            {% for resource in submission.active_resources %}
                                <li>
                                    <a href="{{ resource.resource.url }}">
                                        <i class="fa fa-file-o"></i>
                                        {{ resource.description }}
                                        ({{ resource.resource.size|filesizeformat }})
                                    </a>
                                </li>
                            {% endfor %}
                        </ul>
                    {% endif %}
                </div>
            {% endif %}
        </div>
        <div class="col-lg-4 col-md-6 col-xs-12">
            {% if submission.image %}
            <div class="image speakers">
                <a href="{{ submission.image.url }}">
                    <img src="{{ submission.image.url }}"></img>
                </a>
            </div>
            {% endif %}
            {% if speakers|length %}
            <div class="speakers">
                <div class="speaker-header">
                    {% if speakers.1 %}
                        {% trans "Speakers" %}
                    {% elif speakers.0 %}
                        {% trans "Speaker" %}
                    {% endif %}
                </div>
                {% for speaker in speakers %}
                    <div class="speaker">
                        <a href="{{ speaker.talk_profile.urls.public }}">
                            <div class="name">
                                {{ speaker.get_display_name }}
                            </div>
                        </a>
                        <div class="info">

                            {% if speaker.other_talks.count > 1 %}
                                {{ phrases.agenda.speaker_other_talks }}
                                <ul class="speaker-talks">
                                    {% for talk in speaker.other_talks %}
                                    <li class="speaker-talk">
                                        <a href='{{ submission.urls.public }}'>{{ submission.title }}</a>
                                    </li>
                                    {% endfor %}
                                </ul>
                            {% elif speaker.other_talks.count == 1 %}
                                <span class="speaker-talk">
                                    {{ phrases.agenda.speaker_other_talk }}
                                    "<a href='{{ speaker.other_talks.0.submission.urls.public }}'>{{ speaker.other_talks.0.submission.title }}</a>".
                                </span>
                            {% endif %}
                        </div>
                    </div>
                {% endfor %}
            </div>
            {% endif %}
        </div>
    </div>
{% endblock %}