{{ 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 'woman_q31' }}
<hr>
{{ formfield 'woman_q32' }}
<hr>
{{ formfield 'woman_q33' }}
<hr>
{{ formfield 'woman_q34' }}
<hr>
{{ formfield 'woman_q35' }}
<hr>
{{ formfield 'woman_q36' }}
<hr>
{{formfield 'attention_span'}}
<hr>
{{ formfield 'woman_q37' }}
<hr>
{{ formfield 'woman_q38' }}
<hr>
{{ formfield 'woman_q39' }}
<hr>
{{ formfield 'woman_q40' }}
<hr>
{{ formfield 'woman_q41' }}
<hr>
{{ formfield 'woman_q42' }}
<hr>
{{ formfield 'woman_q43' }}
<hr>
{{ formfield 'woman_q44' }}
<hr>
{{ formfield 'woman_q45' }}
<hr>
{{ formfield 'woman_q46' }}
<hr>
{{ formfield 'direct_comp_woman' }}
<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 }}