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

{% block title %}Introduction{% endblock %}

{% block content %}

<div class="container">
	<div class="row">
	<div class="col-sm-1"> </div>
	<div class="col-sm-10">

		{% if subsession.big_group == False %}
		
		<p class="text-center">
			In the subsequent rounds, you will receive messages suggesting which box the prize is in. 
			<br><br>
			Your group will have <b>{{ Constants.players_per_group }}</b> members, and <b>1</b> of them is the best informed.
			<br><br>
			If you are the <span style="color: goldenrod"><b>best informed</b></span> person, you will be able to <span style="color: green"><b>vote for the green box</b></span> or <span style="color: purple"><b>vote for the purple box</b></span>. Your message will have a <b>{{ Constants.p }}%</b> chance of being correct.
			<br><br>

			{% if subsession.mva == False %}

			If you are <b>not</b> the best informed person, you will be able to <span style="color: green"><b>vote for the green box</b></span>, <span style="color: purple"><b>vote for the purple box</b></span>, or <span style="color: grey"><b>give your vote to the best informed person</b></span>. Your message will be correct with a probability that is equally likely to take any value between <b>{{ Constants.q_lb }}%</b> and <b>{{ Constants.q_ub }}%</b>. You will be told the probability that your message is correct.

			{% else %}

			If you are <b>not</b> the best informed person, you will be able to <span style="color: green"><b>vote for the green box</b></span>, <span style="color: purple"><b>vote for the purple box</b></span>, or <span style="color: grey"><b>not vote</b></span>. Your message will be correct with a probability that is equally likely to take any value between <b>{{ Constants.q_lb }}%</b> and <b>{{ Constants.q_ub }}%</b>. You will be told the probability that your message is correct.

			{% endif %}

			<br><br>
		</p>

		{% else %}

		<p class="text-center">
			In the subsequent rounds, you will receive messages suggesting which box the prize is in. 
			<br><br>
			Your group will have <b>{{ Constants.num_participants }}</b> members, and <b>3</b> of them are the best informed.
			<br><br>
			If you are the <span style="color: goldenrod"><b>best informed</b></span> person, you will be able to <span style="color: green"><b>vote for the green box</b></span> or <span style="color: purple"><b>vote for the purple box</b></span>. Your message will have a <b>{{ Constants.p }}%</b> chance of being correct.
			<br><br>

			{% if subsession.mva == False %}

			If you are <b>not</b> the best informed person, you will be able to <span style="color: green"><b>vote for the green box</b></span>, <span style="color: purple"><b>vote for the purple box</b></span>, or <span style="color: grey"><b>give your vote to the best informed person</b></span>. Your message will be correct with a probability that is equally likely to take any value between <b>{{ Constants.q_lb }}%</b> and <b>{{ Constants.q_ub }}%</b>. You will be told the probability that your message is correct.

			{% else %}

			If you are <b>not</b> the best informed person, you will be able to <span style="color: green"><b>vote for the green box</b></span>, <span style="color: purple"><b>vote for the purple box</b></span>, or <span style="color: grey"><b>not vote</b></span>. Your message will be correct with a probability that is equally likely to take any value between <b>{{ Constants.q_lb }}%</b> and <b>{{ Constants.q_ub }}%</b>. You will be told the probability that your message is correct.

			{% endif %}

			<br><br>
		</p>

		{% endif %}

	</div>
	<div class="col-sm-1"> </div>
	</div>
</div>

{% endblock %}