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

{% block title %}
    <h3>Part 2: Belief</h3>
{% endblock %}

{% block content %}

<p><b>Feedback #3</b></p>

    <p id="o_s_1">
    <p id="o_s_2">
    <p id="o_s_3">

<script>
var x = {{ player.o_signal_1|json }};
if (x=='red') {
  document.getElementById("o_s_1").innerHTML = '<b>Computer 1 says that it sees a</b> <span style="color:red;font-weight:bold">BLUE</span>.';
} else {
  document.getElementById("o_s_1").innerHTML = '<b>Computer 1 says that it sees a</b> <span style="color:blue;font-weight:bold">RED</span>.';
}
</script>

<script>
var x = {{ player.o_signal_2|json }};
if (x=='red') {
  document.getElementById("o_s_2").innerHTML = '<b>Computer 2 says that it sees a</b> <span style="color:red;font-weight:bold">BLUE</span>.';
} else {
  document.getElementById("o_s_2").innerHTML = '<b>Computer 2 says that it sees a</b> <span style="color:blue;font-weight:bold">RED</span>.';
}
</script>

<script>
var x = {{ player.o_signal_3|json }};
if (x=='red') {
  document.getElementById("o_s_3").innerHTML = '<b>Computer 3 says that it sees a</b> <span style="color:red;font-weight:bold">BLUE</span>.';
} else {
  document.getElementById("o_s_3").innerHTML = '<b>Computer 3 says that it sees a</b> <span style="color:blue;font-weight:bold">RED</span>.';
}
</script>

    You last decided that there is a " + x_str.bold() + " probability that you scored in the top half of the IQ test.

<script language="javascript">
var B_1 = {{ player.Belief_1|json }};
var B_1_str = B_1.toString();
var B_2 = {{ player.Belief_2|json }};
var B_2_str = B_2.toString();
var B_3 = {{ player.Belief_3|json }};
var B_3_str = B_3.toString();
document.write ("After hearing Computer 1's message, you decided there is a " + B_1_str.bold() + " probability that you scored in the top half of the IQ test.");
document.write ("After hearing Computer 2's message, you decided there is a " + B_2_str.bold() + " probability that you scored in the top half of the IQ test.");
if (B_3>B_2) {
   document.write ("And finally, after hearing Computer 3's message, you increased this probability to " + B_3_str.bold() + ".");
} else {
   document.write ("And finally, after hearing Computer 3's message, you decreased this probability to " + B_3_str.bold() + ".");
}
</script>

{% formfield player.Nudge_learned label="Do you think that you learned something from Computer 3’s message?" %}

{% next_button %}

{% endblock %}