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

{{ block content }}
<br>
    <p>
        2. Please read the statements below and decide the extent to which each statement describes you.
    </p>

<table class="table table-striped">
    <tr>
        <th></th>
        <th style="text-align: center ; vertical-align: middle;">Does not describe me at all</th>
        <th style="text-align: center ; vertical-align: middle;">Does not describe my very well</th>
        <th style="text-align: center ; vertical-align: middle;">Describes me somewhat</th>
        <th style="text-align: center ; vertical-align: middle;">Describes me well</th>
        <th style="text-align: center ; vertical-align: middle;">Describes me very well</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="6"
          aria-valuemin="0" aria-valuemax="100" style="width:6%">
    </div>
</div>

{{ endblock }}