{{ block title }}
Instructions
{{ endblock }}
{{ block content }}


<div class="card bg-light m-3">
<div class="card-body">
    <p>We will now describe your <strong>own task</strong>.</p>
    <p><strong>You are going to describe your beliefs and expectations about the behavior of the other prolific users who participated in the previous group task.</strong></p>

    <p>Your task is divided into three parts.</p>

    <p>  In the first part, we will ask you to describe your beliefs about the contributions of the participants in the task described above. If you want to re-read their instructions, you can check them at the end of this page.</p>

    <p><strong> Your task is to guess what their contributions were.</strong> </p>

    <p> Your guess will be confronted with the actual data. The closer your guess is to the actual behavior, the higher your earnings.</p>
    <p> An example:</p>
    <div class="card bg-light m-3">

<div class="card-body">
 <p>We observed the following:</p>
    <div class="panel-body">
    <table class="table table-hover table-striped table-bordered">


    </table>
<br>
    <table class="table table-hover table-striped table-bordered">
        <tr style="font-size:18px;background-color:#A9A9A9; " >  <td><strong>Contributions to the joint project in the first round</strong> </td> <td></td></tr>
        <tr>
            <td><strong>{{player.participant.rol}}  </strong> contributed:</td>
            <td style="width: 200px" align="center"> 12 </td>

        </tr>
	    <tr>
            <td><strong>Group Member 2</strong> contributed:</td>
            <td style="width: 200px" align="center"> 14</td>
        </tr>
        <tr>
            <td><strong>Group Member 1</strong> contributed:</td>
            <td style="width: 200px" align="center"> 5</td>
</tr>

        <tr>
    </tr>



    </table>

        <p>Now consider the participant taking the role of <strong>Group Member 2</strong>.</p>
        <p>How much did Group Member 2 contribute in the second round?</p>
        <p><strong>Your earnings</strong></p>
        <p>We will ask you about multiple situations like this. One of these will be randomly selected, and you will be paid according to your earnings for that situation.</p>

        <p>You start with 100 points. 20 points will be subtracted for each unit of distance between your guess and the correct answer (it is not possible to get less than 0 points).</p>
        <p>For example, if the observed behavior was X (for example, Group member 2 contributed 0 in the next round), and your guess was X+2 (you guessed that Group member 2 contributed 2 in the next round), you will earn 60 points.</p>
    </div>
</div>
</div>
    <p> One question in this part will be randomly selected, and you will be paid according to the earnings associated with that answer.</p>

    <center> {{ next_button }} </center>

    <button type="button" onclick="show2()">
    Contact
</button>

    <div id="inst2" style="display: none">
            {{ include Constants.contact }}
    </div>

      {{ include Constants.instructions_template }}

{{ endblock }}

{{ block script }}
<script>
function show() {
  var x = document.getElementById("inst");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}
function show2() {
  var x = document.getElementById("inst2");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}
</script>
{{ endblock }}