{{ block styles }}
<link href="{{ static 'bret/css/custom.css' }}" rel="stylesheet"/>
{{ endblock }}

{{ block title }}
<div style="text-align: center;">
    {{ t.mental_health_title }}
</div>
{{ endblock }}

{{ block content }}

<div style="text-align: left;" class="consent">

    <p>
        {{ t.Please_Answer_Questions }}
    </p>

    <p>
    {{ t.age_18_label|safe }}
</p>

{{ for value, label in t.age_18_choices }}
<div class="form-check">
    <input class="form-check-input"
           type="radio"
           name="age_18"
           value="{{ value }}">
    <label class="form-check-label" style="font-size:18px;">
        {{ label }}
    </label>
</div>
{{ endfor }}

<br/>

<p>
    {{ t.consent_q_label|safe }}
</p>

{{ for value, label in t.consent_q_choices }}
<div class="form-check">
    <input class="form-check-input"
           type="radio"
           name="consent_q"
           value="{{ value }}">
    <label class="form-check-label" style="font-size:18px;">
        {{ label }}
    </label>
</div>
{{ endfor }}

<br/>

<p>
    {{ t.participation_comfort_label|safe }}
</p>

{{ for value, label in t.participation_comfort_choices }}
<div class="form-check">
    <input class="form-check-input"
           type="radio"
           name="participation_comfort"
           value="{{ value }}">
    <label class="form-check-label" style="font-size:18px;">
        {{ label }}
    </label>
</div>
{{ endfor }}

<br/>

</div>

{{ next_button }}

{{ endblock }}