{% extends "elearning.html" %}

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

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

{% block content %}
<div class="self-assessment">

    {% 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">
            <div class="progress progress-striped">
                <div class="bar" style="width: {{ complete_percentage }}%;"></div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="span12">
            <h2>Complete the following self assessment to conclude the {{ unit }} section</h2>
            <p><br /></p>
			{% if question %}
				<form action="" method="post">{% csrf_token %}
                    <div class="control-group {% if self_assessment_error %}error{% endif %}">
                        <label class="control-label" for="id_question">
                            <span>{{question_number}}.</span> {{ question.question }}
                        </label>
                        <div class="controls">
                            {% for option in question.get_option_list %}
                                <label class="radio">
                                    <input type="radio" name="self-assessment" id="self-assessment" value="{{ option }}" {% if question_submission.answer == option %}checked{% endif %} />
                                    {{ option }}
                                </label>
                            {% endfor %}
                            {% if self_assessment_error %}
                                <span class="help-inline">
                                    {{ self_assessment_error }}
                                </span>
                            {% endif %}
                        </div>
                    </div>
                    <br />
                    <input type="submit" class="btn btn-primary" value="Submit Answer" />
                </form>
			{% endif %}
        </div>
    </div>
</div>
{% endblock %}