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

{% block content %}

    {% load thumbnail %}
    <div class="anatomy">
        {% include 'generic/exam_overview_headers.html' %}

        <ol id="full-question-list" class="sortable">
            {% for question in questions %}

                <li data-question_pk={{question.pk}}>
                    <span class="flex-col">
                        <a href="{% url 'anatomy:exam_question_detail' pk=exam.pk sk=forloop.counter0 %}">
                            <img src="{{ question.image|thumbnail_url:'exam-list' }}" alt="thumbail" />
                        </a>
                    </span>
                    <span class="flex-col-4">
                        {{ question.description }}
                        <br />
                        {{ question.question_type }}: {{ question.get_primary_answer }}
                        <br />
                        Modality: {{ question.modality }},
                        {% if exam.exam_mode %}
                            <a href="{% url 'anatomy:mark' exam_pk=exam.pk sk=forloop.counter0 %}">Mark</a>
                        {% endif %}
                        <span class="id"><a href="{% url 'anatomy:question_detail' pk=question.pk %}">[id: {{question.pk}}]</a></span>
                    </span>
                </li>
            {% endfor %}
        </ol>
        <div>
            Author: {% for author in exam.author.all %}
                {{ author }},
            {% endfor %}
        </div>
        {% if can_edit %}
            <p><button id='button-edit-order' title='click and drag questions to change order' data-posturl="{% url 'anatomy:exam_json_edit' pk=exam.pk %}">Edit question order / Delete questions</button></p>
        {% endif %}
        <div>
            JSON creation time: {{exam.json_creation_time}} ({{exam.json_creation_time|date:"c"}}),
            JSON creation id: {{exam.exam_json_id}}
        </div>
        <a href="{% url 'anatomy:exam_json' pk=exam.pk %}">JSON</a>
        <a href="{% url 'anatomy:exam_json_unbased' pk=exam.pk %}">JSON (unbased)</a>
        <a href="{% url 'anatomy:exam_json_recreate' pk=exam.pk %}">Refresh JSON cache</a>
        {% if request.user.is_superuser %}
            <button id='button-open-access' data-posturl="{% url 'anatomy:exam_json_edit' pk=exam.pk %}">Make questions open access</button>
            <button id='button-closed-access' data-posturl="{% url 'anatomy:exam_json_edit' pk=exam.pk %}">Make questions closed access</button>
        {% endif %}

    </div>
    {% include 'exam_overview_js.html' %}
{% endblock %}