{% extends "meeting-base.html" %}
{% load staticfiles %}

{% block headtitle %}{{ poster }} | Posters{% endblock %}

{% block content %}
    <div class="body">
        <div class="main-header buttons-header search-reactive">
            <div class="return">
                <div class="container-fluid pad-30">
                    <div class="row mar-30">
                        <div class="col-xs-2 col-sm-1 pad-30 text-left">
                            <a href="{% url 'meeting_posters' meeting_information.slug %}">
                                <img src="{% static 'images/microsite/navigation/arrow-left.png' %}" />
                            </a>
                        </div>
                        <div class="col-xs-8 col-sm-10 pad-30 text-center">
                            <div class="title">{{ poster }}</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="select">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-xs-{% if poster.poster_file %}{% if can_score %}3{% else %}4{% endif %}{% elif can_score %}4{% else %}6{% endif %} text-center">
                            <a class="option {% if user_note %}active{% endif %}" href="{% url 'meeting_poster_note' meeting_information.slug poster.id %}">
                                <div class="add-note-share note"></div>
                                <div class="label">NOTE</div>
                            </a>
                        </div>
                        <div class="col-xs-{% if poster.poster_file %}{% if can_score %}3{% else %}4{% endif %}{% elif can_score %}4{% else %}6{% endif %} text-center">
                            <a class="option addthis_button">
                                <div class="add-note-share share"></div>
                                <div class="label">SHARE</div>
                            </a>
                        </div>
                        {% if poster.poster_file %}
                            <div class="col-xs-{% if can_score %}3{% else %}4{% endif %} text-center">
                                <a class="option" href="{{ poster.poster_file.url }}" download target="_blank" title="Download Poster">
                                    <div class="add-note-share download"></div>
                                    <div class="label">Download</div>
                                </a>
                            </div>
                        {% endif %}
                        {% if can_score %}
                            <div class="col-xs-{% if poster.poster_file %}3{% else %}4{% endif %} text-center">
                                <a class="option evaluation_button" href="{% url 'meeting_poster_scoring' meeting_information.slug poster.id %}">
                                    <div class="add-note-share scoring"></div>
                                    <div class="label">SCORING</div>
                                </a>
                            </div>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>

        <div class="main-body search-reactive">
            {% if poster.abstract_submission.get_authors %}
                <div class="body_title">Authors</div>

                <div class="container-fluid pad-30">
                    <div class="row mar-30">
                        <div class="col-xs-12 pad-30">
                            <a class="item item_small">
                                {% for author in poster.abstract_submission.get_authors %}
                                    {{ author.name }}, {{ author.institution }}{% if not forloop.last %}<br/>{% endif %}
                                {% endfor %}
                            </a>
                        </div>
                    </div>
                </div>
            {% endif %}

            <div class="body_title">Abstract</div>

            <div class="container-fluid pad-30">
                <div class="row mar-30">
                    <div class="col-xs-12 pad-30">
                        <div class="item item_small">
                            <p>{{ poster.abstract|linebreaksbr }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}