{{ block title }}
    {{if player.round_number == 1}}
        This is the first round of the first part
    {{else}}
        This is the second round of the first part
    {{endif}}
{{ 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> -->
    {{if player.round_number == 1}}
        {{if player.id_in_group == 1}}
        <p>
            You are assgined to the <strong><font color="red">Red</font></strong> group throughout the whole experiment.<br>
            In this round, you are paired with <strong><font color='blue'>Blue {{ player.oppo_in_app_id }}</font></strong>.
            (Note that you are never paired with <strong><font color='blue'>Blue {{ player.oppo_in_app_id }}</font></strong> in this part.)<br><br>
            In the next round, you will be paired with another participant from the <strong><font color='blue'>Blue</font></strong>.<br><br>
            Please click "Next" to start this round.
        </p>
        {{else}}
        <p>
            You are assgined to the <strong><font color="blue">Blue</font></strong> group throughout the whole experiment.<br>
            In this round, you are paired with <strong><font color='red'>Red {{ player.oppo_in_app_id }}</font></strong>.
            (Note that you are never paired with <strong><font color='red'>Red {{ player.oppo_in_app_id }}</font></strong> in this part.)<br><br>
            In the next round, you will be paired with another participant from the <strong><font color='red'>Red</font></strong>.<br><br>
            Please click "Next" to start this round.
        </p>
        {{endif}}
    {{ else }}
        {{if player.id_in_group == 1}}
        <p>
            In this round, you are paired with <strong><font color='blue'>Blue {{ player.oppo_in_app_id }}</font></strong>.<br>
            (Note that you are never paired with <strong><font color='blue'>Blue {{ player.oppo_in_app_id }}</font></strong> in this part.)<br>
            Please click "Next" to start this round.
        </p>
        {{else}}
        <p>
            In this round, you are paired with <strong><font color='red'>Red {{ player.oppo_in_app_id }}</font></strong>.<br>
            (Note that you are never paired with <strong><font color='red'>Red {{ player.oppo_in_app_id }}</font></strong> in this part.)<br>
            Please click "Next" to start this round.
        </p>
        {{endif}}
    {{endif}}
    <button class="otree-btn-next btn btn-primary">Next</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 }}