{{ block title }}
    Allocation of rewards - Voluntary work phase
{{ endblock }}

{{ block styles }}
    <link rel="stylesheet" type="text/css" href="{{ static 'global/likert.css' }}">
    <link rel="stylesheet" type="text/css" href="{{ static 'global/contractresultspage.css' }}">
{{ endblock }}

{{ block content }}
<!-- Warning but not forcing: https://groups.google.com/g/otree/c/54VjjD-gN9I -->
<!-- Scale from: EF SET Scores -->
<p>
    This is the allocation for the additional voluntary work phase <br><br>
    You earned a total of <strong> {{participant.total_earnings_2}} points</strong>. <br>
    Your team-mate earned a total of <strong> {{player.team_mate_earnings_2}} points</strong>. <br><br>
    As a team you earned a total of <strong> {{participant.team_account_2}} points</strong>.<br>
</p>

<h3> Allocation procedure</h3>
<p>
    Please suggest how to distribute the points in the team-account among your team-mate and you. <br>
    Your team-mate will also suggest a distribution of the points in the team-account. <br>
    Either your team-mate's or your suggestion will be randomly selected and payoffs will be allocated accordingly. <br><br>
    How many points do you keep for yourself, considering this a fair share on the basis of both of your contracts? <br>
    You can view both contracts again by opening the drop-down menu below. <br><br>
</p>

<button type="button" class="ContractResultsAccordion"> To read the contract information, click here </button>
<div class="ContractResultsPanel">
    {{ if participant.contract_group == 1 }}
    <img src="{{ static 'Treatments/ScenarioSS.jpg' }}" width="800px"/>
    {{ endif }}

    {{ if participant.contract_group == 2 }}
        <img src="{{ static 'Treatments/ScenarioSC.jpg' }}" width="800px"/>
    {{ endif }}

    {{ if participant.contract_group == 3 }}
        <img src="{{ static 'Treatments/ScenarioCS.jpg' }}" width="800px"/>
    {{ endif }}

    {{ if participant.contract_group == 4 }}
        <img src="{{ static 'Treatments/ScenarioCC.jpg' }}" width="800px"/>
{{ endif }}
</div>
<br><br>


{{formfields}}
{{ next_button }}

{{ endblock }}

{{ block script}}
    <script src="{{ static 'Task_App/ContractResultsAccordion.js' }}"></script>
{{ endblock }}