{% extends "elearning.html" %}

{% block headtitle %}{{ course }} - {{ block.super }}{% 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 class="active">{{ course }}</li>
            </ul>
        </div>
    </div>

    <div class="choose-unit">
        <div class="row">
            <div class="span12">
                <div class="page-header">
                    <div class="pull-left">
                        <h1>Your Tutorials <small>{{ course }}</small></h1>
                    </div>
                    {% if company_manager %}
                        <div class="pull-right">
                            <a href="{% url 'reset_manager_submissions' course.id %}" class="btn btn-primary" style="margin: 15px 0 0 0;">Reset</a>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>

        <div class="row">
            <div class="span12">
                <div class="progress progress-striped" style="margin-bottom: 5px;">
                    <div class="bar {% if passed_exam_submissions %}bar-success{% endif %}" style="width: {{ complete_percentage }}%;"></div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="span12">
                <p class="text-center"><small><strong>{{ complete_percentage }}% Complete</strong></small></p>
            </div>
        </div>
        <br />
        <div class="row">
            <div class="span12">
                {% if course.get_enabled_units %}
                    <table class="table table-striped table-bordered">
                    {% for unit in course.get_enabled_units %}

                        <!-- {% cycle 'col1' 'col2' 'col3' 'col4' as col %} -->
                        {% if col == 'col1' %}<tr>{% endif %}
                            <td width="25%"
                                class="not-started
                                {% for unit_submission in unit_submissions %}
                                    {% if unit_submission.unit == unit %}
                                        {% if unit_submission.passed %}
                                            completed
                                        {% else %}
                                            started
                                        {% endif %}
                                    {% endif %}
                                {% endfor %}
                                {% if manager_unit_submissions %}
                                    {% for manager_unit_submission in manager_unit_submissions %}
                                        {% if manager_unit_submission.unit == unit %}
                                            completed
                                        {% endif %}
                                    {% endfor %}
                                {% endif %}
                                "
                            >
                                <a href="{% url 'learner_course_unit' course.slug unit.slug %}" title="{{ unit }}">{{ unit }}</a>
                            </td>

                            {% if forloop.last %}
                                {% if col == 'col1' %}<td></td><td></td><td></td>{% endif %}
                                {% if col == 'col2' %}<td></td><td></td>{% endif %}
                                {% if col == 'col3' %}<td></td>{% endif %}
                            {% endif %}

                        {% if col == 'col4' or forloop.last %}</tr>{% endif %}
                    {% endfor %}
                    </table>
                {% else %}
                    <p>No tutorials found.</p>
                {% endif %}
            </div>
        </div>
    </div>
    {% if complete_percentage == 100 %}
        {% if passed_exam_submissions %}
            <br />
            {% if course.id == 28 %}
                <p>Congratulations on completing your course. Please contact your centre and they will arrange for you to take your final test.</p>
            {% else %}
                <p>Congratulations, you have passed the {{ course }} Course.</p>
            {% endif %}
            <p><a href="{% url 'certificate' course.slug %}" title="" class="btn btn-primary btn-large">Download your certificate <i class="icon-arrow-down icon-white"></i></a></p>

        {% else %}
            {% if learner_credit.exam_enabled and learner_credit.exam_unlocked %}
                <h2>{{ course }} Exam</h2>
                <p>As you have completed all the {{ course }} tutorials, you can now take the {{ course }} exam.</p>
                <p>This exam will consist of multiple choice questions related to the {{ course }} tutorials.</p>
                <p>You will have 45 minutes to complete the exam.</p>
                <p>If you achieve a mark of {{ course.exam_pass_percentage }}% or above you will have passed the course and will have the opportunity to download a certificate.</p>

                <p><a href="{% url 'exam' course.slug %}" title="Take the Test" class="btn btn-large btn-primary">Take the Exam <i class="icon-white icon-chevron-right"></i></a></p>
            {% endif %}
        {% endif %}
    {% endif %}
{% endblock %}