{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
    Stage 1: Instructions
{% endblock %}

{% block content %}

<p>
In this stage, you can earn money that will go into an account that you and your partner share.</p>
<p>
On the next screen, there will be a table of 0's and 1's. Your task will be to <b> count the number of 0's in the table.</b></p>
<p>
<b> For each table you will have {{Constants.task_time}} seconds. Each correctly counted table will add ${{Constants.value_puzzle}}.00 to your group's joint account. </b> </p>
<p>
The other participant will also be performing the identical task.</p>
<p>
You and your partner can each complete up to 4 tables, hence the maximum earnings for your joint account are ${{Constants.max_group}}.00.</p>
<br>
<p>
Below you see an example of how the tables will look like. As you can see, there are 15 zeros in the table, so you would have to input 15 as the answer for the task.</p>
<img src="https://imgur.com/h7fpUtE.jpg" width="500px"/>
<br>
<br>
    {% next_button %}



<style>
    .otree-timer {
        display: none;
    }
</style>

<script>
    $(function () {
        $('.otree-timer__time-left').on('update.countdown', function (event) {
            if (event.offset.totalSeconds === 10) {
                $('.otree-timer').show();
            }
        });
    });
</script>

{% endblock %}