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

{% load staticfiles %}

{% block headtitle %}{{ session }}{% 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="{% if previous_url %}{{ previous_url }}{% else %}{% url 'programme_day_time' meeting_information.slug session.day.id session.time_of_day %}{% endif %}">
                            <img src="{% static 'images/microsite/navigation/arrow-left.png' %}" />
                        </a>
                    </div>
                    <div class="col-xs-6 pad-30 text-center">
                        <div class="title">{{ session }}</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="select">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-xs-{% if can_score %}3{% else %}4{% endif %} text-center">
                        <a id="add_session" class="option first {% if user_session %}active{% endif %}" href="{% url 'programme_session_add' meeting_information.slug session.id %}" >
                            <div class="add-note-share add"></div>
                            <div class="label">ADD</div>
                        </a>
                    </div>
                    <div class="col-xs-{% if can_score %}3{% else %}4{% endif %} text-center">
                        <a id="add_note" class="option {% if user_note %}active{% endif %}" href="{% url 'programme_session_note' meeting_information.slug session.id %}">
                            <div class="add-note-share note"></div>
                            <div class="label">NOTE</div>
                        </a>
                    </div>
                    <div class="col-xs-{% if can_score %}3{% else %}4{% endif %} text-center">
                        <a class="option addthis_button">
                            <div class="add-note-share share"></div>
                            <div class="label">SHARE</div>
                        </a>
                    </div>
                    {% if can_score %}
                        <div class="col-xs-3 text-center">
                            <a class="option evaluation_button" href="{% url 'programme_session_evaluation' meeting_information.slug session.id %}">
                                <div class="add-note-share scoring"></div>
                                <div class="label">SCORING</div>
                            </a>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>

    <div class="main-body session-body search-reactive">

        <div class="body_title">DAY &amp; TIME</div>
        <div class="single">
            <a class="item">
                <img src="{% static 'images/microsite/position/clock.png' %}" />
                {{ session.day.date|date:"D" }}, {{ session.start_time }} - {{ session.end_time }}
            </a>
        </div>

        {% if session.location %}
            <div class="body_title">ROOM</div>

            <div class="single">
                <a class="link" href="{% url 'programme_location' meeting_information.slug session.location.id %}">
                    <img src="{% static 'images/microsite/position/location.png' %}" /> {{ session.location }}
                </a>
            </div>
        {% endif %}

        {% if session.chair or session.chair_2 %}
            <div class="body_title">SPEAKER{% if session.chair_2 %}S{% endif %}</div>
            <div class="list">
                {% if session.chair %}
                    <a class="link" href="{% url 'meeting_person' meeting_information.slug session.chair.id %}">
                        {{ session.chair }}
                    </a>
                {% endif %}
                {% if session.chair_2 %}
                    <a class="link" href="{% url 'meeting_person' meeting_information.slug session.chair_2.id %}">
                        {{ session.chair_2 }}
                    </a>
                {% endif %}
            </div>
        {% endif %}

        {% if session.content %}
            <div class="body_title">SESSION INFORMATION</div>

            <div class="single">
                <div class="item">
                    {{ session.content|safe }}
                </div>
            </div>
        {% endif %}

        {% if presentations %}
            <div class="body_title">PRESENTATIONS</div>

            <div class="list">
                {% for presentation in presentations %}
                    {% include "public/meeting_information/programme/partials/presentation.html" with show_speaker=True %}
                {% endfor %}
            </div>
        {% endif %}
    </div>

</div>

{% endblock %}

{% block footer_script %}

<script type="text/javascript">
    $(document).ready(function(){
        $('#add_session').click(function(e){
            e.preventDefault();
            url = $(this).attr('href');
            $.get(url, function(response){
                if (response.status == 'added') {
                    notification(response.message);
                    $('#add_session').addClass('active');
                } else if (response.status == 'removed'){
                    notification(response.message);
                    $('#add_session').removeClass('active');
                } else {
                    notification(response.message,'',10000);
                }

            });
        });
    });
</script>
{% endblock %}