{{ extends "global/Page.html" }}
{{ block title }}Earning Money{{ endblock }}

{{ block content }}


<!-- Includes the background style from the UW Teton Lab experiments -->
{{ include_sibling 'uw_teton_bg.html' }}

<!-- Hide next button initially -->
<style>
    .otree-btn-next { 
        display: none; /* Hide next button */
    }
</style>

<!-- Sets timer for next button to appear -->
<script>
    setTimeout(
    function () {
                $('.otree-btn-next').show();
            }, // Shows otree next button at end of timer
    3*1000
);
</script>

<p>
    In one part of the study, you or your partner will be randomly chosen to get the opportunity to earn money. The person selected will earn their money by completing a task that involves counting the number of 1s in matrices made up of 1s and 0s. 
</p>

<p>
    If you are chosen to do the matrix task to earn money, your task is to count the number of 1s in each matrix. Your pay from this task will be determined by how many matrices you correctly answer. If you answer a matrix incorrectly, you will move on to a new matrix. You will have {{session.config.time_limit}} minutes to earn up to ${{max_budget}} by completing up to {{session.config.num_correct}} matrices.
</p>
<p>
    You will each get an opportunity to practice the matrix task. Below is an example of a {{session.config.m_size}} by {{session.config.m_size}} matrix identical to what you would see during the task. In this example, there are <b>{{matrix_sum}} total 1s</b> that you would need to count.
</p>

<!-- Display the matrix -->
<table> {% for row in matrix %} 
    <tr> {% for cell in row %} 
        <td>{{ cell }}</td> {% endfor %} 
    </tr> {% endfor %} 
</table> <br>

{{ formfields }}

{{ next_button }}

{{ endblock }}