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

{% block content %}
    <div id="stats-plot">{{plot|safe}}</div>
    <div class="atlas">
        {% if unmarked %}
            <div class="alert alert-warning" role="alert">
                The following questions need marking
                {% for exam_index in unmarked %}
                    <a href="{% url 'atlas:collection_mark_question' exam.pk exam_index %}">{{ exam_index|add:1 }}</a>
                {% endfor %}
            </div>

        {% endif %}

    </div>
    <div id="stats-block">
        <h3>Stats</h3>
        Candidates: {{cids|length}}<br />
        Max score: {{max_score}}<br />
        Mean: {{mean}}, Median {{median}}, Mode {{mode}}

    </div>
    <div>
        <table class="table table-dark table-striped table-hover table-sm cid-score-table">
            <tr>
                <th>Candidate ID</th>
                <th>Score</th>
                {% comment %} <th>Normalised Score</th> {% endcomment %}
            </tr>
            {% comment %} {% for user, value in user_answers_marks.items %} {% endcomment %}
            {% for cid in cids %}
                <tr>
                    <td><a href="{% url 'cid_scores_admin' cid %}">{{cid}}</a></td>
                    <td>{{user_scores|get_item:cid}}</td>
                    {% comment %} <td>{{user_scores_normalised|get_item:user}}</td> {% endcomment %}
                </tr>
            {% endfor %}
        </table>
    </div>
    <div>
        <h3>Answers as a table</h3>
        <table class="table table-dark table-striped table-hover table-sm col-sm">
            <thead class="thead-dark">
                <tr>
                    <th>Candidate</th>
                    {% for cid in cids %}
                        <th>{{cid}}</th>
                        {% comment %} <th><a href="{% url 'atlas:exam_scores_cid_user' exam.pk cid 'None' %}">{{cid}}</a></th> {% endcomment %}
                        {% comment %} <th><a href="">{{cid}}</a></th> {% endcomment %}
                    {% endfor %}

                </tr>
            </thead>
            {% for question in questions %}
                <tr>
                    <td><a href="{% url 'atlas:collection_mark_question' exam.pk forloop.counter0 %}">Question {{forloop.counter}}</a>
                    </td>
                    {% comment %} {% for cid in cids %}
                        <td class="atlas-ans user-answer-score-{{score_by_question|get_item:question|get_item:cid}}" title="answer score: {{score_by_question|get_item:question|get_item:cid}}">{{ans_by_question|get_item:question|get_item:cid}}</td>
                    {% endfor %} {% endcomment %}
                    {% for cid in cids %}
                        {% with by_question|get_item:question|get_item:cid as ans_score %}
                            <td class="atlas-ans" data-score="{{ans_score.1}}" title="answer: {{ans_score.0}} 
feedback: {{ans_score.2}}">{{ans_score.1}}</td>
                        {% endwith %}
                    {% endfor %}
                </tr>
            {% endfor %}
            <tr>
                <td>Score:</td>
                {% for cid in cids %}
                    <td>{{user_scores|get_item:cid}}</td>
                {% endfor %}
            </tr>
        </table>

    </div>
{% endblock %}