{{ block title }}實驗決策{{ endblock }}
{{ block content }}
<div class="card bg-light m-3">
<div class="card-body">
<style>
    .otree-timer {
        display: none;
    }
</style>
<script>
    document.addEventListener("DOMContentLoaded", function (event) {
        $('.otree-timer__time-left').on('update.countdown', function (event) {
            if (event.offset.totalSeconds === 300) {
                $('.otree-timer').show();
            }
        });
    });
</script>
    {{ if player.participant.single == False}}

    <p>
        提醒：音檔已結束，後續實驗將不會有聲音，可以將聲音關閉。
    </p>

    <p>
        系統已經幫你完成配對。<br>
        <font color="red"><strong>請注意：按下「開始實驗」後正式實驗即開始，請謹慎做出你的決定。</strong></font>
    </p>
    <button class="otree-btn-next btn btn-primary">開始實驗</button>

    {{else}}

    <p>
        很抱歉，因為已經沒有受試者能與你配對。你在本實驗總共獲得出席費新台幣<strong>{{ player.total_payoff }}</strong>元。
    </p>
    
    <p>
        <strong><font color='red'>實驗尚未結束，請按「下一頁」填寫實驗問卷與匯款資料，否則我們無法給予你任何實驗報酬。</font></strong>
    </p>
    <button class="otree-btn-next btn btn-primary">下一頁</button>

    {{endif}}
    
</div>
</div>

{{ endblock }}