{{ block title }}
    Introduction
{{ endblock }}
{{ block content }}

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

</style>
{% endblock %}

<p>
    <h3>Variable pay</h3>
    During the experiment, you will be paid in points.<br>
    At the end of the experiment, all points will be converted to EUR such that 500 Points equal 1.00€.<br>
    Below you find the contract rules that describe how you can earn points.<br>
    Please read the contract carefully and take enough time to understand it entirely. <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>
<p style = "border:1px solid black;"></p>
{{ if participant.contract_group < 3 }}
    <p>
    For each grid that you work on, you can earn 50 points for each of the following:
     <ol>
        <li>If you mark the correct number of “K”s in the grid</li>
        <li>If you mark the correct number of "I before K"s in the grid</li>
        <li>If you enter the correct number of “K”s into the entry field</li>
        <li>If you enter the correct number of “I before K”s into the entry field</li><br>
    </ol>
    </p>
{{endif}}

{{ if participant.contract_group > 2 }}
    <p>
    For each grid that you work on, you can earn points according to the following rules: <br>
    The contract consists of two components, component A and B.<br><br>

    Your <strong>component A</strong> will be determined by:
     <ol>
        <li>Every correctly marked “K” in the grid earns you 5 points. </li>
        <li>Every correctly marked “I before K” in the grid earns you 7 points. </li>
        <li>Every correct "number of K"s entered into the entry field earns you 23 points. </li>
        <li>Every correct "number of I before K"s entered into the entry field earns you 17 points. </li>
    </ol>

    Your <strong>component B</strong> will be determined by:
    <ol>
        <li>0,25 times component A-1, but only if the number of marked "K"s in the grid is correct.</li>
        <li>0,25 times component A-1, but only if the number of marked "I before K"s in the grid is correct.</li>
        <li>0,25 times component A-2, but only if the number of marked "K"s in the grid is correct.</li>
        <li>0,25 times component A-2, but only if the number of marked "I before K"s in the grid is correct.</li>
        <li>Your component B will be multiplied with the factor 1.2 if the number of marked "K"s and the number of marked "I before K"s are both correct.</li>
    </ol>
    </p>
{{endif}}
<p style = "border:1px solid black;"></p>

<table>
<tr>
    <td>
        <input name="contract_read" type="checkbox"/>
    </td>
    <td>
        <p> I hereby confirm that I have fully read and understood the contract explained above. By clicking on "Next", another test-task will start.</p>
    </td>
</tr>
</table>

{{ formfield_errors 'contract_read' }}

    {{ next_button }}

{{ endblock }}