{{ block title }}{{ endblock }}
{{ block content }}
<br>

<h5>Please indicate your agreement with the following statements <strong><u>with regard to the task:</u></strong></h5>
<br>
<table class="table table-sm table-hover table-striped table align-middle table-responsive">
    <thead class="table-light">

    <tr>
      <td scope="col" style="font-size: 15px;" class="text-nowrap"> </td>
      <td scope="col" style=" font-size: 15px;" class="text-nowrap text-center"> 1 -<br>Strongly disagree </td>
      <td scope="col" style=" font-size: 15px;" class="text-nowrap text-center"> 2 -<br>Disagree </td>
      <td scope="col" style=" font-size: 15px;" class="text-nowrap text-center"> 3 -<br>Slightly disagree </td>
      <td scope="col" style=" font-size: 15px;" class="text-nowrap text-center"> 4 -<br>Neutral </td>
      <td scope="col" style=" font-size: 15px;" class="text-nowrap text-center"> 5 -<br>Slightly agree </td>
      <td scope="col" style=" font-size: 15px;" class="text-nowrap text-center"> 6 -<br>Agree </td>
        <td scope="col" style=" font-size: 15px;" class="text-nowrap text-center"> 7 -<br>Strongly agree </td>
    </tr>
    </thead>

    <tbody>
    {% for field in form %}
        {% if field.name != 'satisfaction_1' %}
            <tr>
                <td style="
                 font-size: 15px;"> {{ field.label }}</td>
                {% for choice in field %}
                    <td class="text-center">{{ choice }}</td>
                {% endfor %}
            </tr>
        {% endif %}
    {% endfor %}
</tbody>
</table>
<br>

    {{ next_button }}

{{ endblock }}