{{ block title }}
<h1>Payment for Part 2</h1>
{{ endblock }}

{{ block content }}
<!--<p>Employer <b style="color:tomato">A</b> pays <b style="color:tomato">$2</b> to his employees.</p>-->
<!--<p>Employer <b style="color: dodgerblue">B</b> pays <b style="color: dodgerblue">$5</b> to his employees.</p>-->
<p>&nbsp</p>
<p>
    You are selected to be the <b style="color: tomato">{{player.role}}</b> for Part 2.
    </p>
<p>
    {{if player.role == 'allocator'}} Your payment for Part 2 is <b style="color: tomato">$X</b>.
    {{else}} Based on the allocator's choice and the actual scenario, your payment for Part 2 is <b style="color: tomato">${{player.payoff_2}}</b>.
    {{endif}}
    </b>
</p>

{{ next_button }}
{{ endblock }}
{{block script}}
<style>
    .page-header{
        text-align:center;
        font-size: 20px;
    }
    .otree-body{
        width: 40%;
        text-align: left;
    }
    p {
        font-size: 20px;
    }

</style>
{{endblock}}