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

{% block title %}Interaction{% endblock %}

{% block content %}

<div class="container p-3 my-3 border" style="font-size:15pt">

<h2> The interaction</h2>

<p> In this study, you will be in a randomly formed group of {{ Constants.players_per_group }} participants. </p>
<p> Every round you will be given {{ Constants.endowment }}. </p>
<p> Each participant in the group decides how much she or he is going to contribute to a common project.</p>
<p> Contributions could be either 0 or {{ Constants.endowment }}.</p>
<p> The decisions will be made sequentially. The computer will assign roles to each participants in the group.  For example, if you are player 1 you will make your decision first, then player 2 will make his/her decision, then player 3 and so on. Your role will be randomly determined each round. You will not be informed about your role.</p>
<p> Before you make your decision,  you will be informed about the total contribution made by <em> your 2 immediate predecessors </em>, but not individual contributions. This means you will be informed about total contribution of the 2 players who played before you. 
    For example, if your screen shows <em>"Your 2 immediate predecessor have contributed 100"</em>, it means one of the two players who played before you contributed 100 and the other contributed 0.</p>
<p> Only Player 1 in each round will not receive any information as he is the first player to make a decision. </p>
    <p> Player 2 will receive information about only one predecessor.</p>

  <h2> Your payoff </h2>
  <p> The earnings from the project are calculated as follows:
  <ul>
    <li>The contributions of all {{ Constants.players_per_group }} participants are added up.</li>
    <li>The sum of contributions is multiplied by a factor of {{ Constants.multiplier }}: these are the total returns from the project.</li>
    <li>Total returns from the project are then evenly split among all {{ Constants.players_per_group }}  participants : these are your earnings from the project. </li>
  </ul>
  {% next_button %}
  </div>

{% endblock %}