{% load i18n %}
<div class="panel-body">
  <h2>{{ poll.question }}</h2>
  {% include "misago/poll/info.html" %}

  <div class="poll-choices-bars">
    {% for choice in poll.view_choices %}
      <dl class="dl-horizontal">
        <dt>{{ choice.label }}</dt>
        <dd>
          <div class="progress">
            <div
              class="progress-bar"
              role="progressbar"
              aria-valuenow={proc}
              aria-valuemin="0"
              aria-valuemax="100"
              style="width: {{ choice.proc }}%""
            >
              <span class="sr-only">
                {% blocktrans trimmed count votes=choice.votes with proc=choice.proc %}
                  {{ votes }} vote, {{ proc }}% of total.
                {% plural %}
                  {{ votes }} votes, {{ proc }}% of total.
                {% endblocktrans %}
              </span>
            </div>
          </div>
          <ul class="list-unstyled list-inline poll-chart">
            <li class="poll-chart-votes">
              {% blocktrans trimmed count votes=choice.votes with proc=choice.proc %}
                {{ votes }} vote, {{ proc }}% of total.
              {% plural %}
                {{ votes }} votes, {{ proc }}% of total.
              {% endblocktrans %}
            </li>
            {% if choice.selected %}
              <li class="poll-chart-selected">
                <span class="material-icon">
                  check_box
                </span> {% trans "Your choice." %}
              </li>
            {% endif %}
          </ul>
        </dd>
      </dl>
    {% endfor %}
  </div>

  {% if poll.acl.can_vote or poll.acl.can_see_votes or poll.acl.can_edit or poll.acl.can_delete %}
    <div class="row poll-options">
      {% if poll.acl.can_vote %}
        <div class="col-xs-6 col-sm-4 col-md-2">
          <button class="btn btn-default btn-block btn-sm" disabled>
            {% trans "Vote" %}
          </button>
        </div>
      {% endif %}
      {% if poll.acl.can_see_votes %}
        <div class="col-xs-6 col-sm-4 col-md-2">
          <button class="btn btn-default btn-block btn-sm" disabled>
            {% trans "See votes" %}
          </button>
        </div>
      {% endif %}
      {% if poll.acl.can_see_votes %}
        <div class="col-xs-6 col-sm-4 col-md-2">
          <button class="btn btn-default btn-block btn-sm" disabled>
            {% trans "Edit" %}
          </button>
        </div>
      {% endif %}
      {% if poll.acl.can_see_votes %}
        <div class="col-xs-6 col-sm-4 col-md-2">
          <button class="btn btn-default btn-block btn-sm" disabled>
            {% trans "Delete" %}
          </button>
        </div>
      {% endif %}
    </div>
  {% endif %}
</div>