{% extends 'left/left.html.twig' %}

{% block meta %}
    {{ parent() }}
{% endblock %}

{% block title %}Poll{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel='stylesheet' type='text/css' href="{{ asset('assets/css/poll/poll.css') }}">
    <link rel='stylesheet' type='text/css' href="{{ asset('assets/css/network/public.css') }}"
          media="screen and (min-width: 1300px)">
    <link rel='stylesheet' type='text/css' href="{{ asset('assets/css/network/public_mid.css') }}"
          media="screen and (max-width: 1300px)">
    <link rel='stylesheet' type='text/css' href="{{ asset('assets/css/network/public_small.css') }}"
          media="screen and (max-width: 750px)">
{% endblock %}

{% block header %}
    {{ parent() }}
{% endblock %}

{% block left %}
    {{ parent() }}
{% endblock %}

{% block body %}
    <div class="content">
        <div class="poll">
            <p class="poll-question">Q. {{ poll.question }}</p>
            <ul>
                {% for question, votes in poll.countResponses() %}
                    <li class="result">
                        <p class="result-option">{{ question }}</p>
                        <p class="result-vote">{{ votes }} </p>
                    </li>
                {% endfor %}
            </ul>
        </div>
    </div>
{% endblock body %}

{% block javascripts %}{% endblock %}