{{ block title }}
    Work phase
{{ endblock }}

{% block style %}
<style>
input[type='checkbox'] {
    width:30px;
    height:30px;
    background:white;
    border-radius:5px;
    border:2px solid #555;
}
</style>
{% endblock %}

{{ block content }}
<p>
    You will now start the work phase. <br>
    Your task is to solve as many grids as possible within the working time of 5 minutes.<br>
    In this work phase, you will be working together with a team-mate who also receives points for conducting the same task. <br>
    However, you will be working independently of each other.<br>
</p>
<p>
    After the work phase, your earned points will be deducted from your account and assigned to a team-account. <br>
    The points that were earned by your team-mate will also be deducted from his or her account and assigned to the team-account. <br>
    After the work phase, the team-account will be split across your team-mate and yourself. <br>
    The exact distribution rules will be explained after the work phase.
</p>
<p>
    Below you can see your own contract again; it is identical to the one you saw before. <br>
    You can also see your team-mate's contract next to your own contract. <br>
    The rules applying to the team-account are re-stated below. <br>
    You can read the contract details at any time during the task by clicking on the drop-down menu on the top of the page. <br>
</p>

{{ 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 }}

<p>
    Please read both contracts carefully before you proceed. <br>
    Click the "Next"-button if you have understood the contracts.
</p>

<table>
<tr>
    <td>
        <input name="task_understood" type="checkbox"/>
    </td>
    <td>
        <p> I hereby confirm that I have understood the task explained above.</p>
    </td>
</tr>
</table>

    {{ formfield_errors 'task_understood' }}
    {{ next_button }}

{{ endblock }}