{{ extends "global/Page.html" }}
{{ block title }}Disclaimer{{ endblock }}

{{ block content }}

<link rel="stylesheet" href="{{ static 'hiring-funnel.css' }}">

<h3>Demographics Survey</h3>

<div style="margin-bottom: 30px;">
    <p>{{ form.age_range.label }}</p>
    {{ form.age_range }}
</div>

<div style="margin-bottom: 30px;">
    <p>{{ form.gender.label }}</p>
    {{ form.gender }}
</div>

<div style="margin-bottom: 30px;">
    <p>{{ form.device_type.label }}</p>
    {{ form.device_type }}
</div>

<div style="margin-bottom: 30px;">
    <p>{{ form.survey_comments.label }} <strong style="color: #455a64;">(Optional)</strong></p>
    <p style="font-size: 0.9em; color: #666; margin-top: 5px;">When you are finished, please hit &gt;&gt; to complete the survey. We hope you enjoyed it!</p>
    {{ form.survey_comments }}
</div>

{{ next_button }}

{{ endblock }}