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

{% block title %}
    Instructions
{% endblock %}

{% block content %}

{% load otree_tags staticfiles %}

<div class="instructions well well-lg">

    <h2 class="panel-sub-heading">
        
    </h2>

    <link rel="stylesheet" type="text/css"
          href="{% static 'global/matrix.css' %}"/>

    <p>
      In this part of the experiment you will be presented with a series of matrices containing randomly distributed 'b' and 'd' letters.
        Next to each letter there is a box. Your task is to check a box next to each letter 'd'.
        The matrix is correctly solved if you check all boxes next to each letter 'd' and you do not mistakenly check a box next to a letter 'b'.
    </p>
    <p>
      Once you complete the whole matrix, click the <b>Submit</b> button.
        Once you submit a matrix, a new matrix will be displayed on a screen. Your task is again to check boxes next to each letter 'd'.
    </p>
    <p>
      This part is a trial round that will last {{ player.task_timer}} seconds.
        Within this time, new matrices will keep appearing on the screen every time you click the 'Submit' button.
        It is designed to let you get accustomed to the task. The submitted matrices will be checked for correctness.
        At the end of the trial round, you will be informed how many matrices you have solved and whether they were solved correctly.
    </p>

    <p>
           Once you are ready, please click "Start" button below to start with the trial task that will last for {{ player.task_timer}} seconds.<br>
    </p>
	


</div>
<button class="otree-btn-next btn btn-primary">Start</button>

<br><br><br>





{% endblock %}