{{ block title }}
    Questionnaire
{{ endblock }}

{{ block styles }}
    <link rel="stylesheet" type="text/css" href="{{ static 'global/likert.css' }}">
{{ endblock }}

{{ block content }}
<p> Please rate your level of agreement with the following statements. </p>
<table class="likert">
    <tr style="border-bottom:1px solid grey">
        <td class="item"> &nbsp; <td>
        <td class="selector"> (1) <br>  Strongly disagree <td>
        <td class="selector"> (2) <br>  Disagree <td>
        <td class="selector"> (3) <br>  Somewhat disagree <td>
        <td class="selector"> (4) <br>  Neither agree nor disagree <td>
        <td class="selector"> (5) <br>  Somewhat agree <td>
        <td class="selector"> (6) <br>  Agree <td>
        <td class="selector"> (7) <br>  Strongly Agree <td>
    </tr>

    {{ for field in form }}
        <tr>
            <td class="item">{{ field.label }}</td>
            {{ for choice in field }}
                <td> &nbsp; </td>
                <td class="selector"><div style="padding: 5px 5px 5px 5px;"> {{ choice }} </div> </td>
            {{ endfor }}
        </tr>
    {{ endfor }}
</table>


{{ next_button }}

{{ endblock }}