{{ block title }}
Contribution decision
{{ endblock }}
{{ block content }}
<div style="max-width: 980px; margin: 0 auto; line-height: 1.55;">

  <div style="display:flex; justify-content:flex-end; margin-bottom:10px;">
    <button type="button" class="btn btn-secondary" onclick="toggleInfo(event)">Show Information</button>
  </div>

  <div id="infoPanel" style="display:none; border:1px solid #ddd; padding:14px 16px; border-radius:6px; background:#fafafa; margin-bottom:16px;">
    <div><style>
  .info-wrap { max-width: 900px; margin: 0 auto; line-height: 1.55; }
  .info-title { text-align: center; font-weight: 700; margin-bottom: 18px; }
  .info-p { margin: 10px 0; }
  .info-list { margin: 10px 0 18px 22px; }
  .info-list li { margin: 10px 0; }
  .section { margin-top: 18px; }
  .subhead { font-weight: 700; margin: 16px 0 6px; }
</style>
<div class="info-wrap">
    <p><center><b>Instructions</b></center></p>
<p>
    This experiment will last for one period. At the beginning of the experiment, each group member will be
    randomly allocated some tokens. We refer to this as your endowment.
</p>

<p>
    Your task is to decide how many of the tokens you have been allocated you want to contribute to a project and
    how many of them to keep for yourself. The other member of your group has to make the same decision. Each group
    member decides simultaneously, that is, without knowing what the other one has done.
</p>

<p>
    <br/>Every token that you do not contribute to the project automatically belongs to you and earns you one point.
    For the tokens contributed to the project the following happens: The total contributions to the project will be
    calculated by adding up the individual contributions made by both group members. This total will then be multiplied
    by 1.5 and this amount will be divided equally among both members of the group. Thus every group member receives
    0.75 points for every token contributed to the project.
</p>

<p>
    <br/>Your bonus amount therefore consists of two parts:
</p>

<p>
    <br/><b>(1) </b>The tokens which you have kept for yourself (“Income from tokens kept”) whereby 1 token = 1 point.
</p>

<p>
    <br/><b>(2) </b>The “Income from the project”. This income is calculated as follows:
</p>

<p>
    <br/>Your income from the project = 0.75 times the total contributions to the project made by both group members.
</p>

<p>
    <br/><b><it>Your bonus amount = Income from tokens kept + Income from the project</it></b>
    <br/>

   <center>
<div>
    <div>

<table class="" width="" cellspacing="0">
    <tr>
        <th width=""></th><b><it>= (Your endowment – your contribution) + 0.75 × (Sum of contributions made by both members
        in the group)</it></b>

    </tr>

</table>

        </div>
    </div>
  </div>
</div>
      </div>
    <script>
  function toggleInfo(e){
    const panel = document.getElementById('infoPanel');
    const open = panel.style.display === 'block';
    panel.style.display = open ? 'none' : 'block';
    e.target.textContent = open ? 'Show information' : 'Hide information';
  }
</script>
<p>
    We will now start the actual game.
</p>

<p>
    There is only one period for this game. You are matched with another participant who has also signed up to
    take part in the study.
</p>

{{ if player.treatment == 'OIF' and player.reveal == '1'}}
<p><b>You chose to reveal the other group member’s endowment.</b></p>
<p>
 You have been allocated <b>{{ my_endowment }} tokens</b>. The other group member has been allocated <b>{{ other_endowment }} tokens</b>.
</p>
{{ elif player.treatment == 'OIC' and player.reveal == '1'}}
<p><b>You chose to reveal the other group member’s endowment.</b></p>
<p>
 You have been allocated <b>{{ my_endowment }} tokens</b>. The other group member has been allocated <b>{{ other_endowment }} tokens</b>.
</p>
{{ elif player.treatment == 'OIF' and player.reveal == '2' }}
<p><b>You chose not to reveal the other group member’s endowment.</b></p>
<p>
 You have been allocated <b>{{ my_endowment }} tokens</b>. You do not know the endowment of the other group member you are matched with.
</p>
{{ elif player.treatment == 'OIC' and player.reveal == '2' }}
<p><b>You chose not to reveal the other group member’s endowment.</b></p>
<p>
 You have been allocated <b>{{ my_endowment }} tokens</b>. You do not know the endowment of the other group member you are matched with.
</p>
{{ elif player.treatment == 'FT' }}
<p>
 You have been allocated <b>{{ my_endowment }} tokens</b>. The other group member has been allocated <b>{{ other_endowment }} tokens</b>.
</p>
{{ elif player.treatment == 'FI' }}
<p>
 You have been allocated <b>{{ my_endowment }} tokens</b>. You do not know the endowment of the other group member you are matched with.
</p>
{{ endif }}
<p>
    Your task is to decide how many tokens you would like to contribute to the project.
</p>
{{ formfield 'contribution' }}
    <center><button class="btn btn-primary">Continue</button></center>

{{ endblock }}