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

{% block title %}
Thank you for making all 15 decisions
{% 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, we will determine your bonus. Before we go there, please let us now: </p>
                    <p>
                        {% formfields %}
                    </p>
                </div>
            </div>
        </div>
    </div>
    <button class="btn btn-primary" id="next_page_btn" disabled>OK</button>


    <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>

</div>


{% endblock %}