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

{% block content %}

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

        This exam will be available to take <a href="{% url 'sbas:exam_start' pk=exam.pk %}">here</a> (when active).

        {% autoescape off %}
            <ol id="full-question-list-sba">
                {% for question in questions.all %}

                    <li>
                        <span>
                            {{ question.stem|safe }}
                            <ol type="a" class="abcde">
                                <li> {{ question.a_answer|safe }} </li>
                                <li> {{ question.b_answer|safe }} </li>
                                <li> {{ question.c_answer|safe }} </li>
                                <li> {{ question.d_answer|safe }} </li>
                                <li> {{ question.e_answer|safe }} </li> Best answer : {{question.best_answer}} ({{question.get_correct_answer_stripped}})
                            </ol>
                        </span>
                        Category: {{ question.category }}, <a href="{% url 'sbas:question_detail' pk=question.pk %}">View</a> <a
                            href="{% url 'admin:sbas_question_change' question.id %}">Edit</a>

                    </li>
                {% endfor %}
            </ol>
        {% endautoescape %}

    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            // send request to change the is_private state on customSwitches toggle
            $("#exam-active-switch").on("change", function () {
                $.ajax({
                    url: "{% url 'sbas:exam_toggle_active' pk=exam.pk %}",
                    data: {
                        csrfmiddlewaretoken: "{{ csrf_token }}",
                        active: this.checked // true if checked else false
                    },
                    type: "POST",
                    dataType: "json",
                })
                // $.ajax().done(), $.ajax().fail(), $ajax().always() are upto you. Add/change accordingly
                    .done(function (data) {
                    console.log(data);

                    if (data.status == "success") {
                        toastr.info('Exam state changed.')
                    }
                    // show some message according to the response.
                    // For eg. A message box showing that the status has been changed
                })
                    .always(function () {
                    console.log('[Done]');
                })
            })
            $("#exam-publish-results-switch").on("change", function () {
                $.ajax({
                    url: "{% url 'sbas:exam_toggle_results_published' pk=exam.pk %}",
                    data: {
                        csrfmiddlewaretoken: "{{ csrf_token }}",
                        publish_results: this.checked // true if checked else false
                    },
                    type: "POST",
                    dataType: "json",
                })
                // $.ajax().done(), $.ajax().fail(), $ajax().always() are upto you. Add/change accordingly
                    .done(function (data) {
                    console.log(data);

                    if (data.status == "success") {
                        toastr.info('Publish results state changed.')
                    }
                    // show some message according to the response.
                    // For eg. A message box showing that the status has been changed
                })
                    .always(function () {
                    console.log('[Done]');
                })
            })
        });
    </script>
{% endblock %}