{% extends "global/Page.html" %}
{% load staticfiles otree %}
{% block title %}

    <h3 class="panel-sub-heading">
        Practise Task  - The Grid Task
    </h3>
{% endblock %}

{% block content %}
    <br>
    <div class="instructions well well-lg" xmlns="http://www.w3.org/1999/html">


    <p> This page is for you to familiarize with the grid task that you will be solving for the next ten rounds.</p>

    <p> You can try solving one grid for practice. You need to count the number of 1's in each grid. We have given you
    1 such grid below. You will have to solve 10 such grids in each round within 45 seconds.</p>

    <p>   Remember that in each round the <strong>Green players</strong> will get 45 seconds to solve 10 grids as below. </p>
</div>

<table class="table table-bordered text-center" style="width: auto; margin: auto">
<tr>
  <td>
     <table class="table table-bordered text-center" style="width: auto; margin: auto">
                 <tr >
                     <td>1</td>
                     <td>0</td>
                     <td>1</td>
                     <td>1</td>
                     <td>1</td>
                </tr >
                 <tr >
                     <td>1</td>
                     <td>1</td>
                     <td>0</td>
                     <td>1</td>
                     <td>0</td>
                </tr >
                  <tr >
                     <td>1</td>
                     <td>0</td>
                     <td>0</td>
                     <td>1</td>
                     <td>1</td>
                </tr >
                   <tr >
                     <td>0</td>
                     <td>0</td>
                     <td>1</td>
                     <td>1</td>
                     <td>0</td>
                </tr >
                <tr >
                     <td>1</td>
                     <td>0</td>
                     <td>0</td>
                     <td>1</td>
                     <td>1</td>
                </tr >
             </table>
<center>    <p align="center">{% formfield player.Grid1 label="Grid 1" %}</p></center></br>
</td>

    <table class=table >
            <td align="center"></td>
    </table>

 <div class="instructions well well-lg" >
        The correct answer here is 15.
</div>
{% next_button %}


{% endblock %}