{{ block head }}
    <script>
<!-- For Dynamic button -->

$('#next').click(function() {
  var $current = $('.question.active');
  if ($($current).next(".question").length > 0) {
    $('.question').removeClass('active');
    $current.next().addClass('active');
    buttonCheck();
  }
});
$('#back').click(function() {
  var $current = $('.question.active');
  if ($($current).prev(".question").length > 0) {
    $('.question').removeClass('active');
    $current.prev().addClass('active');
    buttonCheck();
  }
});
buttonCheck();

function buttonCheck() {
  var $current = $('.question.active');
  if ($($current).next(".question").length == 0) {
    $('#next').hide();
    $('#back').show();
    $('#finish').show();


  }
  else if ($($current).prev(".question").length == 0) {

    $('#back').hide();
    $('#next').show();
    $('#finish').hide();

  } else {
    $('#next').show();
    $('#back').show();
    $('#finish').hide();

  }
}
<!-- End of Dynamic Button Code -->



</script>
    <style>
.question:not(.active) {
  display: none;

}

</style>

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

{{ endblock }}

{{ block content }}
{{   block script }}



{{ endblock }}


<div id="questions" style="text-align: justify">
  <div class="question active">

   <h3> Information about the experiment </h3>
      <ul>
    <li>
        The experiment consists of two parts.

    </li>
    <li>
In Part I, you will be randomly assigned to another player, to form a team of two.
        </li>
    <li>In your team, you will play 2 rounds.
</li>
    <li>
In each round you will solve a team task, for which your team will get a monetary reward. The success of the task depends on each team member’s performance.
    </li>
    <li>
        The task is to count how many times you can see the number 7 in the digit block displayed on your screen (see screenshot). Enter your count in the input field and <b>click OK</b>.
    </li>
    <li>
        Your team member sees a similar digit block and does the same task.
    </li>
        <br>
          <div style="alignment: center">
        <img src="{% static 'WB_Intro/screenshot_count7_english.PNG' %}" style= "width: 800px"/>
        <br><br>
          </div>
          <li>
        You have to count and submit your count within a time limit of <b>2 minutes</b> – the time is displayed on screen. If you fail to enter your digit count and click OK within the time limit, the number 0 will be submitted automatically.
    </li>
           <li>
        Your team <b>solved</b> the task <b>successfully</b> if the total number of 7s counted by <b>both of you together</b> deviates from the exact number by no more than <b>four digits</b> up or down (e.g. if the exact number is 10: any number between 6 and 14 would be valid). Your team earns <b>3 GBP</b> as a reward, which is divided between the two team members, so you and your team partner receive <b>1.5 GBP</b> each.
    </li>
          <li>
        You have <b>not solved</b> the team task successfully, if your joint total number count deviates <b>by more than four</b> from the exact number up or down. In this case, your team will <b>not</b> receive any payout for this round.
    </li>



    </ul>




      <p style="text-align: center">Page 1 of 4</p>
  </div>

  <div class="question">
      <h4>Continuation of Part I</h4> <!--Roles in the experiment!-->
      <ul>
              <li>
        After playing 2 rounds, your team will be allocated a budget of <b>1.5 GBP</b> dedicated to being donated to the charity <i>Cancer Research UK</i>. This donation budget is separate from your current earnings – <b>but the decisions you make later on could increase or decrease your earnings.</b>
         </li>
          <li>
        At this point, each team member will be randomly allocated either the role of <b>Player A</b> or <b>Player B</b>.
    </li>
          <li>
        <b>Player A</b> is responsible for transferring the donation budget to the charity.
              <ul>
                  <li>
                    If Player A <b>confirms the transfer</b>, the full budget will be transferred to the charity. The experimenters make sure that the donation goes to <i>Cancer Research UK</i>. Player A’s and Player B’s earnings remain unaffected.
                  </li>
                  <li>
                    However, Player A can decide to <b>keep part of the donation budget</b> for themselves.
                  </li>
              </ul>
    </li>
          <li>
        <b>Player B</b> has to respond to Player A’s decision of keeping parts of the donation budget in one of two ways: either <b>by overlooking</b> or <b>by reporting the behaviour of Player A</b>.
        <ul>
                  <li>
                    If Player B decides to <b>overlook</b> the behaviour of Player A, <b>1 GBP</b> of the donation budget will be added to Player A’s earnings and the remaining <b>0.5 GBP</b> go to <i>Cancer Research UK</i>. Player B’s earnings remain unaffected.
                  </li>
                  <li>
                    If Player B decides to <b>report</b> the behaviour of Player A, Player A has to give back the <b>1 GBP</b>. Thus, <i>Cancer Research UK</i> receives the full donation budget of <b>1.5 GBP</b>. In addition, another <b>1 GBP</b> is deducted from Player A’s earnings. Player B will have their payoff deducted by <b>0.5 GBP</b>.
                  </li>
              </ul>
          </li>
          <li>
              In the table you find a summary of potential decisions and payoffs <br>
               <div style="alignment: center">
                <img src="{% static 'WB_Intro/Grafik_Teil1.png' %}" style= "width: 600px"/>
                <br><br>
                </div>
          </li>

      </ul>
      <p style="text-align: center">Page 2 of 4</p>
  </div>
  <div class="question">

       <h4>Part II of the experiment </h4>

      <ul>
        <li>
            Part II consists of only one round.
        </li>
        <li>
            You will be randomly assigned to another participant who was previously in the same role as you. Hence, the team will consist of either two previous Players A or two previous Players B. In the new team, you will be assigned a new role, which we refer to as either the role of "Player 1" or "Player 2".
        </li>
        <li>
            <b>Player 1</b> will be informed about Player 2’s choice of action in Part I of the experiment and decides whether they want to form a team with Player 2. Therefore, please note that the decision you made in Part I potentially impacts the decision that your team partner will make in Part II.
        <ul>
                  <li>
                    If Player 1 decides to <b>accept Player 2 as team member</b>, they will work together on the same task as in Part I and both players will receive <b>1.5 GBP</b> each for solving the task correctly (same as in Part I).
                  </li>
                  <li>
                    If Player 1 decides <b>not to build a team with Player 2</b>, only Player 1 can earn further money. Player 1 will complete the same task as in Part I, but the task is solved successfully only if the reported number of 7s in the digit block deviates from the exact number by no more than <b>two 7s</b> up or down. Player 1 receives only a reduced amount of <b>1.2</b> GBP for correctly solving the individual task. Player 2 cannot make any money and has to wait until Player 1 has solved the task.
                  </li>
                <li>
              In the table you find a summary of potential decisions and payoffs of part II of the experiment <br>
               <div style="alignment: center">
                <img src="{% static 'WB_Intro/Grafik_Teil2.png' %}" style= "width: 600px"/>
                <br><br>
                </div>
          </li>
              </ul>
        </li>
        <li>
            This concludes the experiment, and you will receive information about the amount you earned in the experiment and the amount that has been donated to <l>Cancer Research UK</l>.
        </li>
        <li>
            Subsequently, we ask you to fill out <b>a short questionnaire</b>. This is <b>mandatory</b> but your answers do not affect your bonus payments.
        </li>

    <br>
      </ul>
      <p style="text-align: center">Page 3 of 4</p>
  </div>
 <div class="question">
      <h4>Your Payment</h4>
    <ul>
        <li>
            There is a flat payment of <b>4 GBP</b> for participating in this experiment.
        </li>
        <li>
            Depending on the performance in the team task and your decisions you will receive bonus payments as explained above.
        </li>
        <li>
            Your total bonus payment will be displayed to you at the end of the experiment.
        </li>
            </ul><br>

      <h4>Transferring the money to the charity </h4>
    <ul>
        <li>
            The total sum of donations of all the teams that participated in the experiment will be transferred to <i>Cancer Research UK</i> (account number 22994289, bank code 56-00-13) by bank transfer. You can find confirmation of the transfer on the following homepage (https://t1p.de/4jrqp) two weeks after the experiment. In this way you can be assured that the money has been transferred to <i>Cancer Research UK</i>. We will message you via Prolific as soon as the donation confirmation has been uploaded onto the homepage.
        </li>
            </ul><br>

      <h4>Thank you for taking part in our experiment!  </h4><br>


        <br>
        <p style="text-align: center">Page 4 of 4</p>
 </div>
{#  <div class="question">Some question 4</div>#}
{#  <div class="question">Some question 5</div>#}
{#  <div class="question">Some question 6</div>#}
{#  <div class="question">Some question 7</div>#}
{#  <div class="question">Some question 8</div>#}
</div>
    <div class="d-flex justify-content-between">
<button type="button" id="back" class="btn btn-primary" >Previous page</button>
<button type="button" id="next" class="btn btn-primary">Next page</button>
<!--<button id="finish" class="btn btn-primary"> Finish</button>!-->
    </div>
{{ endblock }}