{{ block content }}
<div class="text-center">
    <p>DEBUG: all_ready = {{ all_ready }}, active_count = {{ active_count }}</p>
    {{ if all_ready }}
    <h3>All participants ready!</h3>
    <p>Proceeding to gambling task...</p>
    {{ next_button }}
    {{ else }}
    <h3>Waiting for other participants...</h3>
    <p>{{ active_count }} of 3 participants ready</p>
    <div class="spinner-border" role="status"></div>
    <script>
        setTimeout(() => window.location.reload(), 2000);
    </script>
    {{ endif }}
</div>
{{ endblock }}