{% extends "global/Page.html" %}
{% load staticfiles otree %}


{% block title %}


    <h3 class="panel-sub-heading">
        Instructions for the task - Additions task </h3>
        </br>
{% endblock %}

{% block content %}


    <div class="instructions well well-lg">
    </br>
        <li><strong>Please carefully read the instructions below explaining the task performed by the performers for deciders.</strong></li> </br>

        <li>In each round, the <strong>performer</strong> had 45 seconds to perform as many additions as possible out of seven for their
            assigned <strong>decider</strong>.</li> </br>

        <li>Each addition consisted of three two-digit numbers. One example is below:</li> </br>

          <table class="table table-bordered text-center" style="width: auto; margin: auto">
                     <tr>
                         <td>21</td>
                         <td>+</td>
                         <td>35</td>
                         <td>+</td>
                         <td>48</td>
                         <td>=</td>
                         <td> 'enter here' </td>
                     </tr>
              </table> <br>


        <li> The  the total number of questions that the <strong>performer</strong> answered correctly (out of the seven) determined the lottery that got assigned to the <strong>decider</strong>.
            This lottery led to either one of two outcomes (high and low). An example is given below.  </li> <br>

             <table class="table table-bordered text-center" style="width: auto; margin: auto">
                 <tr >
                     <td>Number of correct answers by performer</td>
                     <td>led to</td>
                     <td>Lottery earned by the Decider</td>
                </tr >
                 <tr >
                     <td>0 correct answers</td>
                     <td>--></td>
                     <td>with 20% probability the earnings are ₹500; <br>
                         with 80% the earnings are ₹0.</td>
                </tr>
                <tr>
                     <td>1 correct answer</td>
                    <td>--></td>
                     <td>with 30% probability the earnings are ₹500; <br>
                         with 70% the earnings are ₹0.</td>
                </tr>
                <tr>
                     <td>2 correct answers</td>
                    <td>--></td>
                     <td>with 40% probability the outcome is ₹500; <br>
                         with 60% the outcome is ₹0.</td>
                </tr>
               <tr>
                     <td colspan="3">And so on.</td>
                </tr>
             </table></li> </br>

        <li> For better understanding, consider the second row of the table above. It means that if the performer solves one correct addition, then
            the decider gets assigned a lottery where there is a 30% chance that the he/she earns ₹500 and a 70% chance
            that he/she earns ₹0. For further clarity please look at the picture below:</li> <br>

        <p align="center"><img  class="center" align="center" width="800" height="300" src="{% static "pictures/Picture2a.png" %}"/>

        <li>  Remember that the <strong> performer </strong> had 45 seconds to solve the additions after which
             the <strong>decider</strong> got to know his/her earnings from the lottery.</li> <br>

        <li>  We will show you the earnings from the lottery (for example, in the table above, it will be either ₹0 or ₹500) for the <strong>decider</strong>
        and then ask you some questions related to it for each of the 12 rounds.</li> <br>

    </div>

    <p> {% next_button %} <p>

    <br>

<div class="instructions well well-lg">

<h4 class="panel-sub-heading">
    Illustrative Remainder: Interaction Decider-Performer for one round
        </h4>

            <p align="center"><img  class="center" align="center" width="800" height="300" src="{% static "pictures/Picture1.png" %}"/>

</div>









  {% endblock %}