{% extends "global/Page.html" %}
{% load staticfiles otree %}
{% load i18n %}


{# ****************************************************************************************************************** #}
{# *** STYLES *** #}
{# ****************************************************************************************************************** #}

{# ****************************************************************************************************************** #}
{# *** TITLE *** #}
{# ****************************************************************************************************************** #}
{% block title %}
    {% trans "实验部分（二）" %}
{% endblock %}


{# ****************************************************************************************************************** #}
{# *** CONTENT *** #}
{# ****************************************************************************************************************** #}
{% block content %}
            <p>

        </p>
        <p>
            {% blocktrans trimmed with n=num_lotteries prob_lo=prob_lo prob_hi=prob_hi %}
请您在以下6张彩票中选出一张，每张彩票产生的报酬取决于是A事件还是B事件发生。A事件和B事件的定义如下：电脑将按照同样的可能性随机从1到100的整数中抽出一个数，如果该数字处于1到50之间(包括1和50)，则A事件发生；反之，B事件发生。也就是说，两个事件发生的可能性都是一样的，均为50%。彩票间唯一的区别在于当事件A或B发生时它们产生的报酬可能不一样。当A事件发生时，彩票1到彩票6产生的报酬逐渐减小，而当B事件发生时，彩票1到彩票6产生的报酬逐渐增大。此外，彩票1到彩票5在两种事件下能够产生的总报酬逐渐增大，但是在不同事件下的报酬差距也会逐渐增大。

            {% endblocktrans %}
        </p>

<p>
    请选择您想要的彩票
</p>
    <div class="wrapper">
        <div class="card">
            <table class="table">

                <!-- ----------------------------------------------------------------------------------------------- -->
                <!-- --- Table Header --- -->
                <!-- ----------------------------------------------------------------------------------------------- -->
                <thead>
                    <tr class="header1">
                        <!-- Lottery Number (Counter) -->
                        <th></th>
                        <th></th>

                        <!-- A lotteries -->
                        <th colspan="2">{% trans "A 事件" %}</th>
                        <th></th>

                        <!-- B lotteries -->
                        <th colspan="2">{% trans "B 事件" %}</th>
                        <th></th>

                        <!-- radio select form fields -->
                        <th></th>
                    </tr>
                    <tr class="header2">
                        <!-- Lottery Number (Counter) -->
                        <th>{% trans "" %}</th>
                        <th></th>

                        <!-- A lotteries -->
                        <th class="prob">{% trans "概率" %}</th>
                        <th>{% trans "金额" %}</th>
                        <th></th>

                        <!-- B lotteries -->
                        <th class="prob">{% trans "概率" %}</th>
                        <th>{% trans "金额" %}</th>
                        <th></th>

                        <!-- radio select form fields -->
                        <th>{% trans "您的选择" %}</th>
                    </tr>
                </thead>

                <!-- ----------------------------------------------------------------------------------------------- -->
                <!-- --- Table Body --- -->
                <!-- ----------------------------------------------------------------------------------------------- -->
                <tbody>
                    {% for i,lo,hi in lotteries %}
                        <tr>
                            <!-- Lottery Number (Counter) -->
                            <td>彩票{{ forloop.counter }}</td>
                            <td></td>

                            <!-- A lotteries -->
                            <td class="prob">{{ prob_lo }}</td>
                            <td>{%lo%}</td>
                            <td></td>

                            <!-- B lotteries -->
                            <td class="prob">{{ prob_hi }}</td>
                            <td>{{ hi }}</td>
                            <td></td>

                            <!-- radio select form fields -->
                            <td><input type="radio" name="lottery_choice" value="{{ i }}" required></td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

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

{% endblock %}