{{ block title }}
    Distribution of rewards
    {{ if participant.team_continues == 1 }}
              - Mandatory work phase
    {{ endif }}
{{ 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 }}
<p>
    {{ if participant.own_choice_2 == 1 }}
        The awards are distributed based on the choice you made earlier.  <br><br>
    {{ endif }}
    {{ if participant.own_choice_2 == 0 }}
        The awards are distributed based on the choice your team-mate made earlier. <br><br>
    {{ endif }}

    As a team you earned a total of <strong> {{participant.team_account_2}} points</strong>.<br>
    You have been awarded <strong> {{participant.receive_2}} points</strong>. <br>
    Your team-mate has been awarded <strong> {{player.team_mate_receive_2}} points</strong>. <br><br>
</p>
<p>
    Please rate your level of agreement with the following statements.<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>

<table class="likert">
    <tr style="border-bottom:1px solid grey">
        <td class="item"> &nbsp; <td>
        <td class="selector"> (1) <br>  Strongly disagree <td>
        <td class="selector"> (2) <br>  Disagree <td>
        <td class="selector"> (3) <br>  Somewhat disagree <td>
        <td class="selector"> (4) <br>  Neither agree nor disagree <td>
        <td class="selector"> (5) <br>  Somewhat agree <td>
        <td class="selector"> (6) <br>  Agree <td>
        <td class="selector"> (7) <br>  Strongly Agree <td>
    </tr>

    {{ for field in form }}
        <tr>
            <td class="item">{{ field.label }}</td>
            {{ for choice in field }}
                <td> &nbsp; </td>
                <td class="selector"><div style="padding: 0px 0px 0px 0px;"> {{ choice }} </div> </td>
            {{ endfor }}
        </tr>
    {{ endfor }}
</table>



{{ next_button }}

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