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

{{ block content }}
<br>
{{ Q1 }}
<br>
<br>
<h3>{{ C.SUBTITLE }}</h3>
{{ formfield 'q1_a' }}
<br>
{{ C.B_LABEL }}
<br>
&emsp;{{ C.B_LABEL2 }}
<br>
<input type="range" min="0" max="10" value="5" class="slider" name="q1_b" id="q1_b" style="width:50%" oninput="this.nextElementSibling.value = this.value">
&emsp;<output style="font-weight: bold">5</output>
<br>
<br>
{{ formfield 'q1_c' }}
<br>
{{ C.D_LABEL }}
<br>
&emsp;{{ C.D_LABEL2 }}
<br>
<input type="range" min="0" max="10" value="5" class="slider" name="q1_d" id="q1_d" style="width:50%" oninput="this.nextElementSibling.value = this.value">
&emsp;<output style="font-weight: bold">5</output>
<br>
<br>
{{ formfield 'q1_e' }}
<br>
{{ formfield 'q1_f' }}
<input type="hidden" name="q1_id" id="q1_id" />
<script>
    document.getElementById('q1_id').value = '{{ Q1_ID }}';
</script>

{{ next_button }}

{{ endblock }}