{{ block title }}
Instructions
{{ endblock }}
{{ block content }}
<div class="card bg-light m-3">
<class="card-body">
<p>In this second part, we will ask you to describe your beliefs about how the other participants in the current experiment (in other words, people that are doing the same task as you are now doing) perceive the contributions of the Prolific users who participated in the task described earlier (in other words, the people that were making decisions about investing in a joint project in an earlier experiment).</p>

        <p>You are going to receive information about cases previously observed. You will then be asked to evaluate ""According to the other participants, how appropriate is the observed behavior on a scale from 1 (Very Socially Inappropriate) to 4 (Very Socially Appropriate)?"</p>

        <p>Note that your task is not to give your own opinion. Rather, your task is to guess <strong>the most common response provided by the other respondents taking part in this experiment.</strong></p>

        <p><strong>That is, your task is to guess how the others would perceive each situation.</strong></p>

        <p>We check the most common response of all participants on each question to determine the correct answer.</p>

        <p>You will earn 100 points if your response to the question is the same as the most common response.</p>

    <p> One question will be randomly selected to be paid.</p>

      <p> An example:</p>
    <div class="card bg-light m-3">
<div class="card-body">
     <p> Consider the participants taking the role of  <strong>Group Member 2 </strong>.</p>
   <br>
 <p> You will analyze the second round. The contributions of each participant in the first round were 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>Project's contributions 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>
                    Please answer the following question: "According to the other participants, how appropriate is it for Group Member 2 to contribute more than 5 in the second round? (On a scale from 1 (Very Socially Inappropriate) to 4 (Very Socially Appropriate)?"
                </p>
        <p><strong>Your earnings</strong></p>
    <p>You will be asked to evaluate multiple cases like this.</p>
        <p>For each case, we will check the most common response of all participants to the question to determine the correct answer.</p>
        <p>One case will be randomly selected to determine your earnings, You will earn 100 points if your answer  to the question about this case is the same as the most common response.</p>
 <p>In the example above, if the most common response to the question was that it is “Very Socially Appropriate” for Group member 2 to contribute more than 5 and you guessed this correctly, then you will earn 100 points.</p>
    </div>
    </div>

    <p> One case 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 }}