{{ 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>
                您最多需等待 20 分鐘。
            </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 }}