{{ block title }}
<center> Payment information </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>
<br>


<div class = "box">
<center>
   <b> Thank you for your participation! </b> <br> <br>

    Your total payoff is  <b>{{ payoff}}€</b> from the experiment.

    <br>
    <br>

    That makes in total <b> {{tpayoff}}€</b> with the participation fee.

    <br>
    <br>

    In order to process your payment information smoothly,
    <br> and not to connect it with your experimental data,
    we redirect you to a survey. <br> <br>

    <b> Please, raise your hand and wait for the experimenter to let you leave your spot.</b><br>
    You may exit the cubicle to get you IBAN number. Using digital devices for this task is allowed.<br><br>

    <i><b> Do so calmly, do not disrupt other participants who did not finish yet.</b></i>

    <br> <br>
    Once in the survey, please follow the instructions of the survey.

    <br> <br>
        You may enter the survey by clicking the <i>"To the survey"</i> button.
         <br> <br>



    </div>
     <br>
<center>

</center>

<center>
<a href= {{link}} class="btn btn-primary btn-lg">
    To the survey
</a>
    </center>
<br>


{{ endblock }}