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

{% block title %}
Survey
{% endblock %}

{% block content %}
<hr>

<style>
    p{
        font-size: 22px;
    }
    .otree-body {
        max-width:1100px
    }
    .otree-title {
        text-align: center;
    }
</style>
{% block styles %}
    <link href="{% static 'css/otreetimer.css' %}" rel="stylesheet">
{% endblock %}

<br>
<p>
    We will now provide you with an additional endowment of {{Constants.risk_preference}} ECU.
    You have the option to invest a portion of this endowment.
</p>

<p>
    There is an equal chance that the investment will succeed or fail.
    If the experiment <b>succeeds</b>, you will receive <b>3 times</b> the amount you invested.
    If the experiment <b>fails</b>, you will lose the amount you invested.
</p>

<p>
    At the end of the experiment, your earnings from this part of the survey will be added to your final payment, regardless of which part is chosen for payment.
</p>
<br>
<p>
    Please make your investment decision below.
</p>
<br>
<p style="margin-bottom: -5px;">
    How many ECU would you like to <b>invest</b>?
</p>
{{ formfield 'Invest' }}
<br>
<p style="margin-bottom: -5px;">
    How many ECU would you like to <b>keep</b>?
</p>
{{ formfield 'Keep' }}

<br><br>

<button class="otree-btn-next btn btn-primary" style="float: right;">Next</button>

{{ endblock }}