{% extends "admin.html" %}
{% load staticfiles %}

{% block headtitle %}Votes - {% endblock %}

{% block meeting_information_active %}active{% endblock %}

{% block content %}

    <div class="row">
        <div class="col-lg-12">
            <ul class="breadcrumb">
                <li><a href="{% url 'admin' %}">Admin</a></li>
                <li><a href="{% url 'admin_meeting_information' %}">Meeting Information</a></li>
                <li><a href="{% url 'admin_meeting_information_votes' meeting.id %}">Voting</a></li>
                <li class="active">Votes</li>
            </ul>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            <div class="page-header">
                <h1>Viewing Votes for <small>{{ vote }}</small></h1>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            {% for question in questions %}
                <h3>{{ question }}</h3>
                {% for option in question.get_votes %}
                    <div class="row">
                        <div class="col-xs-2">
                            {{ option.name }}
                        </div>
                        <div class="col-xs-3">
                            <div class="progress progress-striped">
                                <div class="progress-bar" role="progressbar" aria-valuenow="{{  option.percentage|floatformat }}" aria-valuemin="0" aria-valuemax="100" style="width:{{ option.percentage|floatformat }}%;"></div>
                            </div>
                        </div>
                        <div class="col-xs-2">
                            <strong>{{ option.count }} Vote{% if option.count != 1 %}s{% endif %} ({{ option.percentage|floatformat }}%)</strong>
                        </div>
                    </div>
                {% endfor %}
            {% endfor %}
            <p><a href="{% url 'admin_meeting_information_votes' meeting.id %}" class="btn btn-default"><i class="glyphicon glyphicon-chevron-left"></i> Back</a>
        </div>
    </div>

{% endblock %}