{{ block title }}
決策頁面 ( 第 {{ player.round_number }} 回合 )
{{ endblock }}

{{ block content }}

    <style>
        .time-alert{
        display: none;
        color: #664d03;
        background-color: #fff3cd;
        border-color: #ffecb5;
        position: relative;
        padding: 1rem 1rem;
        margin-bottom: 1rem;
        border: 1px solid transparent;
        border-radius: .25rem;
        }

        .debug-info {
            display: none;
        }
        .hidden-area {
            display: none;
        }
        .time-is-up-area {
            color: red;
            display: none;
        }
    </style>

    
    <div class="time-alert" >
        時間就快要到了！！！！！！！！！！！！！
    </div>
    

    {{ formfield player.guess_num }}
    <button class="otree-btn-next btn btn-primary">提交</button>

    <div class='hidden-area'>
        {{ formfield player.decision_duration }}
    </div>
    

    <script>    
        var start_time = Date.now()
    
        setInterval(
            function () {
                var duration = (Date.now() - start_time) / 1000
                var duration_integer = Math.ceil(duration)
    
                $('#id_decision_duration').val(duration.toFixed(1))
    
                if (({{ C.timeout_seconds }} - duration) < {{C.alert_seconds}}) {
                    $('.time-alert').show();
                }
            },
            0.1*1000
        )


        
    </script>

        
{{ endblock }}