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

{{ block content }}
<br>
    <p>
        1. Please indicate how much you agree or disagree with the following statements.
    </p>

<table class="table table-striped">
    <tr>
        <th></th>
        <th style="text-align: center ; vertical-align: middle;">Strongly Disagree</th>
        <th style="text-align: center ; vertical-align: middle;">Disagree</th>
        <th style="text-align: center ; vertical-align: middle;">Neither agree nor disagree</th>
        <th style="text-align: center ; vertical-align: middle;">Agree</th>
        <th style="text-align: center ; vertical-align: middle;">Strongly Agree</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="3"
          aria-valuemin="0" aria-valuemax="100" style="width:3%">
    </div>
</div>

{{ endblock }}