{{ extends "global/Page.html" }}
{{ block title }}<b>呈現報酬組合</b>{{ endblock }}
{{ block content }}
   <p style="font-size:20px">
       這回合需要<b>{{group.threshold}}</b>位以上(含<b>{{group.threshold}}</b>位)參與者合作專案才會成功。
       您的角色是<b>{{player.name}}</b>。

    </p>


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

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

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


        <tr>
            <th></th>
            <th>合作</th>
            <th>不合作</th>
            <th>合作</th>
            <th>不合作</th>
        </tr>

        <tr>
            <th>?</th>
            <th>{{scenario_payoff1}}</th>
            <th>10</th>
            <th>{{scenario_fail_payoff1}}</th>
            <th>5</th>

        </tr>

        <tr>
            <th>?</th>
            <th>{{scenario_payoff2}}</th>
            <th>10</th>
            <th>{{scenario_fail_payoff2}}</th>
            <th>5</th>

        </tr>

        <tr>
            <th>?</th>
            <th>{{scenario_payoff3}}</th>
            <th>10</th>
            <th>{{scenario_fail_payoff3}}</th>
            <th>5</th>

        </tr>




    </table>

    {{ next_button }}

<div hidden>
        {{ formfield player.reaction_time_showpayoff }}
    </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_showpayoff').val(time.toFixed(1))
                // JavaScript toFixed() Method: Convert a number into a string, keeping only N decimals

                var timeout_sec = {{ C.timeout_sec_showpayoff }} // 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 }}