{% 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 performed by the <strong>Green player</strong> in each round.</strong></li> </br>

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

        <li>Each puzzle consists of a visual geometric design with a missing piece. The  <strong>Green players</strong> are 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 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</strong> answered correctly (out of the three) determined the <i>lottery</i>
            that gets assigned to the <strong>Yellow player</strong> which is you. 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 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> had 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>$2.00</strong>. We will then ask some questions related to it for each of the 20 rounds.</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 %}