{{ block title }}
Part 3: Choice List 1
{{ endblock }}

{{ block content }}
<style>
u {
  text-decoration: underline;
}
</style>
<p>
    This is Choice List 1, consisting of 12 situations with binary options. Each situation presents two options, Option A and Option B,
    offering varying payoffs for both you and the other participant (your counterpart).
</p>
<p>
    <i>For example, in Situation 1 down below, Option A depicts the situation where you will receive 5.0 points and the counterpart will receive 5.0 points.
    However, in Option B, you only get 2.0 points and the counterpart receives the same number of points. You should make a choice between Option A and B.</i>
</p>
<p>
    After finishing this list, click "Next" to continue the experiment.
</p>
<style>
td{
  font-size: 12px;
}
</style>
<table style="width:100%;margin-top:20px; margin-left:-10px;"; class="table table-striped">
    <tr>
        <th style="text-align:center">No.</th>
        <th style="text-align:center"; colspan="2";>Option A</th>
        <th style="text-align:center">OR...</th>
        <th style="text-align:center"; colspan="2">Option B</th>
    </tr>
    <tr>
        <th style="text-align:center"></th>
        <th style="text-align:center">You</th>
        <th style="text-align:center">Counterpart</th>
        <th style="text-align:center"></th>
        <th style="text-align:center">You</th>
        <th style="text-align:center">Counterpart</th>
    </tr>
    <tr>
        <th style="text-align:center">1.</th>
        <th style="text-align:center">5.0 points</th>
        <th style="text-align:center">5.0 points</th>
        <td style="text-align:center; font-size: 16px">{{ form.choice1_1 }}</td>
        <th style="text-align:center">2.0 points</th>
        <th style="text-align:center">2.0 points</th>
    </tr>
    <tr>
        <th style="text-align:center">2.</th>
        <th style="text-align:center">4.42 points</th>
        <th style="text-align:center">5.58 points</th>
        <td style="text-align:center; font-size: 16px">{{ form.choice1_2 }}</td>
        <th style="text-align:center">2.0 points</th>
        <th style="text-align:center">2.0 points</th>
    </tr>
    <tr>
        <th style="text-align:center">3.</th>
        <th style="text-align:center">4.36 points</th>
        <th style="text-align:center">5.64 points</th>
        <td style="text-align:center; font-size: 16px">{{ form.choice1_3 }}</td>
        <th style="text-align:center">2.0 points</th>
        <th style="text-align:center">2.0 points</th>
    </tr>
    <tr>
        <th style="text-align:center">4.</th>
        <th style="text-align:center">4.29 points</th>
        <th style="text-align:center">5.71 points</th>
        <td style="text-align:center; font-size: 16px">{{ form.choice1_4 }}</td>
        <th style="text-align:center">2.0 points</th>
        <th style="text-align:center">2.0 points</th>
    </tr>
    <tr>
        <th style="text-align:center">5.</th>
        <th style="text-align:center">4.19 points</th>
        <th style="text-align:center">5.81 points</th>
        <td style="text-align:center; font-size: 16px">{{ form.choice1_5 }}</td>
        <th style="text-align:center">2.0 points</th>
        <th style="text-align:center">2.0 points</th>
    </tr>
    <tr>
        <th style="text-align:center">6.</th>
        <th style="text-align:center">4.07 points</th>
        <th style="text-align:center">5.93 points</th>
        <td style="text-align:center; font-size: 16px">{{ form.choice1_6 }}</td>
        <th style="text-align:center">2.0 points</th>
        <th style="text-align:center">2.0 points</th>
    </tr>
    <tr>
        <th style="text-align:center">7.</th>
        <th style="text-align:center">3.86 points</th>
        <th style="text-align:center">6.14 points</th>
        <td style="text-align:center; font-size: 16px">{{ form.choice1_7 }}</td>
        <th style="text-align:center">2.0 points</th>
        <th style="text-align:center">2.0 points</th>
    </tr>
    <tr>
        <th style="text-align:center">8.</th>
        <th style="text-align:center">3.68 points</th>
        <th style="text-align:center">6.32 points</th>
        <td style="text-align:center; font-size: 16px">{{ form.choice1_8 }}</td>
        <th style="text-align:center">2.0 points</th>
        <th style="text-align:center">2.0 points</th>
    </tr>
    <tr>
        <th style="text-align:center">9.</th>
        <th style="text-align:center">3.33 points</th>
        <th style="text-align:center">6.67 points</th>
        <td style="text-align:center; font-size: 16px">{{ form.choice1_9 }}</td>
        <th style="text-align:center">2.0 points</th>
        <th style="text-align:center">2.0 points</th>
    </tr>
    <tr>
        <th style="text-align:center">10.</th>
        <th style="text-align:center">2.72 points</th>
        <th style="text-align:center">7.28 points</th>
        <td style="text-align:center; font-size: 16px">{{ form.choice1_10 }}</td>
        <th style="text-align:center">2.0 points</th>
        <th style="text-align:center">2.0 points</th>
    </tr>
    <tr>
        <th style="text-align:center">11.</th>
        <th style="text-align:center">1.43 points</th>
        <th style="text-align:center">8.57 points</th>
        <td style="text-align:center; font-size: 16px">{{ form.choice1_11 }}</td>
        <th style="text-align:center">2.0 points</th>
        <th style="text-align:center">2.0 points</th>
    </tr>
    <tr>
        <th style="text-align:center">12.</th>
        <th style="text-align:center">0.10 points</th>
        <th style="text-align:center">9.90 points</th>
        <td style="text-align:center; font-size: 16px">{{ form.choice1_12 }}</td>
        <th style="text-align:center">2.0 points</th>
        <th style="text-align:center">2.0 points</th>
    </tr>


</table>

{{ next_button }}

<script>
    function sendPref(radio) {
        liveSend({trial_id: radio.name, chose_lottery: radio.value === '1'});
    }
</script>


{{ endblock }}