{{ block title }} PART 1. Pre-Survey {{ endblock }}

{{ block content }}
<br>
    <p>
        3. Please read each statement and indicate how you generally feel.
    </p>

<table class="table table-striped">
    <tr>
        <th></th>
        <th style="text-align: center ; vertical-align: middle;">Almost never</th>
        <th style="text-align: center ; vertical-align: middle;">Sometimes</th>
        <th style="text-align: center ; vertical-align: middle;">Often</th>
        <th style="text-align: center ; vertical-align: middle;">Almost always</th>
    </tr>
    {{ for field in form }}
    <tr>
        <th>{{ field.label }}</th>
        {{ for option in field }}
        <td style="text-align: center ; vertical-align: middle;">{{ option }}</td>
        {{ endfor }}
    </tr>
    {{ endfor }}
</table>

{{ next_button }}

<div class="progress">
    <div class="progress-bar" role="progressbar" aria-valuenow="9"
          aria-valuemin="0" aria-valuemax="100" style="width:9%">
    </div>
</div>

{{ endblock }}