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

{% block title %}
Belief about your score
{% endblock %}

{% block content %}

{{ form.UQ4SG.errors }}

<p>
    We will again ask you some questions to check your understanding.
    As before, your answers to these questions will not affect your payment.
    However, you have to answer these control questions correctly to proceed to complete the rest of the experiment.
</p>

<p>
    Q1: How will you receive feedback about whether <span class="sow"></span>?
</p>

{% formfield player.UQ1 label="" %}

<p>
    Q2: How many judges are there?
</p>

{% formfield player.UQ2 label="" %}

<p>
    Q3: How many messages will you hear in total?
</p>

{% formfield player.UQ3 label="" %}

<p>
    Q4: Imagine that <span class="good"></span> and that the first randomly chosen judge is the super mean judge. What will the judge tell you?

</p>

{% if treatment == "Control" %}
    {% formfield player.UQ4Control label="" %}
{% else %}
    {% formfield player.UQ4SG label="" %}
{% endif %}

<p>
    Q5: Still assuming that <span class="good"></span>, imagine that the second randomly chosen judge is the realistic judge. What will this judge tell you?
</p>

{% if treatment == "Control" %}
    {% formfield player.UQ5Control label="" %}
{% else %}
    {% formfield player.UQ5SG label="" %}
{% endif %}

<p>
    Q6: Now, imagine that <span class="bad"></span>. Is it possible that all messages you hear say that <span class="good"></span> ?
</p>

{% formfield player.UQ6 label="" %}



{% next_button %}

<script>
var x = {{ treatment|json }};
if (x=='Control') {
    var elems = document.getElementsByClassName("sow");
    var i;
    for (i = 0; i < elems.length; i++) {
        elems[i].innerHTML = 'your score is in the top half or in the bottom half of performances';
    }
    elems = document.getElementsByClassName("good");
    for (i = 0; i < elems.length; i++) {
        elems[i].innerText = 'your score is in the top half of performances';
    }
    var elems = document.getElementsByClassName("bad");
    for (i = 0; i < elems.length; i++) {
        elems[i].innerText = 'your score is in the bottom half of performances';
    }
} else if (x=='RobotSG') {
    var elems = document.getElementsByClassName("sow");
    var i;
    for (i = 0; i < x.length; i++) {
        elems[i].innerText = 'you are a <u>good</u> or a <u>bad</u> team';
    }
    var elems = document.getElementsByClassName("good");
    for (i = 0; i < x.length; i++) {
        elems[i].innerText = 'you are a <u>good</u> team';
    }
    var elems = document.getElementsByClassName("bad");
    for (i = 0; i < x.length; i++) {
        elems[i].innerText = 'you are a <u>bad</u> team';
    }
} else if (x=='HumanSG') {
    var elems = document.getElementsByClassName("sow");
    var i;
    for (i = 0; i < x.length; i++) {
        elems[i].innerText = 'you are a <u>good</u> or a <u>bad</u> team';
    }
    var elems = document.getElementsByClassName("good");
    for (i = 0; i < x.length; i++) {
        elems[i].innerText = 'you are a <u>good</u> team';
    }
    var elems = document.getElementsByClassName("bad");
    for (i = 0; i < x.length; i++) {
        elems[i].innerText = 'you are a <u>bad</u> team';
    }
}

</script>

{% endblock %}