{% extends "global/Page.html" %}
{% load staticfiles otree %}

{% block title %}
{# #}
{% endblock %}

{% block content %}

    <div class="instructions" style="text-align:left">
    <b>
        Rate the degree to which you agree with the following statements.
    </b>
    </div>
<table class="table">
    <tr>
        <th> </th><th>Disagree strongly</th><th>Disagree moderately</th><th>Disagree a little</th><th>Neither agree nor Disagree</th><th>Agree a little</th><th>Agree moderately</th><th>Agree strongly</th>
    </tr>
    {% for field in form %}
    <tr>
        <td>
            {{ field.label_tag }}
            {{ field.errors }}
     </td>
        <td><input type="radio" name="{{ field.html_name}}" value="1" required {% if field.value|stringformat:"s" == 'Disagree strongly' %}checked{% endif %}></td>
        <td><input type="radio" name="{{ field.html_name}}" value="2" required {% if field.value|stringformat:"s" == 'Disagree moderately' %}checked{% endif %}></td>
        <td><input type="radio" name="{{ field.html_name}}" value="3" required {% if field.value|stringformat:"s" == 'Disagree a little' %}checked{% endif %}></td>
        <td><input type="radio" name="{{ field.html_name}}" value="4" required {% if field.value|stringformat:"s" == 'Neither agree nor Disagree' %}checked{% endif %}></td>
        <td><input type="radio" name="{{ field.html_name}}" value="5" required {% if field.value|stringformat:"s" == 'Agree a little' %}checked{% endif %}></td>
        <td><input type="radio" name="{{ field.html_name}}" value="6" required {% if field.value|stringformat:"s" == 'Agree moderately' %}checked{% endif %}></td>
        <td><input type="radio" name="{{ field.html_name}}" value="7" required {% if field.value|stringformat:"s" == 'Agree strongly' %}checked{% endif %}></td>
    </tr>
    {% endfor %}
</table>
    <hr>
    {% next_button %}


{% endblock %}