{% 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 === 15) {
                $('.otree-timer').show();
            }
        });
    });
</script>

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

    <p>
    Please answer the following questions regarding the first payment opportunity
    (There is reminder of the payment opportunities at the bottom of this page).<br>
    <br>
    <br>
        If your number is 
        {% if group.r_aux_g1 >= 0.5 %} 60, {% else %} 40, {% endif %}
        and 
            {% if group.r_aux_g2 >= 0.5 %}
                your fellow    
                    {% if pet == 0 %} 
                        <span style="color:red">R team</span>
                    {% elif pet == 1 %} 
                        <span style="color:blue">D team</span>
                {% endif %}
                members have
            {% else %}
                the other two participants have
            {% endif %} 
        {% if group.r_aux_g1 >= 0.5 %} 50 and 70, {% else %} 50 and 30, {% endif %} 
        What is the payment? <br> 
        
        {%  formfield player.quiz_1 label = "" %} 
    <br>
    <br>
        If your number is 
        {% if group.r_aux_g1 >= 0.5 %} 70, {% else %} 30, {% endif %}
        and 
            {% if group.r_aux_g2 >= 0.5 %}
                your fellow    
                    {% if pet == 0 %} 
                        <span style="color:red">R team</span>
                    {% elif pet == 1 %} 
                        <span style="color:blue">D team</span>
                {% endif %}
                members have
            {% else %}
                the other two participants have
            {% endif %} 
        {% if group.r_aux_g1 >= 0.5 %} 90 and 60, {% else %} 10 and 40, {% endif %} 
        What is the payment?  <br> <br>
        
        {%  formfield player.quiz_2 label = "" %} 
    <br>
    <br>
        If your number is 
        {% if group.r_aux_g1 >= 0.5 %} 50, {% else %} 50, {% endif %}
        and 
            {% if group.r_aux_g2 >= 0.5 %}
                your fellow    
                    {% if pet == 0 %} 
                        <span style="color:red">R team</span>
                    {% elif pet == 1 %} 
                        <span style="color:blue">D team</span>
                {% endif %}
                members have
            {% else %}
                the other two participants have
            {% endif %} 
        {% if group.r_aux_g1 >= 0.5 %} 20 and 30, {% else %} 80 and 70, {% endif %} 
        What is the payment?  <br> <br>
        
        {%  formfield player.quiz_3 label = "" %} 
    <br>
    <br>    
    </p>
        
    <p>
        Please click “next” to continue.
    </p>            

    {% next_button %}


<div class="wrapper instructions">
    <p><b>Reminder of Payment opportunities (only one will be paid out)</b></p>    
    <p>
        Rules for the <b>first payment opportunity</b>:<br>
    </p>
    <p  style="margin-left: 40px"  >
        If the average is {% if group.r_aux_g1 >= 0.5 %} below {% else %} above {% endif %} 50, 
        {% if group.r_aux_g2 >= 0.5  %}
        you and your team members will each get a payment of $0.
        {% else %}
        you will get a payment of $0.
        {% endif %}<br>
        If the average is between {% if group.r_aux_g1 >= 0.5 %} 50 and 70, {% else %} 30 and 50, {% endif %}
        {% if group.r_aux_g2 >= 0.5  %}
        you and your team members will each get a payment of $1.
        {% else %}
        you will get a payment of $1.
        {% endif %}<br> 
        If the average is 
        {% if group.r_aux_g1 >= 0.5 %} larger than 70, {% else %} smaller than 30, {% endif %} 
        {% if group.r_aux_g2 >= 0.5  %}
        you and your team members will each get a payment of $2.
        {% else %}
        you will get a payment of $2.
        {% endif %}<br>
        {% if group.r_aux_g2 < 0.5 %} The rules are the same for the other two participants.<br> {% endif %}
    </p>

    <p>
        Rules for the <b>second, third and fourth payments opportunities</b>:<br>
    </p>
    <p  style="margin-left: 40px"  >To be explained later.</p>

</div>


{% endblock %}