{{ 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;
        }
        .highlight {
            color: red;
            font-weight: bold;
        }
        .debug-info {
            display: none;
        }
        .hidden-area {
            display: none;
        }
    </style>
    

    <p>
        {{ if player.is_no_decision }}
            您未在時限內作答！<br>
        {{ else }}
            您的數字為：{{ player.guess_num }}<br>
        {{ endif }}
        本回合的平均數字為：{{ group.mean_num }}<br>
        本回合的勝利數字為：{{ group.p_mean_num }}<br>
        {{ if group.p_mean_num >= 0}}
            {{ group.winner_number }}
        {{ else }}
            本回合無人作答。
        {{ endif }}
    </p>

    <div class="time-alert" >
        請點選下一頁
    </div>

    

    <p>
        <button class="otree-btn-next btn btn-primary">下一頁</button>
    </p>



    <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 }}