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

{% block head_title %}

        Study

{% endblock %}

{% block styles %}

    <style type="text/css">
        h1 {text-align: center; font-size: 35px;}
    </style>

{% endblock %}

{% block content %}

<h1>Instructions</h1>

    <div class="card bg-light m-3">
    <div class="card-body">
    <div class="left">


        <p style="font-size:18px; text-align:left;">

                {% if order == 1 %}
                    {% if subsession.round_number == 1 %}

                        You are now in Round 1. <br>

                        <br> This is a <span style="font-weight: bold;"> known time limit </span> round. The time limit per game will be shown before the game starts.  <br>
                    {% endif  %}

                    {% if subsession.round_number == 11 %}

                        You are now in Round 2. <br>

                        <br> This is an <span style="font-weight: bold;"> unknown time limit </span> round. Whether you made the time limit will only be revealed after you end a given game.   <br>
                    {% endif  %}

                {% endif  %}


                {% if order == 0 %}
                    {% if subsession.round_number == 1 %}
                         You are now in Round 1. <br>

                         <br> This is an <span style="font-weight: bold;"> unknown time limit </span> round. Whether you made the time limit will only be revealed after you end a given game.  <br>
                    {% endif  %}

                    {% if subsession.round_number == 11 %}

                        You are now in Round 2. <br>

                        <br> This is a <span style="font-weight: bold;"> known time limit </span> round. The time limit per game will be shown before the game starts.  <br>
                    {% endif  %}

                {% endif  %}

        </p>


    </div>
    </div>
    </div>



<center>
    <br>
    {% next_button %}
</center>


<input type="hidden"   name="my_page_timeout_seconds"          id="id_my_page_timeout_seconds"   />


{{ form.errors }}


{% endblock %}



{% block scripts %}
    <script type="text/javascript">

        var my_page_timeout_seconds = js_vars.my_page_timeout_seconds;
        document.getElementById('id_my_page_timeout_seconds').value = my_page_timeout_seconds;



    </script>
{% endblock %}