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

{% block title %}
    Stage 1 
{% endblock %}

{% block content %}

    <p>
    You start the round with <b>${{ Constants.initial_amount }}0</b>.
    </p>

    <p>
        Choose between the two options:
    <br> 

    <h5>Option "Safe": </h5>
    Take
    {% if player.C0 < 0 %}
        <font color = "red"> <b> ${{ player.C }}0 </b> </font>
        {% endif %}
        
    {% if player.C0 > 0 %}
        <font color = "green"> <b> ${{ player.C }}0 </b> </font>
        {% endif %}
        with certainty and move on to Stage 2.
<br><br>
    <h5>Option "Gamble": </h5>
    Enter the lottery to draw a new amount in between
    {% if player.min_g1 < player.w0 %}
        <font color = "red"> <b> ${{ player.min_g1 }}0 </b> </font>
    {% elif player.min_g1 > player.w0 %}
        <font color = "green"> <b> ${{ player.min_g1}}0 </b> </font>
        {% else %} <b> ${{ player.min_g1}}0 </b>
        {% endif %}
        and 
         {% if player.max_g1 < player.w0 %}
        <font color = "red"> <b> ${{ player.max_g1 }}0 </b> </font>
    {% elif player.max_g1 > player.w0 %}
        <font color = "green"> <b> ${{ player.max_g1}}0 </b> </font>
        {% else %} <b> ${{player.max_g1}}0 </b>
        {% endif %} 
        and move on to Stage 2.
    
    </p>

  <p><b>Select the Option</b></p>
    <div>
        <button name="option_choice_1" value=False class="btn btn-primary btn-large">Safe</button>
        <button name="option_choice_1" value=True class="btn btn-primary btn-large">Gamble</button>
    </div>

{% endblock %}