{% extends 'rapids/exams.html' %}

{% block content %}
<h2>Marking question {{question_details.current}} of {{question_details.total}}</h2>
<a href="{% url 'rapids:rapid_update' question.id %}" title="Edit the Question">Edit</a> <a
    href="{% url 'admin:rapids_rapid_change' question.id %}" title="Edit the Question using the admin interface">Admin
    Edit</a>
{% if question.normal %}
<h3>This question is normal</h3>
Answers will be automatically marked.
{% else %}
<h3>This question is abnormal</h3>
Answers marked as normal will be automatically marked.<br/>
Region: {{ question.get_regions }}, Abnormalities: {{ question.get_abnormalities }}
{% endif %}
<div id="single-dicom-viewer" class="marking-dicom" data-images="{{question.GetImageUrls}}"
    data-annotations='{{question.image_annotations}}'>
</div>
<div class="marking">
    <form method="POST" class="post-form">{% csrf_token %}
        {% if not question.normal %}
        Click each answer to toggle through marks awarded (as per colour)
        <div class="marking-list">
            Unmarked:
            <ul id="new-answer-list" class="answer-list">
                {% for answer in user_answers %}
                <li>
                    <pre><span class="answer not-marked">{{ answer }}</span></pre>
                </li>
                {% endfor %}
            </ul>
            Marked:
            <ul id="marked-answer-list" class="answer-list">
                {% for answer in correct_answers %}
                <li>
                    <pre><span class="answer correct">{{ answer }}</span></pre>
                </li>
                {% endfor %}
                {% for answer in half_mark_answers %}
                <li>
                    <pre><span class="answer half-correct">{{ answer }}</span></pre>
                </li>
                {% endfor %}
                {% for answer in incorrect_answers %}
                <li>
                    <pre><span class="answer incorrect">{{ answer }}</span></pre>
                </li>
                {% endfor %}
            </ul>
            <div class="answer-list key">Key: <span class="correct">2 Marks</span>, <span class="half-correct">1
                    Mark</span>, <span class="incorrect">0 Marks</span></div>
        </div>
            {% endif %}
            {% if question_details.current > 1 %}
            <button type="submit" name="previous" class="save btn btn-default">Previous</button>
            {% endif %}
            <button type="submit" name="save" class="save btn btn-default">Save</button>
            {% if question_details.current >= question_details.total %}
            {% else %}
            <button type="submit" name="next" class="save btn btn-default">Next</button>
            <button type="submit" name="skip" class="save btn btn-default">Skip</button>
            {% endif %}
        <span class=hide>
            {{ form.as_p }}
        </span>
    </form>
</div>
{% endblock %}