{% extends "elearning.html" %}

{% block headtitle %}Exam - {{ course }} - {{ block.super }}{% endblock %}

{% block content %}
    <div class="row">
        <div class="span6">
            <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 class="active">{{ course }} Exam</li>
            </ul>
        </div>
        <div class="span6">
        </div>
    </div>

    <div class="row">
        <div class="span12">
            <div class="progress progress-striped">
                <div class="bar" style="width: {{ complete_percentage }}%;"></div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="span12">
            <p>You have 40 minutes to complete the exam once you click the start button below.</p>
            <p>You have 3 attempts to pass the exam and we advise you to review the course prior to taking the exam.</p>
            <p>Score {{ course.exam_pass_percentage }}% or higher to pass and then download your certificate.</p>

            <form action="{% url 'exam' course.slug %}" method="post">{% csrf_token %}

                <br />
                <p><strong>To take the exam, please complete the following questionnaire and agree to the declaration:</strong></p>

                {% include "partials/form.html" with form=learner_exam_form %}

                <div class="well">{{ config.student_honesty_declaration|safe }}</div>
                <label class="checkbox"><input type="checkbox" name="declaration"> I agree to the Learner Declaration of Authentification</label>

                <br />
                <input type="submit" class="btn btn-large btn-primary" value="Start Exam" />
            </form>

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