{{ block title }}<b>結果</b>{{ endblock }}
{{ block content }}

<style>p.light {
    font-weight: 100;
}</style>

<p style="font-size:20px">
    {{ if group.voting_result >= group.threshold }}
        剛才的專案您的角色是<b>{{player.name}}</b>。
        專案最終結果是 <b>{{group.voting_result}}</b>人選擇合作，超過<b>{{group.threshold}}</b>人的標準。
        <b>專案成功!</b> 您可以得到: <b>{{ player.actual_payoff }}</b>。


    {{else}}
        剛才的專案您的角色是<b>{{player.name}}</b>。
        專案最終結果是 <b>{{group.voting_result}}</b>人選擇合作，低於<b>{{group.threshold}}</b>人的標準。
        <b>專案失敗</b>， 您可以得到:<b> {{player.actual_payoff}}</b>。
    {{ endif }}
</p>


<table class='table table-bordered text-center'
           style='width: auto; margin: auto; font-size:35px'>

        <tr>
            <th colspan=7><b>{{group.threshold}}</b>位以上</th>
        </tr>

        <tr>
            <th></th>
            <th colspan=2>成功</th>
            <th colspan=2>失敗</th>
            <th colspan=2><b>結果</b></th>
        </tr>


        <tr>
            <th></th>
            <th>合作</th>
            <th>不合作</th>
            <th>合作</th>
            <th>不合作</th>
            <th>選擇</th>
            <th>報酬</th>

        </tr>

        <tr>
            <th>{{name1}}</th>
            <th><p class="light">{{scenario_payoff1}}</p></th>
            <th><p class="light">10</p></th>
            <th><p class="light">{{scenario_fail_payoff1}}</p></th>
            <th><p class="light">5</p></th>
            <th>{{decision1}}</th>
            <th>{{actual_payoff1}}</th>

        </tr>

        <tr>
            <th>{{name2}}</th>
            <th><p class="light">{{scenario_payoff2}}</p></th>
            <th><p class="light">10</p></th>
            <th><p class="light">{{scenario_fail_payoff2}}</p></th>
            <th><p class="light">5</p></th>
            <th>{{decision2}}</th>
            <th>{{actual_payoff2}}</th>

        </tr>

        <tr>
            <th>{{name3}}</th>
            <th><p class="light">{{scenario_payoff3}}</p></th>
            <th><p class="light">10</p></th>
            <th><p class="light">{{scenario_fail_payoff3}}</p></th>
            <th><p class="light">5</p></th>
            <th>{{decision3}}</th>
            <th>{{actual_payoff3}}</th>

        </tr>
</table>

        <button class="btn btn-primary" style="display: none" id="next-button">Next</button>

<script>
    setTimeout(function() {
    document.getElementById('next-button').style.display = 'block';}, 6 * 1000);
</script>

<div hidden>
        {{ formfield player.reaction_time_results }}
    </div>

    <script>
        var start_time = Date.now() // 回傳自 1970/01/01 00:00:00 UTC 起經過的毫秒數。

        setInterval( // calls a function at specified intervals
            function() {
                // 當下時間減掉起算時間（start_time），即為經過時長
                var time = (Date.now() - start_time) / 1000 // 因原數字為毫秒，需除以 1000 取得秒數。

                // 每秒不斷更新 reaction_time
                $('#id_reaction_time_results').val(time.toFixed(1))
                // JavaScript toFixed() Method: Convert a number into a string, keeping only N decimals

                var timeout_sec = {{ C.timeout_sec_results }} // define variable
                var time_integer = Math.ceil(time) // get the integer
            },
            0.1 * 1000 // 每 0.1秒呼叫一次function，所以如需更精確或更粗略，可調整成 0.01 * 1000 或 1 * 1000。（同時注意toFixed()）
            )
        // code is copied from Chen's LAB
    </script>




{{ endblock }}