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

{% block title %}Survey - Important information for bidding (3/4)
{% endblock %}
{% block content %}

<p>
    On a scale of 1-5, to what extent do you agree that the following information was important to make a bidding
    decision?
</p>

<style>
    .table-matrix {width:100%;text-align: center;}
    .col-matrix {width:12%;}
    .statement {text-align: left;}
    .table-matrix tr:nth-child(even) {background: #f3f3f3}
</style>

<table class="mb-3 _formfield table-matrix" cellpadding="10">
    <th>
        <td class="col-matrix">1 - fully disagree</td>
        <td class="col-matrix">2 - disagree</td>
        <td class="col-matrix">3 - neutral</td>
        <td class="col-matrix">4 - agree</td>
        <td class="col-matrix">5 - fully agree</td>
    </th>
    {%for statement in form%}
    <tr>
        <td class="statement">{{statement.label}}</td>
        <td><input type="radio" name="{{statement.name}}" required value="1"></td>
        <td><input type="radio" name="{{statement.name}}" required value="2"></td>
        <td><input type="radio" name="{{statement.name}}" required value="3"></td>
        <td><input type="radio" name="{{statement.name}}" required value="4"></td>
        <td><input type="radio" name="{{statement.name}}" required value="5"></td>
    </tr>
    {%endfor%}
</table>

{% next_button %}

{% endblock %}