{{ block title }}

{{ if player.option_A < 0 }}
<center>End of Part B</center>
{{ else }}
<center>Section B2: Instructions</center>

<br>


{{ endif }}

{{ endblock }}

{{ block style }}
<style>

    .grow1 {
        padding: 5px 5px 5px 5px;
        border-radius: 10px;
        height: 30px;
        width: 100%;
        margin: 0px 1% 20px 0%;
        float: left;
        position: relative;
        transition: height 0.5s;
        -webkit-transition: height 0.5s;
        text-align: left;
        overflow: hidden;
        transition: 0.5s;
        background-color: #fcf3cf;
    }


    .grow1:hover {
        height: 145px;
        width: 100%
    }

        .grow2 {
        padding: 5px 5px 5px 5px;
        border-radius: 10px;
        height: 30px;
        width: 100%;
        margin: 0px 1% 20px 0%;
        float: left;
        position: relative;
        transition: height 0.5s;
        -webkit-transition: height 0.5s;
        text-align: left;
        overflow: hidden;
        transition: 0.5s;
        background-color: #fcf3cf;
    }


    .grow2:hover {
        height: 120px;
        width: 100%
    }

        .grow3 {
        padding: 5px 5px 5px 5px;
        border-radius: 10px;
        height: 30px;
        width: 100%;
        margin: 0px 1% 20px 0%;
        float: left;
        position: relative;
        transition: height 0.5s;
        -webkit-transition: height 0.5s;
        text-align: left;
        overflow: hidden;
        transition: 0.5s;
        background-color: #fcf3cf;
    }


    .grow3:hover {
        height: 120px;
        width: 100%
    }

    .msg {
        display: none
    }

    .grow1:hover .cover {
        display: none
    }

    .grow1:hover .msg {
        display: inline
    }

    .grow2:hover .cover {
        display: none
    }

    .grow2:hover .msg {
        display: inline
    }

    .grow3:hover .cover {
        display: none
    }

    .grow3:hover .msg {
        display: inline
    }

</style>

{{ endblock }}


{{ block content }}

<br>

{{ if player.option_A < 0 }}
<center>
 <p>
  This is the end of Part B.
    </p>

    <p><b>YOU WILL NOT PARTICIPATE IN SECTION B2.</b></p>


  <p>
    Press <b>'Next'</b> to proceed to the summary and payment information.
    </p>
 {{ next_button }}
</center>
{{ else }}
 <p>
  Next, you will proceed to <b>{{ no_rounds }} {{ if no_rounds == 1 }} round {{ else }} rounds {{ endif }} </b> of Section B2.
    </p>


<h5>Main task:</h5>

 <p>
     In this section you will be asked to state your preference over the allocations chosen in Section B1. In each
     round the computer will select two rounds from Section B1. Then, you will be presented with two lotteries
     corresponding to the allocations chosen by you in the selected rounds. Each lottery will yield with equal probability
     the number of points allocated to the <font color="blue"><b>BLUE</b></font> and <font color="red"><b>RED</b></font> account
     in the respective rounds. You will be asked to state your preference (or indifference) between the two lotteries.
 </p>

<div class="grow1">
 <h6><i class="cover">Hover over with mouse to reveal an example</i><text class="msg">Example</text></h6>
  <p><i>Consider the following hypothetical scenario. The computer selects round 2 and 5 from Section B1. In round 2 you
    allocated 23 points to the  <font color="blue">BLUE</font> account and 37 points to the <font color="red">RED</font>
    account. In round 5, you allocated 32 points to the <font color="blue">BLUE</font> account and 25 points to the
    <font color="red">RED</font> account. You will be asked whether you prefer Option A that yields 23 points with
    probability 50% and 37 points with probability 50%, or Option B that yields 32 points with 50% probability and
    25 points with 50% probability.
</i></p>
</div>


    <p><b>Hypothecical payoffs:</b><br> Once you commit to your choice by pressing the <b>'Next'</b> button, the computer will randomly select one of the prizes corresponding
        to the preferable lottery with equal probability. This will constitute your payoff in that round. If you state that
        you are indifferent between the two lotteries, the computer will first randomly select one of the lotteries with
        equal probability, and then select one of the prizes from the selected lottery. <u>You will not be informed about
        your payoff until the end of the experiment.</u><br>
    </p>


<div class="grow2">
  <h6><i class="cover">Hover over with mouse to reveal an example</i><text class="msg">Example</text></h6>
  <p><i>Suppose that you selected Option B in the previous example that yields 32 points with 50% probability and 25 points
    with 50% probability. Once you commit to this choice by pressing the 'Next' button, the computer randomly
    selects 32 or 25 points with equal probability. If the computer selects 32 points, your payoff for that round will be 32 points.
</i></p>
</div>


<div class="grow3">
  <h6><i class="cover">Hover over with mouse to reveal an example</i><text class="msg">Example</text></h6>
  <p><i>Suppose that you were in different between Options A and B in the initial example. In such a case, the computer first
    selects one of the options with equal probability. If the computer selects Option A, your hypothetical payoff in that
    round will be equal either to 23 points or 37 points with equal probability, as specified by Option A.
</i></p>
</div>


<p><b>Actual earnings from Part B:</b><br>
    At the end of Part B the computer will randomly select one round from that part (either from Part B1 or B2) with equal probability.
    Your earnings from Part B will be equal to the payoff from the selected round.
</p>

<br>

  <p>
    Press <b>'Next'</b> to proceed to the first task.
    </p>
 {{ next_button }}

{{ endif }}





{{ endblock }}