{{ block title }}
    Page title
{{ endblock }}
{{ block content }}

<h2>Before we begin, please enter fullscreen mode.</h2>
<p>Click below to continue.</p>

<button onclick="goFullscreen()">Enter Fullscreen and Start</button>

<script>
    function goFullscreen() {
        const el = document.documentElement;
        if (el.requestFullscreen) {
            el.requestFullscreen().then(() => {
                // Manually go to next oTree page after fullscreen is confirmed
                window.location.href = "{{ next_button }}";
            }).catch((err) => {
                alert("Fullscreen failed: " + err);
            });
        } else {
            // Fallback
            window.location.href = "{{ next_button}}";
        }
    }
</script>

    {{ next_button }}

{{ endblock }}