{{ load otree }}

{{ block content }}
<div class="container text-center">
    <div style="margin-top: 200px;">
        <h2>Block Ended</h2>
        <p style="font-size: 24px; margin: 50px 0;">
            Please wait for the experimenter
        </p>
    </div>
</div>
{{ endblock }}

{{ block app_styles }}
<style>
    .container {
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f8f9fa;
    }
</style>
{{ endblock }}

{{ block scripts }}
<script>
    document.addEventListener('keydown', function(event) {
        if (event.key === ' ' || event.key === '1') {
            document.forms[0].submit();
            event.preventDefault();
        }
    });
    document.addEventListener('DOMContentLoaded', function() {
        document.body.focus();
    });
</script>
{{ endblock }}