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

{% block title %}
    Stage 2
{% endblock %}

{% block content %}

<p>    
{% if player.option_choice_1 == False %} You chose <b>not to gamble</b> in Stage 1. 
<br>
You kept the certain amount which was: 
 {% if player.C < player.w0 %}
        <font color = "red"> <h4><b> ${{ player.C }}0 </b></h4> </font>
    {% elif player.C > player.w0 %}
        <font color = "green"> <h4><b> ${{ player.C }}0 </b></h4> </font>
        {% else %} <h4><b> ${{ player.C }}0 </b></h4>
        {% endif %}
{% endif %}

{% if player.option_choice_1 == True %} You chose to <b>gamble</b> in Stage 1.  
  <br>
        You gambled between ${{ player.min_g1}}0 and ${{ player.max_g1}}0
        and the outcome of the lottery was:
        <center>
        <b>[${{ player.min_g1}}0 , ${{ player.max_g1}}0]</b>
         {% if player.w1 < player.w0 %}
        <font color = "red"> <h4><b> ${{ player.w1 }}0 </b></h4> </font>
    {% elif player.w1 > player.w0 %}
        <font color = "green"> <h4><b> ${{ player.w1 }}0 </b></h4> </font>
        {% else %} <h4><b> ${{ player.w1 }}0 </b></h4>
        {% endif %}
        </center>


{% endif %}         
<p>
         <i>Your new options are:</i>
         <h5>Option "Safe":</h5>
         Keep 
 {% if player.outcome1 < player.w0 %}
        <font color = "red"> <b> ${{ player.outcome1 }}0 </b> </font>
    {% elif player.outcome1 > player.w0 %}
        <font color = "green"> <b> ${{ player.outcome1 }}0 </b> </font>
        {% else %} <b> ${{ player.outcome1 }}0 </b>
        {% endif %} 
        with certainty and end the round.
      <br>
<br>
    <h5>Option "Gamble":</h5>
  Enter the lottery to draw a new amount in between
    {% if player.min_g2 < player.w0 %}
        <font color = "red"> <b> ${{ player.min_g2 }}0 </b> </font>
    {% elif player.min_g2 > player.w0 %}
        <font color = "green"> <b> ${{ player.min_g2}}0 </b> </font>
        {% else %} <b> ${{ player.min_g2}}0 </b>
        {% endif %}
        and 
         {% if player.max_g2 < player.w0 %}
        <font color = "red"> <b> ${{ player.max_g2 }}0 </b> </font>
    {% elif player.max_g2 > player.w0 %}
        <font color = "green"> <b> ${{ player.max_g2}}0 </b> </font>
        {% else %} <b> ${{ player.max_g2}}0 </b>
        {% endif %} 
        and end the round.
    </p>
  <p><b>Select the Option</b></p>
    <div>
        <button name="option_choice_2" value=False class="btn btn-primary btn-large">Safe</button>
        <button name="option_choice_2" value=True class="btn btn-primary btn-large">Gamble</button>
    </div>

   </p>

{% endblock %}