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

{{ block content }}
<style>
u {
  text-decoration: underline;
}
</style>
<p>
    This is Choice List 2, 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 Line 1, Option A depicts the situation where you will get 10.0 points and the counterpart will get 0.0 points,
    however in Option B, you and the counterpart will both get 0.0 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">10.0 points</th>
        <th style="text-align:center">0.0 points</th>
        <td style="text-align:center; font-size: 16px">{{ form.choice2_1 }}</td>
        <th style="text-align:center">0.0 points</th>
        <th style="text-align:center">0.0 points</th>
    </tr>
    <tr>
        <th style="text-align:center">2.</th>
         <th style="text-align:center">10.0 points</th>
        <th style="text-align:center">0.0 points</th>
        <td style="text-align:center; font-size: 16px">{{ form.choice2_2 }}</td>
        <th style="text-align:center">1.0 points</th>
        <th style="text-align:center">1.0 points</th>
    </tr>
    <tr>
        <th style="text-align:center">3.</th>
        <th style="text-align:center">10.0 points</th>
        <th style="text-align:center">0.0 points</th>
        <td style="text-align:center; font-size: 16px">{{ form.choice2_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">10.0 points</th>
        <th style="text-align:center">0.0 points</th>
        <td style="text-align:center; font-size: 16px">{{ form.choice2_4 }}</td>
        <th style="text-align:center">3.0 points</th>
        <th style="text-align:center">3.0 points</th>
    </tr>
    <tr>
        <th style="text-align:center">5.</th>
        <th style="text-align:center">10.0 points</th>
        <th style="text-align:center">0.0 points</th>
        <td style="text-align:center; font-size: 16px">{{ form.choice2_5 }}</td>
        <th style="text-align:center">4.0 points</th>
        <th style="text-align:center">4.0 points</th>
    </tr>
    <tr>
        <th style="text-align:center">6.</th>
        <th style="text-align:center">10.0 points</th>
        <th style="text-align:center">0.0 points</th>
        <td style="text-align:center; font-size: 16px">{{ form.choice2_6 }}</td>
        <th style="text-align:center">5.0 points</th>
        <th style="text-align:center">5.0 points</th>
    </tr>
    <tr>
        <th style="text-align:center">7.</th>
        <th style="text-align:center">10.0 points</th>
        <th style="text-align:center">0.0 points</th>
        <td style="text-align:center; font-size: 16px">{{ form.choice2_7 }}</td>
        <th style="text-align:center">6.0 points</th>
        <th style="text-align:center">6.0 points</th>
    </tr>
    <tr>
        <th style="text-align:center">8.</th>
        <th style="text-align:center">10.0 points</th>
        <th style="text-align:center">0.0 points</th>
        <td style="text-align:center; font-size: 16px">{{ form.choice2_8 }}</td>
        <th style="text-align:center">7.0 points</th>
        <th style="text-align:center">7.0 points</th>
    </tr>
    <tr>
        <th style="text-align:center">9.</th>
        <th style="text-align:center">10.0 points</th>
        <th style="text-align:center">0.0 points</th>
        <td style="text-align:center; font-size: 16px">{{ form.choice2_9 }}</td>
        <th style="text-align:center">8.0 points</th>
        <th style="text-align:center">8.0 points</th>
    </tr>
    <tr>
        <th style="text-align:center">10.</th>
        <th style="text-align:center">10.0 points</th>
        <th style="text-align:center">0.0 points</th>
        <td style="text-align:center; font-size: 16px">{{ form.choice2_10 }}</td>
        <th style="text-align:center">9.0 points</th>
        <th style="text-align:center">9.0 points</th>
    </tr>
    <tr>
        <th style="text-align:center">11.</th>
        <th style="text-align:center">10.0 points</th>
        <th style="text-align:center">0.0 points</th>
        <td style="text-align:center; font-size: 16px">{{ form.choice2_11 }}</td>
        <th style="text-align:center">10.0 points</th>
        <th style="text-align:center">10.0 points</th>
    </tr>
    <tr>
        <th style="text-align:center">12.</th>
        <th style="text-align:center">10.0 points</th>
        <th style="text-align:center">0.0 points</th>
        <td style="text-align:center; font-size: 16px">{{ form.choice2_12 }}</td>
        <th style="text-align:center">10.5 points</th>
        <th style="text-align:center">10.5 points</th>
    </tr>


</table>

{{ next_button }}

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


{{ endblock }}