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

{% block title %}
    Round {{ subsession.round_number }} of {{ Constants.num_rounds }}: Information Choice
<h6>From this page on, your choices will impact the likelihood of receiving the $1.00 performance-based bonus.
	Consider your choices wisely.</h6>
{% endblock %}

{% block content %}


<div class="instructions well well-lg">
	<h5>Your position:
		<span style="color:red">3</span> in the sequence of
		<span style="color:red">4</span> people
	</h5>
	<h6>A group urn for this round was randomly selected at the beginning of the round</h6>
</div>
<strong>Before making your Information Choice decision below, consider the following information</strong>
<p></p>
    If you choose to see the respective group urn guesses by players in position 1 and position 2, you will
    see
<strong>one</strong> of
<strong>4</strong> possible outcomes.
<p></p>
For example, players in position 1 and position 2 may have respectively guessed:

<p></p>
<div class="instructions well well-lg">
	<strong>
		<span style="color:orangered">Outcome 1</span>
	</strong>
	<p></p>
    Guess by the player in position 1:

	<p></p>
	<strong>Blue urn</strong>
	<p></p>
    Guess by the player in position 2:

	<p></p>
	<strong>Blue urn</strong>
</div>

    Players in position 1 and position 2 may have also guessed in the following way:

<p></p>
<div class="instructions well well-lg">
	<strong>
		<span style="color:orangered">Outcome 2</span>
	</strong>
	<p></p>
    Guess by the player in position 1:

	<p></p>
	<strong>Red urn</strong>
	<p></p>
    Guess by the player in position 2:

	<p></p>
	<strong>Red urn</strong>
</div>

    There are
<strong> 2 other unique</strong> outcomes that you might observe if you choose to see
    the respective group urn guesses by players in position 1 and position 2.
<p></p>
<strong>Please list  these
    2</strong> other possible outcomes using the drop down lists below:


<p></p>
<strong>
	<span style="color:orangered">Outcome 3</span> (<strong>+$0.10</strong> to your bonus if correct)
</strong>
<p></p>
        Guess by the player in position 1:

{% formfield player.outcome3_P1 %}

    Guess by the player in position 2:

{% formfield player.outcome3_P2 %}


<p></p>
<strong>
	<span style="color:orangered">Outcome 4</span> (<strong>+$0.10</strong> to your bonus if correct)
</strong>
<p></p>

    Guess by the player in position 1:

{% formfield player.outcome4_P1 %}

    Guess by the player in position 2:

{% formfield player.outcome4_P2 %}

<p></p>
----------------------------------------------------

<br>
<strong>Consider all four outcomes and their likelihood</strong>

	<br>
----------------------------------------------------

		<p></p>
		<strong>Which piece of information do you want to see before guessing the actual group urn?</strong>
		<p></p>

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

<strong>
<input class="btn btn-primary btn-large btn-primary next-button" type="submit" value="Next"/>
    <script>

    var showButton = document.getElementsByClassName("btn btn-primary btn-large btn-primary next-button")[0];
    var counter = 10;
    var newElement = document.createElement("p");
    newElement.innerHTML = "You can proceed to the Urn guess page in " + counter + " seconds.";
    var interval;

    showButton.parentNode.replaceChild(newElement, showButton);

    interval = setInterval(function() {
        counter--;
        if(counter < 0) {
            newElement.parentNode.replaceChild(showButton, newElement);
            clearInterval(interval);
        } else {
            newElement.innerHTML = "You can proceed to the Urn guess page in " + counter.toString() + " seconds.";
        }
    }, 1000);

    </script>
</strong>
<p></p>

{% include Constants.instructions_template %}

{% endblock %}