{% extends "review-question.html" %}
{% autoescape %}

{% block answer %}
<fieldset data-role="controlgroup">
    <ul class="list-group">
        {% for n, opt in enumerate(q['options']) %}
            <li class="list-group-item">
                {% if q['answer'] is not None and str(n) in q['answer'] %}
                    {{ md('<i class="fa fa-check-square-o" aria-hidden="true"></i> ' + opt, q)}}
                    {% if q['correct'][n] > 0 %}
                        <div class="text-right text-success">
                            <i class="fa fa-check" aria-hidden="true"></i>
                        </div>
                    {% else %}
                        <div class="text-right text-danger">
                            <i class="fa fa-close" aria-hidden="true"></i>
                        </div>
                    {% end %}
                {% else %}
                    {{ md('<i class="fa fa-square-o" aria-hidden="true"></i> ' + opt, q) }}
                    {% if q['correct'][n] > 0 %}
                        <div class="text-right text-danger">
                            <i class="fa fa-close" aria-hidden="true"></i>
                        </div>
                    {% elif q['correct'][n] < 0 %}
                        <div class="text-right text-success">
                            <i class="fa fa-check" aria-hidden="true"></i>
                        </div>
                    {% end %}
                {% end %}
            </li>
        {% end %}
    </ul>
</fieldset>
{% end %}