{% extends "elearning.html" %}

{% load staticfiles %}

{% block headtitle %}Self Assessment - {{ unit }} - {{ course }} - {{ block.super }}{% endblock %}

{% block bodyclass %}elearning-content{% endblock %}

{% block content %}
    <div class="row breadcrumb-row">
        <div class="span12">
            <ul class="breadcrumb">
                <li><a href="{% url 'learner_dashboard' %}">Dashboard</a> <span class="divider">/</span></li>
                <li><a href="{% url 'learner_course' course.slug %}">{{ course }}</a> <span class="divider">/</span></li>
                <li><a href="{% url 'learner_course_unit' course.slug unit.slug %}">{{ unit }}</a> <span class="divider">/</span></li>
                <li class="active">Self Assessment Review</li>
            </ul>
        </div>
    </div>

    {% if manager %}
        <div class="text-right">
            <a href="#" class="fullscreen" title="Full screen"><i class="icon-fullscreen"></i></a>
        </div>
    {% endif %}


    <div class="row">
        <div class="span12">
            <div class="page-header">
                <h1>Self Assessment <small>{{ unit }}</small></h1>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="span12">
            {% if not score == 100 %}
                <h1>You scored <span>{{ score }}%</h1>
                <h2>To go back and change an answer, click on the arrow within the question below:</h2>
            {% else %}
                <h2>Congratulations, you passed with a score of {{ score }}%</h2>
                <p><a href="{% url 'learner_course_unit' unit.course.slug unit.slug %}?page=1" title="Review Tutorial" class="btn btn-primary">Review Tutorial</a></p>
            {% endif %}

            {% for submission in question_submissions %}
                {% if not submission.correct %}
                    <table class="table">
                        <tr>
                            <td><img src="{% static 'img/answer_wrong.png' %}" alt="Red Cross" /></td>
                            <td>
                                {{ submission.question }}
                                <p>You answered:</p>
                                <p><strong>{{ submission.answer }}</strong></p>
                            </td>
                            <td><a href="{% url 'learner_course_unit_assessment' unit.course.slug unit.slug %}?page={{ forloop.counter }}" title="{{ submission.question }}"><img src="{% static 'img/review_question.png' %}" alt="Review answer" /></a></td>
                        </tr>
                    </table>
                {% endif %}
            {% endfor %}

            <hr />
            <p><a href="{% url 'learner_course' unit.course.slug %}" title="Back to Tutorial Selection" class="btn btn-primary btn-large"><i class="icon-chevron-left icon-white"></i> Back to Tutorial Selection</a></p>

        </div>
    </div>
{% endblock %}