{% block title %}
收益说明
{% endblock %}

{{ block content }}



<div class = "card" id="debug_block" style="display:{{ if session.vars.debug }} block {{ else }}none{{ endif }}">
    <h5 class="card-header">测试用数据</h5>
    计时器：<div id="timer" ></div>
    <div>
        实验顺序:
        <p>
            {{participant.vars.table_list_show}}
        </p>
        <p>
            round: {{player.round_number}}
        </p>
    </div>
</div>


<p>你的收益包括：10元人民币的<b>基础被试费</b>和<b>附加收益</b>。
<p>
    本实验一共有36个决策表格, 每个表格有21个选择。在实验结束后，我们会在你完成的所有决策表格中随机抽取一张, 然后在此表格中再随机抽取一行，
    根据你在该行的选择来计算你的附加收益。
    <b>每行有相同的概率被选择，因此请认真对待每一个选择。</b>
</p>

<p>例如我们最终抽中了示例表格的第12行，如图所示。</p>

<div align="center">
    <img height="70%" src="{{ static 'intro03.jpg' }}" width="70%"/>
</div>

<br>
<p>该行中，你的选择为B。<br>因此，你最终有1/3的机会获得50个实验币，2/3的机会获得111个实验币，作为你的附加收益。</p>

<p>
    <b>所有决策结束后，</b>实验程序将为每个参与者（独立）随机地抽取一个决策，并显示在电脑屏幕上。接着，参与者进行抽奖，决定附加收益。</p>


<p>具体地，决策中所有涉及的概率均为1/6的倍数。
    即，在被抽中的决策中，你的选项一定是以下形式之一<br>
    （一）1/6的概率获得X，5/6的概率获得Y<br>
    （二）1/3的概率获得X，2/3的概率获得Y<br>
    （三）1/2的概率获得X，1/2的概率获得Y<br>
    （四）2/3的概率获得X，1/3的概率获得Y<br>
    （五）5/6的概率获得X，1/6的概率获得Y
</p>


<p><b>抽奖方式：</b>页面将出现一个【抽取】按钮。点击【抽取】按钮，从1-6这6个数字中随机抽取出1个数字，以此决定你的附加收益。</p>
<p></p>
<p>如果你被抽中的决策形式为（一），则如果抽中的数字为1，你可以获得X；如果抽中的数字为2-6，你可以获得Y。<br>
    如果你被抽中的决策形式为（二），则如果抽中的数字1-2，你可以获得X；如果抽中的数字为3-6，你可以获得Y。<br>
    如果你被抽中的决策形式为（三），则如果抽中的数字1-3，你可以获得X；如果抽中的数字为4-6，你可以获得Y。<br>
    其它的形式依此类推。</p>
<p></p>
<p>抽奖环节结束后，我们将根据<b>3个实验币 兑换 1元人民币</b>的方式计算你的附加收益。
    <br>你的最终收益将通过课研助手发放，请在实验结束1-2天内检查你的微课研账户，如果问题，请联系我们的实验人员。</p>
<br>


<p>请按【下一页】进入测试。</p>


<br>

<button class="btn btn-primary form-control" id="id_next" style="display: none">下一页</button>
<button class="btn btn-secondary form-control" id="id_fake_next" style="display: block" type="button"> 下一页</button>



<script>
    counter = {{session.vars.intro_wait_sec}};
    document.getElementById("timer").innerText = counter;

    function real_next(is_real) {
        if (is_real) {
            let btn_fake_next = document.getElementById("id_fake_next");
            btn_fake_next.style.display = "none";

            let btn_next = document.getElementById("id_next");
            btn_next.style.display = "block";
        } else {
            let btn_next = document.getElementById("id_next");
            btn_next.style.display = "none";

            let btn_fake_next = document.getElementById("id_fake_next");
            btn_fake_next.style.display = "block";
        }
    }

    function tick() {
        counter--;
        document.getElementById("timer").innerText = counter;
        if (counter <= 0) {
            clearInterval(xid);
            real_next(true);
        }
    }
    let xid;
    if (counter >= 1) {
        xid = setInterval("tick()", 1000);
    } else {
        real_next(true);
    }

</script>


{{ endblock }}