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

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

{% block content %}

<p><b>Judge #4</b></p>

<p id="signal_1"></p>
<p id="signal_2"></p>
<p id="signal_3"></p>
<p id="signal_4"></p>

<script>
var x = {{ player.signal_1|json }};
var t = {{ treatment|json }};
if (x==1) {
    if (t == 'Control') {
        document.getElementById("signal_1").innerHTML = 'The first judge was randomly chosen from the three judges and tells you that <span style="font-weight:bold;">your score is in the top half of performances</span>.';
    } else {
        document.getElementById("signal_1").innerHTML = 'The first judge was randomly chosen from the three judges and tells you that <span style="font-weight:bold;">you are a good team</span>.';
    }
} else {
    if (t == 'Control') {
        document.getElementById("signal_1").innerHTML = 'The first judge was randomly chosen from the three judges and tells you that <span style="font-weight:bold;">your score is in the bottom half of performances.';
    } else {
        document.getElementById("signal_1").innerHTML = 'The first judge was randomly chosen from the three judges and tells you that <span style="font-weight:bold;">you are a bad team</span>.';
    }
}
</script>

<script>
var x = {{ player.signal_2|json }};
var t = {{ treatment|json }};
if (x==1) {
    if (t == 'Control') {
        document.getElementById("signal_2").innerHTML = 'The second judge was randomly chosen from the three judges and tells you that <span style="font-weight:bold;">your score is in the top half of performances</span>.';
    } else {
        document.getElementById("signal_2").innerHTML = 'The second judge was randomly chosen from the three judges and tells you that <span style="font-weight:bold;">you are a good team</span>.';
    }
} else {
    if (t == 'Control') {
        document.getElementById("signal_2").innerHTML = 'The second judge was randomly chosen from the three judges and tells you that <span style="font-weight:bold;">your score is in the bottom half of performances.';
    } else {
        document.getElementById("signal_2").innerHTML = 'The second judge was randomly chosen from the three judges and tells you that <span style="font-weight:bold;">you are a bad team</span>.';
    }
}
</script>

<script>
var x = {{ player.signal_3|json }};
var t = {{ treatment|json }};
if (x==1) {
    if (t == 'Control') {
        document.getElementById("signal_3").innerHTML = 'The third judge was randomly chosen from the three judges and tells you that <span style="font-weight:bold;">your score is in the top half of performances</span>.';
    } else {
        document.getElementById("signal_3").innerHTML = 'The third judge was randomly chosen from the three judges and tells you that <span style="font-weight:bold;">you are a good team</span>.';
    }
} else {
    if (t == 'Control') {
        document.getElementById("signal_3").innerHTML = 'The third judge was randomly chosen from the three judges and tells you that <span style="font-weight:bold;">your score is in the bottom half of performances.';
    } else {
        document.getElementById("signal_3").innerHTML = 'The third judge was randomly chosen from the three judges and tells you that <span style="font-weight:bold;">you are a bad team</span>.';
    }
}
</script>

<script>
var x = {{ player.signal_4|json }};
var t = {{ treatment|json }};
if (x==1) {
    if (t == 'Control') {
        document.getElementById("signal_4").innerHTML = 'The fourth judge was randomly chosen from the three judges and tells you that <span style="font-weight:bold;font-size:20px">your score is in the top half of performances</span>.';
    } else {
        document.getElementById("signal_4").innerHTML = 'The fourth judge was randomly chosen from the three judges and tells you that <span style="font-weight:bold;font-size:20px">you are a good team</span>.';
    }
} else {
    if (t == 'Control') {
        document.getElementById("signal_4").innerHTML = 'The fourth judge was randomly chosen from the three judges and tells you that <span style="font-weight:bold;font-size:20px">your score is in the bottom half of performances.';
    } else {
        document.getElementById("signal_4").innerHTML = 'The fourth judge was randomly chosen from the three judges and tells you that <span style="font-weight:bold;font-size:20px">you are a bad team</span>.';
    }
}
</script>

<p>
    Please repeat what the fourth judge told you.
</p>

{% if treatment == "Control" %}
    {% formfield player.signal_4_repeat_Control label="" %}
{% else %}
    {% formfield player.signal_4_repeat_SG label="" %}
{% endif %}

<script language="javascript">
var x = {{ player.Belief_3|json }};
var x_str = x.toString();
document.write ("You last decided that there is a " + x_str.bold() + " probability that your score is in the top half of performances.");
</script>

<p>
    <u>Having now seen the feedback from the fourth judge</u>, what do you think is the probability that your score is in the top half of performances?
</p>

{% formfield player.Belief_4 label='' %}

{% next_button %}

{% endblock %}