{{ extends "_static/global/Page.html" }}
{{ load otree static }}
{{ block title }}
    Instructions
{{ endblock }}

{{ block scripts }}
<script>
    // (A) PREVENT CONTEXT MENU FROM OPENING
    window.addEventListener("contextmenu", evt => evt.preventDefault(), false);
    // (B) PREVENT CLIPBOARD COPYING
    window.addEventListener("copy", evt => {
        // (B1) CHANGE THE COPIED TEXT IF YOU WANT
        evt.clipboardData.setData("text/plain", "Copying is not allowed on this page");
        // (B2) PREVENT THE DEFAULT COPY ACTION
        evt.preventDefault();
    }, false);

    window.addEventListener("load", (event) => {  
        let startTime,submitTime
        startTime=Date.now()
        document.getElementById("ok_button").addEventListener('click', function () {
            submitTime = Date.now()
            if (document.getElementById("time_spent_instructions1").value) {
                document.getElementById("time_spent_instructions1").value
            } else {
                document.getElementById("time_spent_instructions1").value = submitTime - startTime;
            }
            document.getElementById("form").submit();
        })
    });

    // Delay 
    setTimeout(function () {
        document.getElementById("ok_button").style.visibility = "visible";
    }, 0);
</script>
{{ endblock }}



{{ block content }}
<input name="time_spent_instructions1" type="hidden" id="time_spent_instructions1">

{{ include "MainTask/InstructionsBase.html"}}


<div class="container">
    <div class="centering">
        <button type="button" class="btn btn-primary"  style="visibility: hidden;" id="ok_button">Next</button>
    </div>
</div>
{{ endblock }}