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

{% block content %}
    <div class="shorts">
        <h2>Marking exam: {{ exam }}</h2>
        You can start marking from a particular question by clicking on it below.

        <div>
            <button class="show-all-button">Show all</button><button class="show-unmarked-button">Show unmarked</button>
        </div>
        <div id="stark-marking-button"><a href="{% url 'shorts:mark' exam_pk=exam.pk sk=0 %}"><button>Click here to start marking</button></a></div>

        <ul id="question-mark-list">
            {% for question, unmarked_count, unmarked_count2 in question_unmarked_map %}
                <li data-markcount={{unmarked_count}} {% if unmarked_count %}class="unmarked" {% endif %}><a href="{% url 'shorts:mark' exam_pk=exam.pk sk=forloop.counter0 %}">Question {{forloop.counter }}:
                    {{ question }}</a><br />Unmarked answers: {{unmarked_count}}</li>
            {% endfor %}
        </ul>
    </div>
{% endblock %}