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

{% block title %}
Survey
{% endblock %}

{% block content %}

    <p>
        I was concerned about the following issues...
        <br />
        <br />
        <br />
    </p>

    <table class="table">
        <tr>
            <th> </th>
            <th style="text-align:left" colspan="3"> I strongly<br />disagree.</th>
            <th style="text-align:right" colspan="3">I strongly agree.</th>
        </tr>
        {% for field in form %}
            <tr>
                <td  width="60%"> {{ field.label }}</td>
                <td></td>
                {% for choice in field %}
                <td width="10%"> <font color = #ffffff> {{ choice }}  </font></td>
                {% endfor %}
            </tr>
        {% endfor %}
    </table>

    {% next_button %}

{% endblock %}