{{ extends 'global/Page.html' }}
{{ block title }}Compensation Information{{ endblock }}

{{ block content }}

<style>
body {
    font-family:"font-family:times new roman,times,serif;";
    font-size: 17px   
    }
    .otree-title.page-header {
        text-align: center;
        font-size:23px;
        font-weight: bold;
        text-decoration: underline;
        font-family:times new roman,times,serif;
    }
</style>

<table class="table text-center">
    <thead>
        <tr>
            <th scope="col"></th>
            <th scope="col">Your Investment Decision (Number of Assets)</th>
            <th scope="col">"Bad" Investment Selected?</th>
            <th scope="col">Your Bonus</th>
        </tr>
    </thead>
    <tbody>
    {% for item in player.get_score %}
        <tr>
            <td>{{ item.round }}</td>
            <td>{{ item.decision }}</td>
            <td>{{ item.isBad }}</td>
            <td>{{ item.bonus }} Lira</td>
        </tr>
    {% endfor %}
    </tbody>
</table>

Your investment decision from Year {{ rand_decision.round }} was randomly chosen to determine your additional compensation for participating in the study.
The compensation you will receive from Year {{ rand_decision.round }} is ${{ rand_decision.price }}.
So, including the $ 1.00 you will receive for completing the study, you will receive a total of ${{ rand_decision.total }} (${{ rand_decision.price }} + $ 1.00) in compensation for participating in the study.
<br><br>
Click the ‘Next’ button below to proceed to the final screen with your validation code.
<br><br><br>
{% next_button %}

{% formfields %}

<script>
    $('input[name="compensation"]').val({{ rand_decision.total }})
    $('input[name="compensation"]').hide()
</script>

{{ endblock }}