{{ block title }}
  <center> Final payoff </center>
{{ endblock }}

{{ block content }}
<style>
    .box {
        border: 1px solid lightgrey; /* Light grey border */
        padding: 20px; /* Adds space around the text inside the box */
        background-color: #f7f7f7; /* Optional: Light grey background */
    }
</style>
<div class = "box">
<center>

<br>
<br>
    Your payoff for the whole experiment is <b> {{ total }} ECU</b>.


<br>
<br>
    <i> From the work task you obtained <b>{{ payoff}} ECU</b>. </i>
    <br>
    <i> And your bonus is <b>{{ bonus }} ECU</b>.</i>
    <br> <br>

    <br>
    </center>
    </div>

<br>
<center>
<i> Please proceed with the <b> Next button </b>. </i>
<br>
<br>
    {{ next_button }}

</center>
{{ endblock }}