{{ block title }}
<b> <font size = 7>  Decision Screen </font> </b>
{{ endblock }}

{{ block content }}
You must choose between High or Low, which corresponds to different payoffs for you and for the passive player. </br> </br>

There is a 50% chance that you are in Situation 1 and a 50% chance that you are in Situation 2.</br> </br>

Both situations are the same except that the passive player's payoffs are flipped between the two situations. In particular: </br></br>
<ul>
    <li> <b> You </b> will receive <b> <font color = red> 60p </font> </b> if you choose <b> High </b> </li>
    <li> <b> You </b> will receive <b> <font color = blue> 50p </font> </b> if you choose <b> Low </b> </li>
    <li> <b> The passive player </b> will receive <b> <font color = green> 10p </font> </b> if you choose
        <b> High </b> in <b>Situation 1</b> or <b>Low</b> in <b> Situation 2 </b>.</li>
    <li> <b> The passive player </b> will receive <b> <font color = blue> 50p </font> </b> if you choose
        <b> Low </b> in <b>Situation 1</b> or <b> High </b> in <b> Situation 2</b>.</li>
</ul>

Put differently, according to whether you are in Situation 1 or Situation 2 and
whether you choose High or Low, the payoffs for you and the passive player can be described as follows:
</br> </br>

<style>
    th,td{
        border: 2px solid black;
        padding: 10px;
    }
    </style>

<table  CELLPADDING=10 border="2px" style="float: left; margin-left: 10% ; width:35%"  align="left"  >
<thead>
  <tr>
    <th></th>
    <th colspan="2"><center> Situation 1</center></th>
  </tr>
</thead>
<tbody>
    <tr>
    <td></td>
    <td><center> <b>Active Player Receives</b></center></td>
    <td><center><b>Passive Player Receives</b></center></td>
  </tr>
  <tr>
    <td><center><b>High</b></center></td>
    <td><center><b style="color:red;">60p</b></center></td>
    <td><center><b style="color:green;">10p</b></center></td>
  </tr>
  <tr>
    <td ><center><b>Low</b></center></td>
    <td ><center> <b style="color:blue;">50p</b></center></td>
    <td ><center> <b style="color:blue;">50p</b></center></td>
  </tr>
</tbody>

</table>


<table CELLPADDING=10  style="float: right;  margin-right: 10%; width:35%" border=2px; align="right">
 <thead>
  <tr>
    <th></th>
    <th colspan="2"><center> Situation 2</center></th>
  </tr>
</thead>
<tbody>
    <tr>
    <td></td>
      <td><center> <b>Active Player Receives</b></center></td>
    <td><center><b>Passive Player Receives</b></center></td>
  </tr>
  <tr>
    <td><center><b>High</b></center></td>
    <td><center><b style="color:red;"> 60p</b></center></td>
    <td><center><b style="color:blue;"> 50p</b></center></td>
  </tr>
  <tr>
    <td><center><b> Low </b></center></td>
    <td><center><b style="color:blue;"> 50p </b></center></td>
    <td><center><b style="color:green;"> 10p</b></center></td>
  </tr>
</tbody>

</table>
<br clear=all>
<br clear=all>


<b>Now, please make your decision (by choosing High or Low).
    Alternatively indicate that you want to know which situation you are in before
    choosing between High and Low by clicking the Reveal Passive Player's Payoff button.</b> </br></br>

<ul>
    <li> If you choose <b> High </b> you will receive <b> <font color = red> 60p </font> </b>
        regardless of which situation you are in, and the passive player will receive
        <b> <font color = green> 10p </font> </b> if you are in <b> Situation 1 </b> or
        <b> <font color = blue> 50p </font> </b> if you are in <b> Situation 2.</b> </li>
    <li> If you choose <b> Low </b> you will receive <b> <font color = blue> 50p</font> </b>
        regardless of which situation you are in, and the passive player will receive
        <b> <font color = blue> 50p </font> </b> if you are in <b> Situation 1 </b> or
        <b> <font color = green> 10p </font> </b> if you are in <b> Situation 2.</b> </li>
    <li> If you choose <b> Reveal Passive Player’s Payoff </b>, you will learn
        whether you are in Situation 1 or in Situation 2 and the payoffs to the passive player
        if you choose High or Low will be known to you. After this information
        is revealed, you choose between High and Low. </li>
</ul>

<button style="text-align: center; height:50px; margin-left: 5%; width:30%" name="Choice" value="1">  <b>High</b>  </button>
<button style="text-align: center; height:50px; width:30%"  name="Choice" value="2">  <b>Low</b>  </button>
<button style="text-align: center; height:50px; width:30%"  name="reveal" value="1">  <b>Reveal Passive Player's Payoff</b>  </button>

{{ formfield_errors 'reveal' }}

{{ endblock }}