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

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

{% block title %}
    Part 2 - Answers to 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>
    These are the answers to the questions in the previous page:<br>
    <br>
    {% if player.r_aux_g2 >= 0.5 %}
    How many participants compose your team for this task?<br>
    &#9702; Your team is composed of <b>three</b> participants, including you.<br>
    <br>
    How were the participants of your team selected?<br>
    &#9702; We all think the most likely word in the recording is <b>{% if player.prt == 0 %} 
    <span style="color:black">Yanney</span> {% elif player.prt == 1 %} 
    <span style="color:black">Laurel</span> {% endif %}</b>
    {% else %}
    How many participants are also involved in this task (besides you)?<br>
    &#9702; There are <b>two -2-</b> other participants involved in this task.<br>
    <br>
    In which part of the study are you?<br>
    &#9702; You are in the <b>second part</b> of the study.<br>
    {% endif %}  <br> 
</p>    

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

    {% next_button %}

{% endblock %}