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

{% block content %}

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


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

                <li data-question_pk={{question.pk}}>
                    <span class="flex-col-2">
                        Description: {{ question.description}}
                        <br />
                        History: {{ question.history}}
                        <br />
                        <div>
                            Author(s): {{question.get_authors}}
                        </div>
                        <div>
                            <a href="{% url 'longs:exam_question_detail' exam.id forloop.counter0 %}"
                                title="View the question">View</a> / <a href="{% url 'longs:long_update' question.id %}"
                                    title="Edit the question">Edit</a>
                            <span class="id"><a href="{% url 'longs:question_detail' question.id %}">[id:
                                {{question.pk}}]</a></span>
                        </div>
                    </span>
                    <span class="flex-col-3">
                        {% for series in question.series.all %}
                            <div class="series-block">
                                Series {{forloop.counter }}:<br />
                                {{series.get_block}}
                            </div>
                        {% empty %}
                            No series
                        {% endfor %}
                    </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 'longs:exam_json_edit' pk=exam.pk %}">Edit question order / Delete questions</button></p>
            <div>
                JSON creation time: {{exam.json_creation_time}} ({{exam.json_creation_time|date:"c"}}),
                JSON creation id: {{exam.exam_json_id}}
                {% if exam.recreate_json %}[JSON out of date]{% endif %}
            </div>
            <a href="{% url 'longs:exam_json' pk=exam.pk %}">JSON</a>
            <a href="{% url 'longs:exam_json_unbased' pk=exam.pk %}">JSON (unbased)</a>
            <a href="{% url 'longs:exam_json_recreate' pk=exam.pk %}">Refresh JSON cache</a>
            <a href="{% url 'longs:refresh_exam_question_json' pk=exam.pk %}">Refresh Question JSON cache</a>

            <button id='button-open-access' data-posturl="{% url 'longs:exam_json_edit' pk=exam.pk %}">Make questions open access</button>
            <button id='button-closed-access' data-posturl="{% url 'longs:exam_json_edit' pk=exam.pk %}">Make questions closed access</button>
        {% endif %}

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