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


{% block title %}


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

{% block content %}


    <div class="instructions well well-lg">
    </br>
        <li><strong>Please carefully read the instructions below explaining the task to be performed by <strong>Green players</strong> (you) in each round.</strong></li> </br>

            <li>In each round, the <strong>Green player</strong> will get 45 seconds to solve three puzzles.</li> </br>

        <li>Each puzzle consists of a visual geometric design with a missing piece. The <strong>Green player</strong> is supposed to fill in the missing piece
            from eight possible choices. </li> </br>

        <li>Each puzzle looks as follows (with varying difficulty):</li> </br>

        <p align="center"><img  class="center" align="center" width="440" height="340" src="{% static "pictures/ravenset1-1.jpg" %}"/><p> <br>


        <li> The <strong>Yellow Player</strong> will then get assigned to a lottery.
        The number of correct puzzles solved by the <strong>Green Player</strong> determines the lottery that gets assigned to the <strong>Yellow Player</strong>.
        This lottery leads to either one of two outcomes (high and low) but with differing probabilities.  </li> <br>

        <li> A refresher on lotteries - What is a lottery? For example, the following lottery: <strong>₹0 with 20% probability or ₹500 with 80% probability </strong>-
            means that there is a 20% chance that the <strong>Yellow Player</strong> wins ₹0 and an 80% probability that <strong>Yellow Player</strong> wins ₹500.
            Alternatively, think of a lottery as a 10 sided die. In this example, the die has 0es on 2 sides, and 500s on 8 sides.

 </li> <br>

         <li> Each puzzle solved correctly by the <strong>Green Player</strong> increases the probability of higher earnings for the
             <strong>Yellow Player</strong>. <strong>For example</strong>: </li> <br>

             <table class="table table-bordered text-center" style="width: auto; margin: auto">
                 <tr >
                     <td> <strong>Number of correct answers by the Performer</strong></td>
                     <td> <strong>Lottery earned by the Yellow Player</strong></td>
                </tr >
                 <tr >
                     <td>0 correct answers</td>
                     <td>with 20% probability the outcome is ₹500; with 80% the outcome is ₹0.</td>
                </tr>
                <tr>
                     <td>1 correct answer</td>
                     <td>with 30% probability the outcome is ₹500; with 70% the outcome is ₹0.</td>
                </tr>
                <tr>
                     <td>2 correct answers</td>
                     <td>with 40% probability the outcome is ₹500; with 60% the outcome is ₹0.</td>
                </tr>
                 <tr>
                     <td>3 correct answers</td>
                     <td>with 50% probability the outcome is ₹500; with 50% the outcome is ₹0.</td>
                </tr>
             </table></li>  <br>



        <li> The total number of questions that the <strong>Green player (you)</strong> answered correctly (out of the three) determines the <i>lottery</i>
            that gets assigned to the <strong>Yellow player</strong>. The <i>lottery</i> has only two outcomes: {constants.lowpayoff} and {constants.highpayoff}.
            </li> <br>

        <li> Once the <i>lottery</i> gets assigned to the <strong>Yellow player</strong>, it is automatically drawn by the experiment. The outcome drwan
            from the lottery are the earnings for  the <strong>Yellow player</strong> for that round.</li> <br>

        <li> The higher the number of correct questions solved by the <strong>Green player</strong>, the greater the chance that
            the lottery will deliver a high outcome of {constants.highpayoff} as in the example given above.</li> <br>

        <li>  Remember that the <strong>Green player </strong> gets 45 seconds to solve a set of three puzzles in each round.</li> <br>

        <li>   <strong>Yellow players</strong> will only be shown the earnings drawn from the <i>lottery</i> (that is,{constants.lowpayoff}  or {constants.highpayoff}) for each round and then be asked to pay
            the <strong> Green player</strong> out of the separate pot of $2.</li> <br>

        <li> Number of puzzles or questions that you, that is, the <strong>Green players </strong> solve correctly thus determine the earnings of the
        Yellow player. Green players earnings from a round are thus equal to what their assigned Yellow player pays to them from a
        pot of $2.00, their own completion fee as well as any earning as a random agent that may be assigned to them from another Yellow
        Player in the later experimental session.</li> <br>

    </div>

    <p> {% next_button %} <p>

    <br>

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

<h4 class="panel-sub-heading">
    Illustrative Remainder: Interaction Green-Yellow player for each round
        </h4>

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

</div>








  {% endblock %}