{% extends "elearning.html" %}




{% block headtitle %}Review {{ unit }} - {{ course }} - {{ block.super }}{% endblock %}

{% block content %}

    <div class="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">{{ unit }} Review</li>
            </ul>
        </div>
    </div>

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

    <div class="row">
        <div class="span8">

            {% if not unit_submission.viewed_all %}
                <h2>You completed {{ unit_submission.get_correct.count }} out of {{ unit.get_pages.count }} pages</h2>
                <p>Click on a page to go back and review:</p>
            {% else %}
                <h2>Congratulations you have successfully completed the {{ unit }} tutorial.</h2>
                {% if unit.get_self_assessment_questions %}
                    <p>Having completed the tutorial, you should now be able to answer the following questions. Read the question and then select the answer that you think is correct.
                        There is only one correct answer. When you have finished check your score.</p>
                {% endif %}
            {% endif %}
        </div>
    </div>
    <div class="row">
        <div class="span8">
            <br />
            <div class="pull-left">
                <a href="{% url 'learner_course_unit' course.slug unit.slug %}?page=1" title="Review Tutorial" class="btn btn-large btn-primary"><i class="icon-chevron-left icon-white"></i> Review Tutorial</a>
            </div>
            {% if unit_submission.viewed_all %}
                {% if unit.get_self_assessment_questions %}
                    <div class="pull-right">
                        <a href="{% url 'learner_course_unit_assessment' course.slug unit.slug %}" title="Continue to the Self Assessment Questions" class="btn btn-large btn-primary">Continue to the Self Assessment Questions <i class="icon-chevron-right icon-white"></i></a>
                    </div>
                {% else %}
                    <div class="pull-right">
                        <a href="{% url 'learner_course_unit_complete' course.slug unit.slug %}" title="Complete" class="btn btn-large btn-primary">Complete <i class="icon-chevron-right icon-white"></i></a>
                    </div>
                {% endif %}
            {% endif %}
        </div>
    </div>
{% endblock %}