{% extends "global/Page.html" %}
{% load otree %}

{% block head_title %}
    End ff Study
{% endblock %}

{% block styles %}

    <style type="text/css">
        h1 {text-align: center; font-size: 35px;}

        .radiobutton input[type="radio"]{
            margin-right:8px;
        }


    </style>

{% endblock %}


{% block content %}

    <h1>Survey</h1>

<div class="card bg-light m-3">
    <div class="card-body">
        <div class="justify">
            <p style="font-size:18px; text-align:center;">

                Thank you for participating in the study. <br>
                <br> You will receive   &euro;{{final_final_payoff|floatformat:2}}     in total. <br>
                <br> Your payment will be transferred to your bank account within 5 working days. <br>
                <br> Please press "Next" to end the experiment.


            </p>

        </div>
    </div>
</div>





    <center><button class="otree-btn-next btn btn-primary" onclick="myFunction()">Next</button></center>



    <input type="hidden"   name="final_final_payoff"               id="id_final_final_payoff"                />





{% endblock %}




{% block scripts %}
    <script type="text/javascript">

        var final_final_payoff = js_vars.final_final_payoff;


        document.getElementById('id_final_final_payoff').value = final_final_payoff;




    </script>
{% endblock %}