{{ extends 'global/Page.html' }}
{{ block title }}Post-Experiment Survey {{ endblock }}

{{ block content }}

<p style = "color: #3F83C8;">
Choose a number between <u><b>1 (Not at all applicable)</b></u> and <u><b>7 (Very much applicable)</b></u> that best fits how you feel about the statement.
</p>

{{ formfield 'man_q31' }}
<hr>
{{ formfield 'man_q32' }}
<hr>
{{ formfield 'man_q33' }}
<hr>
{{ formfield 'man_q34' }}
<hr>
{{ formfield 'man_q35' }}
<hr>
{{ formfield 'man_q36' }}
<hr>
{{formfield 'attention_span'}}
<hr>
{{ formfield 'man_q37' }}
<hr>
{{ formfield 'man_q38' }}
<hr>
{{ formfield 'man_q39' }}
<hr>
{{ formfield 'man_q40' }}
<hr>
{{ formfield 'man_q41' }}
<hr>
{{ formfield 'man_q42' }}
<hr>
{{ formfield 'man_q43' }}
<hr>
{{ formfield 'man_q44' }}
<hr>
{{ formfield 'man_q45' }}
<hr>
{{ formfield 'man_q46' }}
<hr>
{{ formfield 'direct_comp_man' }}
<hr>

<div style = "text-align: center;">
<button type="submit" class="btn btn-primary">Submit</button>

<div style> <img src="{% static "UCL/UCL.png" %}"width="950"/>  
</div>

{{ endblock }}

{{ block scripts }}
<script>
document.addEventListener("DOMContentLoaded", function () {
    // Get a reference to the back button element
    var backButton = document.getElementById("back-button");

    // Add a click event listener to the back button
    backButton.addEventListener("click", function () {
        // Use the browser's history object to navigate back
        window.history.back();
    });
});

</script>
{{ endblock }}