{{ 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>
    The company profit from this experiment is <b> {{ profit }} ECU</b>.

    <br> <br>
    You lose <b> {{ cost }} ECU </b> because of the complaints.
    <br> <br>

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

<br>

    <br>
</center>
    </div>
<br>
<center>
<i> After clicking the <b> Next button </b> you will proceed to the payment details. </i>
<br>
<br>
    {{ next_button }}

</center>
{{ endblock }}