{% extends base_template %}
{% load i18n %}
{% load staticfiles %}

{% block title %}{% trans "Take Test" %}{{ block.super }}{% endblock %}

{% block headcss %}{{ block.super }}
    <link rel="stylesheet" type="text/css" href="{% static 'perseus/ke/css/khan-exercise.css' %}?{{ BUILD_ID }}"></link>

    <!-- Used by KA to dynamically add styling to the exercise -->
    <style id="exercise-inline-style"></style>

    <style>
        .return-link {
            font-size: 13px;
            padding-bottom: 4px;
            opacity: 0.8;
            margin-top: -2px;
        }
    </style>
{% endblock headcss %}

{% block headjs %}{{ block.super }}
<!-- START PERSEUS STUFF -->
<script src="{% static 'js/seedrandom.min.js' %}"></script>
<script src="{% static "perseus/lib/es5-shim.js" %}"></script>
<script src="{% static "perseus/lib/marked.js" %}"></script>
<script src="{% static "perseus/lib/react-with-addons.js" %}"></script>
<script src="{% static "perseus/ke/third_party/MathJax/2.1/MathJax.js" True %}?config={% static "perseus/ke/third_party/MathJax/2.1/config/KAthJax-8f02f65cba7722b3e529bd9dfa6ac25d" %}"></script>
<script src="{% static "perseus/lib/katex/katex.js" %}"></script>
<script src="{% static "perseus/lib/mathquill/mathquill.js" %}"></script>
<script src="{% static "perseus/lib/kas.js" %}"></script>
<script src="{% static "perseus/ke/local-only/jed.js" %}"></script>
<script src="{% static "perseus/ke/local-only/i18n.js" %}"></script>
<script src="{% static "perseus/ke/local-only/jquery.qtip.js" %}"></script>
<script src="{% static "perseus/ke/local-only/require.js" %}"></script>
<script src="{% static 'js/distributed/software-keyboard.js' %}"></script>
<script src="{% url 'handlebars_templates' module_name='exercise' %}"></script>
<script src="{% static 'js/distributed/exercises/models.js' %}"></script>
<script src="{% static 'js/distributed/exercises/views.js' %}"></script>
<script src="{% static 'js/distributed/exercises/perseus-helpers.js' %}"></script>
<script src="{% static 'perseus/ke/interface.js' %}"></script>
<!-- END PERSEUS STUFF -->
<script>
        $(function() {
            statusModel.loaded.then(function() {
                window.exerciseTestView = new ExerciseTestView({
                    el: $(".exercise-wrapper"),
                    test_id: "{{ test_id }}"
                });
            });
        });

</script>

{% endblock headjs %}

{% block content %}

    <div class="exercise-wrapper"></div>

{% endblock content %}
