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

{% block content %}
    <div class="col-md-6">
        <h2>Marking question {{question_details.current}} of {{question_details.total}}</h2>
        <a href="{% url 'anatomy:question_detail' question.id %}" title="View the Question">View</a> <a href="{% url 'anatomy:anatomy_question_update' question.id %}" title="Edit the Question">Edit</a> <a href="{% url 'admin:anatomy_anatomyquestion_change' question.id %}" title="Edit the Question using the admin interface">Admin Edit</a>
        <h3>{{ question.question_type }}</h3>
        [{{question.get_primary_answer}}]

        <div class="marking">
            <form method="POST" class="post-form">{% csrf_token %}
                Click each answer to toggle through marks awarded (as per colour)
                {% if not review %}
                    {% if unmarked_exam_answers_only %}
                        Showing unmarked exam answers only <a href="{% url 'anatomy:mark_all' exam.id question_number %}">(view all answers for question)</a>
                    {% else %}
                        Showing all answers <a href="{% url 'anatomy:mark' exam.id question_number %}">(view unmarked exam answers only)</a>
                    {% endif %}
                {% endif %}
                <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" 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="mark-buttons">
                        <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>
                        {% 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 %}
                    </div>
                </div>
                <span class=hide>
                    {{ form.as_p }}
                </span>
            </form>
        </div>
    </div>
    <div class="col-md-6">
        <div id="single-dicom-viewer" class="marking-dicom" data-images="{{ question.get_image_url_array }}" data-annotations='{{question.get_image_annotations}}'>
        </div>
    </div>
{% endblock %}