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

{% block title %}
    Page 9 / 14
{% endblock %}


{% block content %}
<img src="{% static 'global/survey .jpg' %}" width="200"/><br>
<p style="border:3px; border-style:solid; border-color:#404040; padding: 1em; border-radius:25px;">
    <em>
        Now that you have a more complete picture about your team members in the upcoming project, we kindly ask you to complete the following questions about your new team as a whole.<br>
        <b>There are no right or wrong answers.</b> <br>
    </em>
</p>
<br>
    {% formfield player.integrity1 %}<hr>
    {% formfield player.integrity2 %}<hr>
    {% formfield player.integrity3 %}<hr>
    {% formfield player.integrity4 %}<hr>
    {% formfield player.integrity5 %}<hr>
    {% formfield player.integrity6 %}

<hr style="border: 0; height: 5px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));" />
<br>
    {% formfield player.ability1 %}<hr>
    {% formfield player.ability2 %}<hr>
    {% formfield player.ability3 %}<hr>
    {% formfield player.ability4 %}<hr>
    {% formfield player.ability5 %}<hr>
    {% formfield player.ability6 %}

<hr style="border: 0; height: 5px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));" />
<br>
    {% formfield player.benevolence1 %}<hr>
    {% formfield player.benevolence2 %}<hr>
    {% formfield player.benevolence3 %}<hr>
    {% formfield player.benevolence4 %}<hr>
    {% formfield player.benevolence5 %}


<hr style="border: 0; height: 5px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));" />
<em>Please click on the <b>'Next'</b> button to proceed.
            </em>
<br><br><br>


    {% next_button %}

{% endblock %}