{{ block title }}{{ endblock }}

{{ block style }}
<style>
    p {
        text-align:justify
    }
</style>
{{ endblock }}

{{ block content }}

<h2 style="text-align: center">Employee Task - Round {{subsession.round_number}} of {{C.NUM_ROUNDS}}</h2>


<center>
<input type="hidden" name="correct" id="correct"/>
<form onsubmit="count_correct()">
  <label for="quantity">Sum up: {{num1_1}} + {{num2_1}} = </label>
  <input type="number" id="sum1" name="sum1" min="1" max="10000"><br>
  <label for="quantity">Sum up: {{num1_2}} + {{num2_2}} = </label>
  <input type="number" id="sum2" name="sum2" min="1" max="10000"><br>
  <label for="quantity">Sum up: {{num1_3}} + {{num2_3}} = </label>
  <input type="number" id="sum3" name="sum3" min="1" max="10000"><br>
  <label for="quantity">Sum up: {{num1_4}} + {{num2_4}} = </label>
  <input type="number" id="sum4" name="sum4" min="1" max="10000"><br>
  <label for="quantity">Sum up: {{num1_5}} + {{num2_5}} = </label>
  <input type="number" id="sum5" name="sum5" min="1" max="10000"><br>
  <label for="quantity">Sum up: {{num1_6}} + {{num2_6}} = </label>
  <input type="number" id="sum6" name="sum6" min="1" max="10000"><br>
</form>
</center>

<p>The page will be automatically submitted when the timer expires and your answers at that moment will be recorded.</p>

{{ endblock }}

{{ block scripts }}

<script>

function Check() {

    correct_answers = 0;

    var sum1 = document.querySelector('input[name="sum1"]').value;
    var sum2 = document.querySelector('input[name="sum2"]').value;
    var sum3 = document.querySelector('input[name="sum3"]').value;
    var sum4 = document.querySelector('input[name="sum4"]').value;
    var sum5 = document.querySelector('input[name="sum5"]').value;
    var sum6 = document.querySelector('input[name="sum6"]').value;

    correct_answers += (+(sum1 == ({{num1_1}} + {{num2_1}})));
    correct_answers += (+(sum2 == ({{num1_2}} + {{num2_2}})));
    correct_answers += (+(sum3 == ({{num1_3}} + {{num2_3}})));
    correct_answers += (+(sum4 == ({{num1_4}} + {{num2_4}})));
    correct_answers += (+(sum5 == ({{num1_5}} + {{num2_5}})));
    correct_answers += (+(sum6 == ({{num1_6}} + {{num2_6}})));

    document.getElementById('correct').value = correct_answers;
}

    document.addEventListener("DOMContentLoaded", function (event) {
        $('.otree-timer__time-left').on('update.countdown', function (event) {
            if (event.offset.totalSeconds === 1) {
                Check();
            }
        });
    });


</script>
{{ endblock }}