{{ block title }}
    <center> Issue overview </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> <i style="font-size: 19px;"> Would you like to fix the issue? </b> </i>
    <br>
    <br>
Fixing the issue costs you <b>{{ cost }} ECU</b>.
    <br>
    <br>
    Your current budget is <b> {{ total }} ECU</b>.

    {{ formfields }}
</center>
    </div>
    <br>
<center>
<i> After clicking the <b> Next button </b> you will proceed in the experiment. </i>
<br>
<br>

    {{ next_button }}
    </center>
{{ endblock }}