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

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

{{ block content }}
<hr>

<style>
    .otree-title {
      text-align: center;
    }
    #form {
        text-align: justify;
    }
    .otree-form-errors {
        visibility: hidden;
        display: none;
    }
    p{
        font-size: 22px;
    }
    .otree-timer {
        display: none;
    }
    .otree-body {
        max-width:1100px
    }
    div.a {
      text-indent: 50px;
    }
</style>

<br>

<!--<p>-->
<!--    Most people compare themselves from time to time with others. For example, they may-->
<!--compare the way they feel, their opinions, their abilities, and/or their situation with those of-->
<!--other people. There is nothing particularly 'good' or 'bad' about this type of comparison, and-->
<!--some people do it more than others.-->
<!--</p>-->
<!--<p>-->
<!--    We would like to find out how often you compare-->
<!--yourself with other people. To do that we would like to ask you to indicate how much you-->
<!--agree with each statement below.-->
<!--</p>-->
<p>
    Please state how much you agree with each of the statements below.
</p>
<div>
    <p style="margin-bottom: -18px;">
        1. I often compare myself with others with respect to what I have accomplished in life.
    </p>
    {{ formfield 'soc_comp_1' }}
</div>
<br>
<div>
    <p style="margin-bottom: -18px;">
        2. If I want to find out how well I have done something, I compare what I have done with how others have done.
    </p>
    {{ formfield 'soc_comp_2' }}
</div>
<br>
<div>
    <p style="margin-bottom: -18px;">
        3. I am not the type of person who compares often with others.
    </p>
    {{ formfield 'soc_comp_3' }}
</div>
<br>
<div>
    <p style="margin-bottom: -18px;">
        4. If I want to improve or better myself, I compare what I have done with how others have done.
    </p>
    {{ formfield 'soc_comp_4' }}
</div>
<br>
<div>
    <p style="margin-bottom: -18px;">
        5. If I want to feel better about myself, I compare what I have done with how others have done.
    </p>
    {{ formfield 'soc_comp_5' }}
</div>
<br><br>

<button class="btn btn-primary" style="float: right;">Next</button>
<br><br>

{{ endblock }}