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

{% block content %}
<h2>Marking question {{question_details.current}} of {{question_details.total}}</h2>
<a href="{% url 'rapids:question_detail' question.id %}" title="View the Question">View</a> <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.<br />

<p>The following answers have been submitted for this question</p>

{% if incorrect_answers %}
<div class="marking-list">
    <ul id="new-answer-list" class="answer-list rapid">
        {% for answer in incorrect_answers %}
        <li>
            <pre><span class="answer incorrect" title="{{answer}}">{{ answer }}</span></pre>
        </li>
        {% endfor %}
    </ul>
</div>
{% endif %}
{% 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.get_image_url_array}}"
    data-annotations='{{question.get_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 rapid">
                {% 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 rapid">
                {% for answer in correct_answers %}
                <li>
                    <pre><span class="answer correct" title="{{answer}}">{{ answer }}</span></pre>
                </li>
                {% endfor %}
                {% for answer in half_mark_answers %}
                <li>
                    <pre><span class="answer half-correct" title="{{answer}}">{{ answer }}</span></pre>
                </li>
                {% endfor %}
                {% for answer in incorrect_answers %}
                <li>
                    <pre><span class="answer incorrect" title="{{answer}}">{{ answer }}</span></pre>
                </li>
                {% endfor %}
            </ul>
            <div class="answer-list key">Key: <span class="correct">1 Marks</span>, <span class="half-correct">0.5
                    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 %}