{% extends 'activity_quiz/show.html' %}

{% block content %}
<h6 class="m-0 ml-2 d-inline-block mt-3 mb-2">Single correct answer possible!</h6>

<ul class="list-group mt-1 quiz-form">
{% for answer in question.answers_set.all %}
  <li class="list-group-item list-group-item-action {% if completed %}{% if answer.correct %}list-group-item-success{% elif solution == answer.id|slugify %}list-group-item-danger{% endif %}{% endif %}">
    <input type="radio" name="answer" value="{{ answer.id }}" id="radio_{{ forloop.counter }}" onchange="activate_inputs()" {% if solution == answer.id|slugify %}checked{% endif %} {% if completed %}disabled{% endif %}/>
    <label class="stretched-link" for="radio_{{ forloop.counter }}">
      <i class="far fa-circle fa-2x fa-fw align-middle mr-2"></i> {{ answer.text }}
    </label>
  </li>
{% endfor %}
</ul>

{% endblock %}