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


{% block title %}


    <h3 class="panel-sub-heading">
        Instructions for the task - Puzzle's 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 Green players (you) in the next 10 rounds.</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 be 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 Green Player</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> answers correctly determines the <i>lottery</i>
            that is assigned to the <strong>Yellow player</strong>. The <i>lottery</i> has only two outcomes: {{ Constants.lowpayoff }} and {{ Constants.highpayoff }} that will vary from
            round to round.
            </li> <br>

        <li> Once the <i>lottery</i> is assigned to the <strong>Yellow player</strong>, it is automatically drawn by the experiment. The outcome drawn
            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 <strong>₹130</strong>.Please note the lottery above is only an example. In the rounds, the
            lottery payoffs will vary round by round./li> <br>

        <li>  Importantly please note that we will release your completion fee of <strong>₹50</strong> after the end of this experiment. But your earnings from <strong>Yellow players</strong> assigned to
            you can only be paid after the <strong>Yellow players'</strong> session is completed.</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 %}