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

{% block styles %}
    <link href="{% static 'global/empty.css' %}" rel="stylesheet">
{% endblock %}

{% block title %}
    Part 2 - Check questions.
{% endblock %}

{% block content %}


<style>
    .otree-timer {
        display: none;
    }
    p.time {
      background-color: white;
      color: grey;
      text-align: right;
    }
</style>

<script>
    $(function () {
        $('.otree-timer__time-left').on('update.countdown', function (event) {
            if (event.offset.totalSeconds === 25) {
                $('.otree-timer').show();
            }
        });
    });
</script>

<p class="time">
    Time: {{ time }} seconds. 
</p>

<p>
    Please answer the following questions:<br>
    {%  formfield player.plyrs_num label = "How many participants are also involved in this task (besides you)?" %}<br>
    {%  formfield player.std_part label = "In which part of the study are you?" %}
</p>    

<p>
    Please click “Next” to continue.
</p>            

    {% next_button %}

{% endblock %}