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

{% load staticfiles thumbnail %}

{% block headtitle %}Voting{% 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 'meeting_home' meeting_information.slug %}">
                                <img src="{% static 'images/microsite/navigation/arrow-left.png' %}" />
                            </a>
                        </div>
                        <div class="col-xs-6 pad-30 text-center">
                            <div class="title">Voting</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="main-body search-reactive">
            <div class="list">                
                {% if voting_sessions %}
                    {% for vote in voting_sessions %}
                        <a href="{% url 'vote' meeting_information.slug vote.id %}" class="link">
                            <div class="title">{{ vote }}</div>
                        </a>
                    {% endfor %}
                {% elif not past_sessions %}
                    <p class="item">Sorry, there are no voting sessions currently happening. Please check back later.</p>
                {% endif %}
                {% if past_sessions %}
                    {% for vote in past_sessions %}
                        <a href="{% url 'vote_results' meeting_information.slug vote.id %}" class="link">
                            <div class="title">{{ vote }} - View Results</div>
                        </a>
                    {% endfor %}
                {% endif %}
            </div>
        </div>
    </div>

{% endblock %}