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

{% block title %}Questions about your group (1){% endblock %}

{% block content %}
<div class="card-body">
 
<h4> Thinking about the members of your group mentioned above </h4>
<h5> Are most of them of the same:  </h5>   

<table class="table">
    {% for field in form %}
        <tr>
            <td>{{ field.label }}</td>
            {% for choice in field %}
                <td>{{ choice }}</td>
            {% endfor %}
        </tr>
    {% endfor %}
</table>

{% next_button %}
</div>

{% endblock %}

{% block scripts %}
    <script>
     $(".form-check ul").each(function(index, e){
         $(this).detach().appendTo($(".form-check")[index]);
     });
    </script>
{% endblock %}

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