{{ extends 'global/Page.html' }}
{{ block title }}Your Choice{{ endblock }}

{{ block content }}

<p>
    Next, make your choice as <span style="color: blue; font-weight: bold;">BLUE Player</span> in the rely-or-verify game with <span style="color: red; font-weight: bold;">RED Player</span>.
</p>
<img src="{% static "Trust_Game/relyandverify.jpg" %}"/> 

{{ formfields }}
<p>
Remember:<br>
<br>
You are the <span style="color: blue; font-weight: bold;">BLUE player</span> and have received from the <span style="color: red; font-weight: bold;">RED player</span> accurate or inaccurate information.<br>
If <span style="color: blue; font-weight: bold;">you</span> think the information is accurate, <span style="color: blue; font-weight: bold;">you</span> are better off relying on this information.<br>
If <span style="color: blue; font-weight: bold;">you</span> think the information is inaccurate, <span style="color: blue; font-weight: bold;">you</span> are better off verifying this information.<br>
{{ if Profession_cue }}
As <span style="color: blue; font-weight: bold;">you</span> decide if to rely or verify, remember that the <span style="color: red; font-weight: bold;">RED player</span> is a <b>{{player.counter_profession}}</b>. 
{{ endif }}
</p>
<script>
        $(document).ready(function (e) {
            labels = document.getElementsByTagName("label");

            for (var i = 0; i < labels.length; i++) {
                labels[i].innerHTML = labels[i].innerHTML.replaceAll("&lt;", "<").
                                      replaceAll("&gt;", ">");
            }
        });
</script>

{{ next_button }}

{{ endblock }}