{% 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>
       <strong> Please carefully read the instructions below explaining the task performed by the performers for deciders.</strong></br>

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

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

          <table class="table table-bordered text-center" style="width: auto; margin: auto">
                     <tr>
                         <td>216</td>
                         <td>+</td>
                         <td>357</td>
                         <td>+</td>
                         <td>489</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 five) determined the lottery (or cartwheel) that got assigned to the <strong>decider</strong>.
            This lottery led to either one of three outcomes (x,y,z) where x,y and z can change in each round. 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 30% probability the earnings are 300; <br>
                         with 50% the earnings are ₹0.</td>
                </tr>
                <tr>
                     <td>1 correct answer</td>
                    <td>--></td>
                     <td>with 30% probability the earnings are ₹500; <br>
                         with 40% probability the earnings are ₹300;<br>
                         with 30% the earnings are ₹0.</td>
                </tr>
                <tr>
                     <td>2 correct answers</td>
                    <td>--></td>
                     <td>with 40% probability the outcome is ₹500; <br>
                         with 50% probability the outcome is ₹300; <br>
                         with 10% 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, a 40% chance that the he/she earns ₹300, 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 a set of five additions in each round</li> <br>

        <li>  We will show you the earnings from the lottery (for example, in the table above, it will be either ₹0, ₹300 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 %}