{{ block title }}
    Thanks for completing the experiment and feedback.
           
{{ endblock }}
{{ block content }}

    <div class="card bg-mid m-0">
    <h4 class="card-header">Please wait while you're redirected to Prolific</h4>
    <div class="card-body">
        {{ player.participant.reason }}

    </div>
    </div>
    <!--- JS script to show the reason for 5 seconds and then redirecting to the corresponding Prolific link-->
<script>
console.log("js_vars:", js_vars);
console.log("pay value:", js_vars.pay);

let pay = js_vars.pay;
window.onload = function(){
    console.log("About to redirect to:", pay);
    setTimeout(function() {
        if (pay) {
            window.location.href = pay;
        } else {
            console.error("Pay URL is empty or undefined!");
        }
    }, 5000);
}
</script>

{{ endblock }}