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

{% block title %}

Part 3A

{% endblock %}

{% block content %}

<p align="justify">
    Part 3A consists of <b> 22 statements </b> about yourself.
    For every statement, indicate <b> how much the statement is like you </b> by using the following scale:
</p>

<center>

<table class="w3-table">
   <tr>
       <td style="text-align: left"> 0 = Not at all like me </td>
   </tr>
   <tr>
       <td style="text-align: left"> 1 = A little like me </td>
   </tr>
   <tr>
       <td style="text-align: left"> 2 = Somewhat like me </td>
   </tr>
   <tr>
       <td style="text-align: left"> 3 = A lot like me </td>
   </tr>
</table>

</center>

<br />

<p align="justify">
    Please be honest and try not to let your response to one statement influence your responses to other statements.
    There are no right or wrong answers, we are solely interested in your honest opinions.
</p>

<br />

<center>

<table class="table" style="border-bottom: 1px solid #DCDCDC">
    <tr>
        <th> </th>
        <th style="width: 50px; text-align: center"> 0 </th>
        <th style="width: 50px; text-align: center"> 1 </th>
        <th style="width: 50px; text-align: center"> 2 </th>
        <th style="width: 50px; text-align: center"> 3 </th>
    </tr>
    {% for field in form %}
    <tr>
        <td style="text-align: left"> {{ field.label }} </td>
        {% for choice in field %}
        <td style="text-align: right"> {{ choice.tag }} </td>
        {% endfor %}
    </tr>
    {% endfor %}
</table>

</center>

<br />

<center> {% next_button %} </center>

{% endblock %}