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

{% block styles %}
    <link rel="stylesheet" type="text/css" href="{% static "global/css/grit.css" %}">
{% endblock %}

{% block title %}
{% endblock %}

{% block content %}
    <div class="wrapper">
        <div class="instructions">
            <p>
                Now, please choose which type of grid you want to use for the second round. The computer will follow your decision.
            </p>
        </div>

        {% formfields %}

        <p>
            Once you have confirmed your choice by pressing the "Start" button,
            you will have {{ Constants.grit_time_for_task }} minute to find the {{ Constants.grit_num_correct_for_bonus }}
            pairs of numbers that add to {{ Constants.grit_total }}.
        </p>

        <button class="otree-btn-next btn btn-primary" style="display: block">Start</button>
    </div>
{% endblock %}