{% extends 'meeting-base.html' %}

{% load staticfiles %}

{% block headtitle %}{{ presentation }}{% endblock %}

{% block content %}

    <div class="body">
        <div class="main-header search-reactive">
            <div class="return">
                <div class="container-fluid pad-30">
                    <div class="row mar-30">
                        <div class="col-xs-3 pad-30 text-left">
                            <a href="{% url 'programme_session' meeting_information.slug session.id %}">
                                <img src="{% static 'images/microsite/navigation/arrow-left.png' %}" />
                            </a>
                        </div>
                        <div class="col-xs-6 pad-30 text-center">
                            <div class="title">{{ presentation }}</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="select">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-xs-6 text-center">
                            <a class="option {% if user_note %}active{% endif %}" href="{% url 'programme_presentation_note' meeting_information.slug session.id presentation.id %}">
                                <div class="add-note-share note"></div>
                                <div class="label">NOTE</div>
                            </a>
                        </div>
                        <div class="col-xs-6 text-center">
                            <a class="option addthis_button">
                                <div class="add-note-share share"></div>
                                <div class="label">SHARE</div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="main-body session-body search-reactive">
            <div class="body_title">Session</div>
            <div class="single">
                <a href="{% url 'programme_session' meeting_information.slug session.id %}" class="link">
                    <div class="title">{{ session }}</div>
                    <div class="detail">
                        <div class="date">
                            <img src="{% static 'images/microsite/position/clock.png' %}" /> {% if show_date %}{{ session.day.date|date:'D'}},{% endif %} {{ session.start_time|date:'H:i' }} - {{ session.end_time|date:'H:i' }}
                        </div>
                        <div class="location">
                            {% if session.location %}
                                <img src="{% static 'images/microsite/position/location.png' %}" /> {{ session.location }}
                            {% endif %}
                        </div>
                        <div class="clear"></div>
                    </div>
                </a>
            </div>

            {% if presentation.speaker %}
                <div class="body_title">Speaker{% if presentation.speaker_2 %}s{% endif %}</div>
                    <div class="{% if presentation.speaker_2 or presentation.speaker_3 or presentaion.speaker_4 or presentation.speaker_5 %}list{% else %}single{% endif %}">
                        <a href="{% url 'meeting_person' meeting_information.slug presentation.speaker.id %}" class="link">
                            <div class="title">{{ presentation.speaker }}</div>
                            {% if presentation.speaker.institution %}
                                <div class="detail">{{ presentation.speaker.institution }}</div>
                            {% endif %}
                        </a>
                        {% if presentation.speaker_2 %}
                            <a href="{% url 'meeting_person' meeting_information.slug presentation.speaker_2.id %}" class="link">
                                <div class="title">{{ presentation.speaker_2 }}</div>
                                {% if presentation.speaker_2.institution %}
                                    <div class="detail">{{ presentation.speaker_2.institution }}</div>
                                {% endif %}
                            </a>
                        {% endif %}
                        {% if presentation.speaker_3 %}
                            <a href="{% url 'meeting_person' meeting_information.slug presentation.speaker_3.id %}" class="link">
                                <div class="title">{{ presentation.speaker_3 }}</div>
                                {% if presentation.speaker_3.institution %}
                                    <div class="detail">{{ presentation.speaker_3.institution }}</div>
                                {% endif %}
                            </a>
                        {% endif %}
                        {% if presentation.speaker_4 %}
                            <a href="{% url 'meeting_person' meeting_information.slug presentation.speaker_4.id %}" class="link">
                                <div class="title">{{ presentation.speaker_3 }}</div>
                                {% if presentation.speaker_4.institution %}
                                    <div class="detail">{{ presentation.speaker_4.institution }}</div>
                                {% endif %}
                            </a>
                        {% endif %}
                        {% if presentation.speaker_5 %}
                            <a href="{% url 'meeting_person' meeting_information.slug presentation.speaker_5.id %}" class="link">
                                <div class="title">{{ presentation.speaker_3 }}</div>
                                {% if presentation.speaker_5.institution %}
                                    <div class="detail">{{ presentation.speaker_5.institution }}</div>
                                {% endif %}
                            </a>
                        {% endif %}
                    </div>
                </div>
            {% endif %}

            {% if presentation.abstract_submission.get_authors %}
                <div class="body_title">Authors</div>
                <div class="single">
                    <a class="item item_small">
                        {% for author in presentation.abstract_submission.get_authors %}
                            {{ author.name }}, {{ author.institution }}{% if not forloop.last %}<br/>{% endif %}
                        {% endfor %}
                    </a>
                </div>
            {% endif %}

            {% if presentation.abstract_submission.abstract %}
                <div class="body_title">Abstract</div>

                <div class="single">
                    <a class="item item_small">
                        {{ presentation.abstract_submission.abstract|linebreaksbr }}
                    </a>
                </div>
            {% endif %}

        </div>


    </div>
{% endblock %}