{{ block title }}Stage 4{{ endblock }}
{{ block content }}


<p>The actual percentage of participants who chose <i>Up</i> in table <b><i>B</i></b> in the previous stage is <span
        style="white-space: nowrap;">{{ group.session.up_e_stage2_subj }}%</span> while you guessed <span
        style="white-space: nowrap;">{{ player.participant.stage3_guess }}%</span>.</p>

{{ if optimistic == 1 }}
<p>Therefore, you have been <b>optimistic</b>.</p>
{{ elif optimistic == 0 }}
<p>Therefore, you have been <b>pessimistic</b>.</p>
{{ else }}
<p>Therefore, your prediction was <b>exactly correct</b>.</p>
{{ endif }}


<p>You are again in a new group of four members. Suppose you are a <i>Type-1</i> agent and have to vote for situation in
    table <b><i>A</i></b> or table <b><i>B</i></b> and then play in the table that is randomly drawn from all the votes.
    As before, the payment in this stage is computed from the group members' choices in the table that is selected
    randomly among the votes.</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 }}