{{ block title }}
    研究说明
{{ endblock }}
{{ block content }}

<style>
    .tab {
        display: none;
    }
</style>

<div class="tab">

    <h3>实验任务</h3>
    <ul>
        <li>回答一系列问题，让我们确定您满足参与实验的条件</li>
        <li>对一些问题分享您的看法和态度，并上传您近期的购物记录和手机使用时长</li>
        <li>完成整个研究的后续所有问卷</li>
    </ul>

    <h3>我们希望您：</h3>
    <ul>
        <li>有一定在线购物的消费习惯</li>
        <li>熟练使用手机和电脑，包括手机截屏，手机上传文件给电脑，在电脑上下载并使用软件等</li>
    </ul>

    <h3>您将获得的报酬</h3>
    <ul>
        <li>完成当前问卷后，您将获得8元人民币</li>
        <li>第二期到第五期，每期会获得5元人民币</li>
        <li>完成整个研究后，您将再获得5元人民币</li>
    </ul>

    <p>我们将您的奖励延迟到研究结束是因为只有您完成了所有问卷才会对研究有所帮助。</p>
    
    <p>
        <button type="button" class="btn btn-primary btn-tab" data-offset="1">下一页</button>
    </p>
</div>

<div class="tab">
    <h3>您的隐私</h3>
    <p>我需要您的手机号，来方便您之后在本页面的登陆。您的所有回答和数据将被严格保密，我们会尽最大努力保护您的隐私安全。这些信息将被存储在安全的服务器上，除了研究团队以外的任何人都无法访问。我们可能会将本研究的匿名数据发布到研究数据存储库中，以便其他研究人员可以复现结果。在发布数据之前，我们将删除任何可以识别您个人身份的信息。我们不会出于任何商业或营销目的出售研究数据或共享数据。</p>

    <h3>风险和收益</h3>
    <p>本研究没有可预见的风险。除了前面提到的报酬之外，我们不能保证您会从这项研究中获得额外好处。</p>

    <h3>联系信息</h3>
    <p>本研究由香港科技大学石梓君教授进行指导。如有任何问题、意见或投诉，请通过邮件联系我们：</p>
    <ul>
        <li>ccaoch@connect.ust.hk</li>
        <li>xuhang.fan@duke.edu</li>
    </ul>
    <p>
        <button type="button" class="btn btn-primary btn-tab" data-offset="-1">上一页</button>
        <button class="btn btn-primary">结束阅读</button>
    </p>
</div>

<script>

    let activeTab = 0;

    function showCurrentTabOnly() {
        let tabIndex = 0;
        for (let tab of document.getElementsByClassName('tab')) {
            tab.style.display = tabIndex === activeTab ? 'block' : 'none';
            tabIndex++;
        }
    }

    showCurrentTabOnly();
    for (let btn of document.getElementsByClassName('btn-tab')) {
        btn.onclick = function () {
            activeTab += parseInt(btn.dataset.offset);
            showCurrentTabOnly();
        }
    }
</script>

{{ endblock }}