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

{% block title %}
Thank you for completing all tasks
{% endblock %}

{% block content %}

<div class="row"></div>
<div class="my-3 bg-light px-3 py-3 rounded border">
    <div class="row">

        <div class="row">
            <div class="col px-3">
                <div class="container">
                    <p>
                        On the next screen, you will receive the password to your bonus file. Before that, we kindly ask you to respond to
                        the following questions. </p>
                    <p>
                        {% formfield 'feedback_understanding' %}
                        {% formfield 'feedback_internet' %}
                        {% formfield 'feedback_layout' %}
                        {% formfield 'feedback_trust' %}
                        {% formfield 'feedback_final_remarks' %}
                    </p>
                </div>
            </div>
        </div>
    </div>


    
    <button class="btn btn-primary" id="next_page_btn" disabled>Continue</button>

</div>

<script>
    let min_time_on_page = js_vars.min_time_on_page
    // Enables the next button after set time
    setTimeout(
        function () {
            document.getElementById("next_page_btn").removeAttribute("disabled")
            // document.getElementById("next_btn_info").style.display = "none"
        },
        min_time_on_page * 1000
    );
</script>

{% endblock %}