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

{% block title %}
    Your task
{% endblock %}

{% block content %}

<div class="container-fluid bg-light my-3 px-3 py-3 rounded border">
    <div class="row">
        <div class="col">
            <p>
            In this experiment, you must choose which Option determines your bonus: 
            </p>

            <ul>
                <li>
                    <b>Option 1</b> is a risk over money. If you choose Option 1, 
                    your bonus is one of two equally-likely amounts of money.
                </li>
                <li>
                    <b>Option 2</b> is a safe amount of money. If you choose Option 2, 
                    your bonus is the amount of money shown to you.
                </li>
            </ul>
            
            <p>
                You only make one choice in this experiment and there is no right or wrong. 
                Whether you like Option 1 (the risk) or 
                Option 2 (the amount) depends on your personal taste. We are only interested
                in learning about which Option you prefer.
            </p>
        </div>
    </div>

    <button id="next_page_btn" class="btn btn-primary mt-2">
        Can you tell me more about Option 1?</button>
</div>


{% if testing %}
    {{ formfield 'feedback_generalTask' }}
{% endif %}

{% endblock %}