{% extends "elearning.html" %}

{% load staticfiles %}

{% block headstyle %}
<link rel="stylesheet" href="{% static 'js/libs/datepicker/css/datepicker.css' %}" />
{% endblock %}

{% block headtitle %}Your Information - {{ course }} - {{ block.super }}{% endblock %}

{% block content %}
    <div class="row">
        <div class="span12">
            <div class="page-header">
                <h1>Your Information <small>{{ course }}</small></h1>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="span12">
            <p>Please complete the information below to download your certificate:</p>
            <form action="" method="post">{% csrf_token %}
                {% include "partials/form.html" with form=form %}
                <a href="{% url 'learner_course' course.slug %}" class="btn" title="Cancel">Cancel</a>
                <input type="submit" class="btn btn-primary" value="Save" />
            </form>
        </div>
    </div>
{% endblock %}

{% block footerscript %}
<script src="{% static 'js/libs/datepicker/js/bootstrap-datepicker.js' %}"></script>
<script>
    $('#id_date_of_birth').datepicker({
        format: 'dd/mm/yyyy'
    });
</script>
{% endblock %}