{{ extends 'global/Page.html' }}
{{ block title }}End of experiment{{ endblock }}

{{ block content }}

<div class="container">
    <p>
        You have reached the end of the experiment. Thank you very much for participating!
    </p>
    <p>Your total compensation is: €<span id="payoff"></span> </p>


    <p>
        <b> In about 20 seconds, you will be redirected to a page where you need to enter your payment information.</b> Please do so, so we can pay you for your participation.
    </p>


</div>

{{ endblock }}

{{ block scripts }}
<script>
let link = 'https://soscisurvey.wu.ac.at/afm/'; // replace the link with your own SoSciSurvey project. Make sure it ends with a /
$(document).ready(function() {
    var payoff = js_vars.p_payoff;
    var pid = js_vars.p_participant; // this pid needs to change to whatever you pass on from the js_vars function in the __init__.py file of the payout_referral module
    window.setTimeout(function() {
        window.location.href = link.concat('?','payoff','=',payoff, '&', 'pid', '=', pid);
   }, 20000);});
</script>
<script>
    document.getElementById("payoff").textContent = js_vars.p_payoff;
</script>
{{ endblock }}