{{ block content }}
<style>
.hidden-area{
    display: none;
}

.otree-timer {
    display: none;
}

</style>



<div class="container">
    <div class="card">
        <h4 class="card-header">
            請稍候
        </h4>
        <div class="card-body">
            <p>
                請等待其他受試者加入實驗，系統將為您分組。<br>
            </p>
            <p> 
                您最多需等待至{{player.start_hour}}:{{player.start_min}}。<br>
            </p>
            <p>
                若您已等待至超過上述時間，卻仍停留在此頁面，請您檢查您的網路連接狀態，並嘗試重新整理頁面。<br>
                若網路狀態正常、且重新整理頁面也無法排解此問題，請使用右下角的聊天室與實驗者聯絡。
            </p>
            <div class="progress">
                <div class="progress-bar progress-bar-striped progress-bar-animated" style="width: 100%"></div>
            </div>
        </div>
    </div>
</div>

<script>
    function liveRecv(data) {
        console.log('data', data)
        if (data.finished) {
            document.getElementById("form").submit();
        }
    }

    document.addEventListener("DOMContentLoaded", (event) => {
        liveSend({'type': 'wait_page'});
    });
</script>

{{ include Constants.PAPERCUPS_TEMPLATE }}

{{ endblock }}