{{ extends 'global/Page.html' }}
{{ block title }}Article 2{{ endblock }}

{{ block content }}
<br>
{{ Q2 }}
<br>
<br>
<h3>{{ C.SUBTITLE }}</h3>
{{ formfield 'q2_a' }}
<br>
{{ C.B_LABEL }}
<br>
&emsp;{{ C.B_LABEL2 }}
<br>
<input type="range" min="0" max="10" value="5" class="slider" name="q2_b" id="q2_b" style="width:50%" oninput="this.nextElementSibling.value = this.value">
&emsp;<output style="font-weight: bold">5</output>
<br>
<br>
{{ formfield 'q2_c' }}
<br>
{{ C.D_LABEL }}
<br>
&emsp;{{ C.D_LABEL2 }}
<br>
<input type="range" min="0" max="10" value="5" class="slider" name="q2_d" id="q2_d" style="width:50%" oninput="this.nextElementSibling.value = this.value">
&emsp;<output style="font-weight: bold">5</output>
<br>
<br>
{{ formfield 'q2_e' }}
<br>
{{ formfield 'q2_f' }}
<input type="hidden" name="q2_id" id="q2_id" />
<script>
    document.getElementById('q2_id').value = '{{ Q2_ID }}';
</script>

{{ next_button }}

{{ endblock }}