{% load otree %}

    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Instructions</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">

    <li> For each round, you will be randomly paired with a <strong>Performer</strong>, who is a fellow Prolific participant. </li> <br>
    <li> The Performer will get to attempt 7 additions in 45 seconds. Each addition consists of three two-digit numbers.</li> <br>
    <li> Below is an example of the addition task:</li>
    <center> 21 + 35 + 48 = "enter here " </center> <br>
<li> The number of correct additions your paired Performer performs in a round will directly affect the payment you get from this Task, which we call the <strong>Task payment</strong>. You can either get a <strong>high</strong> Task payment or a <strong>low</strong> Task payment,
    and the probability of you getting a high Task payment depends on your Performer's performance in that round. </li><br>
    <li> Each correct addition by your Performer increases the probability that you get a high Task payment. For example: </li> <br>
        <table class="table table-bordered text-center" style="width: auto; margin: auto">
            <tr >
                <td>Number of correct answers by the Performer</td>
                <td>Your Task payment</td>
            </tr >
            <tr >
                <td>0 correct answers</td>
                <td>a high payment with <strong>20%</strong> probability</td>
            </tr>
            <tr>
                <td>1 correct answer</td>
                <td>a high payment with <strong>30%</strong> probability</td>
            </tr>
            <tr>
                <td>2 correct answers</td>
                <td>a high payment with <strong>40%</strong> probability</td>
            </tr>
            <tr>
                <td>3 correct answers</td>
                <td>a high payment with <strong>50%</strong> probability</td>
            </tr>
        </table> <br>

    <li> You will learn about your Task payment, and will NOT be informed of how many additions
    your Performer performed correctly in that round. </li> <br>

<li> You will then decide how much to pay your Performer in that round. You will divide a <strong>separate</strong> pot of money (<strong>{{ C.SEPARATE_POT }}</strong>) between your paired Performer and another randomly chosen
             Performer from the study. Any unassigned money will go back to researchers and therefore will
             NOT be kept by you. (Separate pot means independent of your Task payment above) </li> <br>

      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>
   </div>