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


{% block content %}
Q13

<div class="card-body">
    <h6>Thinking about the group you most identify with, please rate the following statements:</h6>
<br>
<table class="table">
    <tr>
        <th width: 60% >Statement</th>
        <th width: 8% >Disagree strongly </th>   
        <th width: 8%>Disagree somewhat  </th>
        <th width: 8%>Neither agree nor disagree</th>
        <th width: 8%>Agree somewhat</th>
        <th width: 8%>Agree strongly</th>
    </tr>
    {% for field in form %}
        <tr>
            <td width: 60% >{{ field.label }}</th>
            {% for choice in field %}
                <td width: 8%,   align= center >{{ choice }}</td>
            {% endfor %}
        </tr>
    {% endfor %}
</table>


{% next_button %}
</div>
{% endblock %}



{% block styles %}
    <style type="text/css">
     .form-check{
         padding-left: .1cm;
         padding-bottom: 0.5cm;
         padding-top: 0.3cm;
     }
    
    </style>
{% endblock %}