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

{% block content %}
<div class="physics">
    <h2>{{ exam.name }}</h2>

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

    <div id="stats-plot">
        <h3>Distribution of results</h3>{{plot|safe}}
    </div>
</div>
<div>
    <table>
        <tr>
            <th>Candidate ID</th>
            <th>Score</th>
        </tr>
        {% for user, value in user_answers_marks.items %}
        <tr>
            <td><a href="{% url 'cid_scores' user %}">{{user}}</a></td>
            <td>{{user_scores|get_item:user}}</td>
        </tr>
        {% endfor %}
    </table>
</div>
<div>
    <h3>Answers as a table</h3>
    <table>
        <tr>
            <th>Candidate</th>
            {% for cid in cids %}
            <th>{{cid}}</th>
            {% endfor %}

        </tr>
        {% for question in questions %}
        <tr>
            <td>Question {{forloop.counter}}</td>
            {% for zipped_answers in by_question|get_item:question %}
            <td>
                <ol class="physics-ans" style="list-style-type: lower-alpha;">
                    {% for ans, score in zipped_answers %}
                    <li class="user-answer-score-{{score}}" title="answer score: {{score}}">{{ans}}</li>
                    {% endfor %}
                </ol>
            </td>
            {% endfor %}
        </tr>
        {% endfor %}
        <tr>
            <td>Score:</td>
            {% for score in user_scores_list %}
            <td>{{score}}</td>
            {% endfor %}
        <tr>
    </table>

</div>
{% endblock %}