{{ block title }}Stage 2{{ endblock }}
{{ block content }}

<p>In this stage, you are in a new group of four members with three <i>Type-1</i> and one <i>Type-2</i>. <i>Type-1</i>
    members can vote for the situation they would like to be in, represented in table <b><i>A</i></b> or table
    <b><i>B</i></b>. One of the votes at random will be selected, and table <b><i>A</i></b> or <b><i>B</i></b> will be
    chosen. Then, all <i>Type-1</i> will have to choose <i>Up</i> or <i>Down</i> in the table that has been picked. Your
    payoff in this stage will then be determined by the choices of the members of your group in the selected situation.
</p>

<br>

<table style="width: 100%; text-align: center; border-collapse: collapse;">
    <thead>
        <tr>
            <td colspan="3" style="border-bottom: 1px solid black;"></td>
            <td colspan="3" style="border-bottom: 1px solid black;"><i>Number of other Type-1 choosing <i>Up</i> in your
                    group.</i></td>
        </tr>
        <tr>
            <td colspan="2" style="border-right: 1px solid black; border-bottom: 1px solid black;"></td>
            <td style="border-right: 1px solid black; border-bottom: 1px solid black;"><b><i>A</i></b></td>
            <td style="border-right: 1px solid black; border-bottom: 1px solid black;">0</td>
            <td style="border-right: 1px solid black; border-bottom: 1px solid black;">1</td>
            <td style="border-bottom: 1px solid black;">2</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td rowspan="2" style="border-right: 1px solid black;"><i>Your Choice</i></td>
            <td colspan="2" style="border-right: 1px solid black; border-bottom: 1px solid black;"><i>Up</i></td>
            <td style="border-right: 1px solid black; border-bottom: 1px solid black;">{{Constants.payoff_up_c}},
                {{Constants.poor_payoff_c_1}}</td>
            <td style="border-right: 1px solid black; border-bottom: 1px solid black;">{{Constants.payoff_up_c}},
                {{Constants.poor_payoff_c_2}}</td>
            <td style="border-bottom: 1px solid black;">{{Constants.payoff_up_c}}, {{Constants.poor_payoff_c_3}}</td>
        </tr>
        <tr>
            <td colspan="2" style="border-right: 1px solid black;"><i>Down</i></td>
            <td style="border-right: 1px solid black;">{{Constants.payoff_down_c}}, {{Constants.poor_payoff_c_0}}</td>
            <td style="border-right: 1px solid black;">{{Constants.payoff_down_c}}, {{Constants.poor_payoff_c_1}}</td>
            <td>{{Constants.payoff_down_c}}, {{Constants.poor_payoff_c_2}}</td>
        </tr>
    </tbody>
</table>

<br>
<br>
<br>

<table style="width: 100%; text-align: center; border-collapse: collapse;">
    <thead>
        <tr>
            <td colspan="3" style="border-bottom: 1px solid black;"></td>
            <td colspan="3" style="border-bottom: 1px solid black;"><i>Number of other Type-1 choosing <i>Up</i> in your
                    group.</i></td>
        </tr>
        <tr>
            <td colspan="2" style="border-right: 1px solid black; border-bottom: 1px solid black;"></td>
            <td style="border-right: 1px solid black; border-bottom: 1px solid black;"><b><i>B</i></b></td>
            <td style="border-right: 1px solid black; border-bottom: 1px solid black;">0</td>
            <td style="border-right: 1px solid black; border-bottom: 1px solid black;">1</td>
            <td style="border-bottom: 1px solid black;">2</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td rowspan="2" style="border-right: 1px solid black;"><i>Your Choice</i></td>
            <td colspan="2" style="border-right: 1px solid black; border-bottom: 1px solid black;"><i>Up</i></td>
            <td style="border-right: 1px solid black; border-bottom: 1px solid black;">{{Constants.payoff_up_e}},
                {{Constants.poor_payoff_e_1}}</td>
            <td style="border-right: 1px solid black; border-bottom: 1px solid black;">{{Constants.payoff_up_e}},
                {{Constants.poor_payoff_e_2}}</td>
            <td style="border-bottom: 1px solid black;">{{Constants.payoff_up_e}}, {{Constants.poor_payoff_e_3}}</td>
        </tr>
        <tr>
            <td colspan="2" style="border-right: 1px solid black;"><i>Down</i></td>
            <td style="border-right: 1px solid black;">{{Constants.payoff_down_e}}, {{Constants.poor_payoff_e_0}}</td>
            <td style="border-right: 1px solid black;">{{Constants.payoff_down_e}}, {{Constants.poor_payoff_e_1}}</td>
            <td>{{Constants.payoff_down_e}}, {{Constants.poor_payoff_e_2}}</td>
        </tr>
    </tbody>
</table>

<br>

{{ next_button }}

{{ endblock }}