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

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

{{ block content }}
<h3>Test results</h3>
<p>
    Here you can see your results.
</p>

<table style="width: 40%; text-align: center">
  <tr>
    <th> Letter </th><th> Clicked </th><th> Submitted </th><th> Correct </th>
  </tr>
  <tr>
    <td>K</td><td>{{player.sum_K_contract}}</td><td>{{player.number_K_contract}}</td><td>{{player.correct_K_contract}}</td>
  </tr>
  <tr>
    <td>I before K</td><td>{{player.sum_IK_contract}}</td><td>{{player.number_IK_contract}}</td><td>{{player.correct_IK_contract}}</td>
  </tr>
</table> <br>

{{ formfields }}

<p>
    If you need to see the contract again, please use the drop-down menu below.
</p>
<button type="button" class="ContractResultsAccordion"> To read the contract information, click here </button>
<div class="ContractResultsPanel">
    {{ 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}}
</div>
<br> <br>

{{ next_button }}

{{ endblock }}

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