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

{% block title %}

Part 3C

{% endblock %}

{% block content %}

<p align="justify">
    Please answer the following questions truthfully.
</p>

<p align="justify">
    {% formfield player.question1 label="1. What is your age?" %}
</p>

<p align="justify">
    {% formfield player.question2 label="2. What is your gender?" %}
</p>

<p align="justify">
    {% formfield player.question3 label="3. What is your nationality?" %}
</p>

<p align="justify">
    {% formfield player.question4 label="4. What is your highest level of completed education?" %}
</p>

<p align="justify">
    {% formfield player.question5 label="5. In approximately how many online experiments have you participated before?" %}
</p>

<p align="justify">
    {% formfield player.question6 label="6. Have you ever participated in an experiment that was similar to this experiment?" %}
</p>

<p align="justify">
    7. How well did you understand the instructions?
</p>

<center>

<table class="w3-table">
    <tr>
        <td colspan="2" style="width: 100px; text-align: center"> <i> Not at all </i> </td>
        <td style="width: 50px; text-align: center"> </td>
        <td style="width: 50px; text-align: center"> </td>
        <td style="width: 50px; text-align: center"> </td>
        <td style="width: 50px; text-align: center"> </td>
        <td colspan="2" style="width: 100px; text-align: right"> <i> Completely </i> </td>
    </tr>
    <tr>
        <td> </td>
        {% for choice in form.question7 %}
        <td style="width: 50px; text-align: center"> {{ choice.tag }} </td>
        {% endfor %}
        <td> </td>
    </tr>
</table>

</center>

<br />
<br />

<p align="justify">
    8. Do you trust that the instructions are truthful?
</p>

<center>

<table class="w3-table">
    <tr>
        <td colspan="2" style="width: 100px; text-align: center"> <i> Not at all </i> </td>
        <td style="width: 50px; text-align: center"> </td>
        <td style="width: 50px; text-align: center"> </td>
        <td style="width: 50px; text-align: center"> </td>
        <td style="width: 50px; text-align: center"> </td>
        <td colspan="2" style="width: 100px; text-align: right"> <i> Completely </i> </td>
    </tr>
    <tr>
        <td> </td>
        {% for choice in form.question8 %}
        <td style="width: 50px; text-align: center"> {{ choice.tag }} </td>
        {% endfor %}
        <td> </td>
    </tr>
</table>

</center>

<br />
<br />

<p align="justify">
    9. Do you trust that your decisions are used to determine your earnings in Part 2?
</p>

<center>

<table class="w3-table">
    <tr>
        <td colspan="2" style="width: 100px; text-align: center"> <i> Not at all </i> </td>
        <td style="width: 50px; text-align: center"> </td>
        <td style="width: 50px; text-align: center"> </td>
        <td style="width: 50px; text-align: center"> </td>
        <td style="width: 50px; text-align: center"> </td>
        <td colspan="2" style="width: 100px; text-align: right"> <i> Completely </i> </td>
    </tr>
    <tr>
        <td> </td>
        {% for choice in form.question9 %}
        <td style="width: 50px; text-align: center"> {{ choice.tag }} </td>
        {% endfor %}
        <td> </td>
    </tr>
</table>

</center>

<br />
<br />

<p align="justify">
    10. Do you trust that <i> CHOICE-other </i> and <i> ESTIMATE-other </i> are also participants from this experiment?
</p>

<center>

<table class="w3-table">
    <tr>
        <td colspan="2" style="width: 100px; text-align: center"> <i> Not at all </i> </td>
        <td style="width: 50px; text-align: center"> </td>
        <td style="width: 50px; text-align: center"> </td>
        <td style="width: 50px; text-align: center"> </td>
        <td style="width: 50px; text-align: center"> </td>
        <td colspan="2" style="width: 100px; text-align: right"> <i> Completely </i> </td>
    </tr>
    <tr>
        <td> </td>
        {% for choice in form.question10 %}
        <td style="width: 50px; text-align: center"> {{ choice.tag }} </td>
        {% endfor %}
        <td> </td>
    </tr>
</table>

</center>

<br />

<p align="justify">
    {% formfield player.question11 label="11. Did you complete this experiment with the help of anyone else?" %}
</p>

<p align="justify">
    {% formfield player.question12 label="12. Do you know anyone who has participated in this experiment before?" %}
</p>

<div id="question13" style="display: none">
    {% formfield player.question13 label="13. If so, did you discuss the content of this experiment with that person?" %}
</div>

<br />

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

{% endblock %}

{% block scripts %}

<script>

$(document).ready(function() {
    var $question13Div = $('#question13');
    $('input').change(function () {
        var question12_answer = $('input[name=question12]:checked').val();
        if (question12_answer == 'True') {
            $question13Div.show();
        }
        else {
            $question13Div.hide();
        }
    });
});

</script>

{% endblock %}