{{ block title }}實驗說明{{ endblock }}
{{ block content }}

<p>
    感謝您的參與。<br>
    <b>請您在報到截止時間前完成報到。</b>
</p>
<p>
    <p>
        請確認並勾選您是否達成下列的內容。<b>若您因為違反下列事項而使得實驗有所中斷，將無法領取任何報酬</b>。<br>
        若您有任何疑問，請點選右下角的聊天室圖示與實驗者聯絡。
    </p>
    <p>
        全部勾選完成後，即可按下「報到」鍵。
    </p>
    <p>
        <!-- <label><input id="check_1" type="checkbox" value="True"/> 1. 我知道我必須在時限內完成報到。</label><br> -->
        <label><input id="check_1" type="checkbox" value="True"/> 1. 我已使用<b>電腦</b>（而非平板、手機）進入實驗頁面。</label><br>
        <label><input id="check_2" type="checkbox" value="True"/> 2. 我已知道我必須專注、一次完成實驗，也已關閉周遭電子設備的通知。</label> <br> 
        <label><input id="check_3" type="checkbox" value="True"/> 3. 我已知道有疑問時，可點選右下角的聊天室圖示與實驗者聯絡。</label><br>
        <label><input id="check_4" type="checkbox" value="True"/> 4. 我已備妥身份證參加實驗。</label> <br>
        <label><input id="check_5" type="checkbox" value="True"/> 5. 我會對實驗的相關內容保密。</label><br>
    </p>


</p>
    {{ next_button }}


    <script>
        $('.otree-btn-next').html('報到')
        $('.otree-btn-next').prop('disabled', true);
    </script>
    
    <!-- <script>
        $("body").on("click","#button", function(){
            if( $("#one-checkbox").prop("checked") ){ // 回傳布林值
                alert( "你是"+$("#one-checkbox").val() );
            } else {
                alert( "你不是"+$("#one-checkbox").val() );
            }
        });
    </script> -->
    <script>
        
    setInterval(
        (function check_answer() {
        // console.log($('#amount').val()=="");
        if( $("#check_1").prop("checked") && $("#check_2").prop("checked") && $("#check_3").prop("checked") && $("#check_4").prop("checked") && $("#check_5").prop("checked") ){

                    $('.otree-btn-next').prop('disabled', false);
                } else {
                    $('.otree-btn-next').prop('disabled', true);
                }
            })
    
    )
    </script>

{{ include Constants.PAPERCUPS_TEMPLATE }}

{{ endblock }}