{{ block title }}
    Personality Test
{{ endblock }}
{{ block content }}

<p>
Please evaluate the following statements, to complete the sentence:
    <b>"I see myself as someone who...</b>".
</p>

<table class="table table-striped">
    <tr>
        <th></th>
        <th>Disagree</th>
        <th>Slightly Disagree</th>
        <th>Neutral</th>
        <th>Slightly Agree</th>
        <th>Agree</th>
    </tr>
    {{ for field in form }}
    <tr>
        <th>{{ field.label }}</th>
        {{ for option in field }}
        <td>{{ option }}</td>
        {{ endfor }}
    </tr>
    {{ endfor }}
</table>

{{ next_button }}

<script>
    // workaround needed until wtforms #615 is published
    for (let option of document.querySelectorAll('input[type=radio]')) {
        option.required = 'required';
    }
</script>

{{ endblock }}