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

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

{% block title %}
    Part 2 - Introduction
{% 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>

{% if own == "pol" %} 
<div class="wrapper instructions">    
        <p>
        The second part of the study is a 
        {% if player.r_aux_g2 >= 0.5 %}
        team task.<br>
        <br>
        For this, you are now part of a team with two other participants
        who &ndash; like you &ndash; identify more with 
        {% if pet == 0 %} <b><span style="color:red">Republicans</span></b>. {% elif pet == 1 %} 
        <b><span style="color:blue">Democrats</span></b>. {% endif %} <br>
        <br>
        There are other teams composed only of participants who also identify with the         
        {% if pet == 0 %} <span style="color:red">Republicans</span>, {% elif pet == 1 %} 
        <span style="color:blue">Democrats</span>, {% endif %} and other teams composed only with 
        participants who identify with the other party: 
        {% if pet == 0 %} <span style="color:blue">Democrats.</span> {% elif pet == 1 %} 
        <span style="color:red">Republicans.</span> {% endif %} <br>
        {% else %}
        task that involves two other participants. They have now been selected.         
        {% endif %}    
        <br>
        <br>
        Please click “Next” to see the instructions for this part.<br>
        <br>
        </p>
    </div>    
{% elif own == "sound" %}
<div class="wrapper instructions">    
    <p>
    {% if player.r_aux_g2 >= 0.5 %}
    The second part of the study is a <b>team task</b> in groups of <b>three</b> participants.<br>
    <br>
    For this, you are now part of a team with two other participants
    who &ndash; like you &ndash; agreed that the pronounced word was more likely
    {% if pet == 0 %} <b><span style="color:black">Yanney</span></b>. {% elif pet == 1 %} 
    <b><span style="color:black">Laurel</span></b>. {% endif %} 
    <!--
    There are other teams composed only of participants who also agreed with the         
    word being most likely
    {% if pet == 0 %} <u><span style="color:black">Yanney</span></u>, {% elif pet == 1 %} 
    <u><span style="color:black">Laurel</span></u>, {% endif %} and other teams composed only with 
    participants who had a different impression, as for them the word most likely was: 
    {% if pet == 0 %} <u><span style="color:black">Laurel.</span></u> {% elif pet == 1 %} 
    <u><span style="color:black">Yanney.</span></u> {% endif %} <br>
    -->    
    {% else %}
    <b>Two -2-</b> other participants have been assigned to you.       
    {% endif %}    
    <br>
    <br>
    Please click “Next” to continue.<br>
    <br>
    </p>
</div>  
{% endif %}

    {% next_button %}

{% endblock %}