{% load i18n %}
{{ js_template|safe }}
<div class="poll-block themed-xblock" data-private="{% if private_results %}1{% endif %}"
     data-can-vote="{% if can_vote %}1{% endif %}">
  <div class="poll-block-form-wrapper">

    <h3 class="poll-header">{{ display_name }}</h3>

    <form>
      <fieldset class="poll-container">
        <legend class="poll-question">
          {{ question|safe }}
        </legend>
        <div class="poll-answers">
          {% for key, value in answers %}
            <div class="poll-answer">
              <div class="poll-input-container">
                <input type="radio" name="choice" id="poll-{{ block_id }}-answer-{{ key }}" value="{{ key }}"
                    {% if choice == key %}checked{% endif %}/>
              </div>
              {% if any_img %}
                <div class="poll-image">
                  <label for="poll-{{ block_id }}-answer-{{ key }}" class="poll-image-label">
                    {% if value.img %}
                      <img src="{{ value.img }}"/>
                    {% endif %}
                  </label>
                </div>
              {% endif %}
              <label class="poll-answer-text" for="poll-{{ block_id }}-answer-{{ key }}">{{ value.label|safe }}</label>
            </div>
          {% endfor %}
        </div>
      </fieldset>
      <button type="button" class="submit btn-brand" disabled>
          <span class="submit-label">{% trans 'Submit' %}</span>
      </button>
    </form>

    <div class="poll-voting-thanks
        {% if not choice or can_vote %}poll-hidden{% endif %}">
      <span>{% trans 'Thank you.' %}</span>
    </div>

    <div class="poll-submissions-count poll-hidden">
      {% blocktrans with submissions_count_s='<span class="poll-current-count">{{ submissions_count }}</span>' max_submissions_s='<span class="poll-max-submissions">{{ max_submissions }}</span>' %}
        You have used {{ submissions_count_s }} out of {{ max_submissions_s }} submissions.
      {% endblocktrans %}
    </div>

    {% if feedback %}
      <div class="poll-feedback-container{% if not choice %} poll-hidden{% endif %}">
        <hr/>
        <h3 class="poll-header">{% trans 'Feedback' %}</h3>

        <div class="poll-feedback">
          {{ feedback|safe }}
        </div>
      </div>
    {% endif %}


  </div>
      {% if can_view_private_results %}
      <div class="view-results-button-wrapper">
          <button type="button" class="view-results-button btn-link btn-small"><span class="show-label">{% trans 'View results' %}</span></button>
      </div>
    {% endif %}
</div>
{% if can_view_private_results %}
  {% if not studio_edit %}
    <div class="export-results-button-wrapper">
      <button class="export-results-button btn-brand">{% trans "Export results to CSV" %}</button>
      <button disabled class="download-results-button btn-brand">{% trans "Download CSV" %}</button>
      <p class="error-message poll-hidden"></p>
    </div>
  {% else %}
    <p>{% trans "Student data and results CSV available for download in the LMS." %}</p>
  {% endif %}
{% endif %}