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

{% block title %}

Earnings

{% endblock %}

{% block content %}

<h5> Part 1 </h5>

<p align="justify">
<b> Your earnings in Part 1 </b> are fixed and equal to <b> &euro;2.50</b>.
</p>

<br />

<h5> Part 2 </h5>

<p align="justify">
The computer has randomly selected period {{ player.paying_period }} for payment.

{% if player.paying_decision == 1 %}
Additionally, the computer has randomly selected the CHOICE for payment.
{% endif %}

{% if player.paying_decision == 2 %}
Additionally, the computer has randomly selected the ESTIMATE for payment.
{% endif %}

In the selected decision of the selected period, you earned {{ player.profit_part2 }} points.
As a result, <b> your earnings in Part 2 </b> are equal to <b> &euro;{{ player.profit_part2 }}.00</b>.
</p>

<br />

<h5> Part 3 </h5>

<p align="justify">
<b> Your earnings in Part 3 </b> are fixed and equal to <b> &euro;5.00</b>.
</p>

<br />

<h5> Bonus Payment </h5>

<p align="justify">
The computer has randomly selected number {{ player.paying_number }}.
As a result, <b> your bonus payment </b> is equal to <b> &euro;{{ player.profit_part3 }}.00</b>.
</p>

<br />

<h5> Total </h5>

<p align="justify">
<b> Your total earnings </b> are equal to <b> &euro;{{ player.total_profit }}</b>.
</p>

<br />

<center> <button class="btn btn-primary btn-lg" id="continue_button" style="visibility: hidden"> Next </button> </center>

{% endblock %}

{% block scripts %}

<script>

document.onkeydown = function(evt) {
    evt = evt || window.event;
    if (evt.keyCode == 72) {
	    document.getElementsByTagName("button")[0].style.visibility = "visible";
    }
};

</script>

{% endblock %}