{{ block title }}

{{ 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>
 {{ if player.treatment == 'FI' }}
  <p>
    You have been allocated <b>{{ my_endowment }}</b> tokens.
    The other group member has been allocated <b>{{ other_endowment }}</b> tokens.
  </p>

{{ elif player.treatment == 'OIF' or player.treatment == 'OIC' }}
  {{ if player.reveal == '2' }}
    <p>
      You have been allocated <b>{{ my_endowment }}</b> tokens.
      The other group member has been allocated <b>{{ other_endowment }}</b> tokens.
    </p>
  {{ endif }}

{{ endif }}
<p>
How guilty do you feel about the contribution you made?
</p>

   <center>
       <div>
           <div>
                {% formfield player.guilty2 %}

               </div>
           </div>
</center>

    <center>
        <div class="">
    <div class="">
	<table  >
    <tr>

        <td width="81%">Not at all guilty</td>

        <td width="36%">Extremely guilty</td>

    </tr>

    </table>
    </div>
        </div>
</center>
<p>
</p>
<p>

    <center><button class="btn btn-primary">Continue</button></center>

{{ endblock }}