{% 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. First payment opportunity
{% 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 your number is 
        {% if group.r_aux_g5 == 1 and player.id_in_group == 1 %} 30, {% else %} 70, {% endif %}
        and the other two team members have    
        {% if group.r_aux_g5 == 1 and player.id_in_group == 1 %} 50 and 30, {% else %} 50 and 70, {% endif %}
        what is your payment? <br> 
            <br>
            &#9702; Your answer {{ player.quiz_1 }} was 
            {% if player.quiz_1 == "$2.00" %}<span style="color:darkcyan"><b>correct</b>.</span>
            {% else %}<span style="color:peru"><b>incorrect</b>.</span>{% endif %}
            <br>
            &#9702; The average of 
            {% if group.r_aux_g5 == 1 and player.id_in_group == 1 %} 30, 50 and 30 is <b>37</b>, {% else %} 70, 50 and 70 is <b>63</b>, {% endif %}
            which is {% if group.r_aux_g5 == 1 and player.id_in_group == 1 %} <b>smaller than 46</b>, {% else %} <b>larger than 54</b>, {% endif %}
            hence  
                {% if group.r_aux_g5 == 1 and player.id_in_group == 1 %} you will get a <b>payment of $2.00</b>, 
                {% elif group.r_aux_g5 == 1 and player.id_in_group > 1 %} you and one other team member will each get a <b>payment of $2.00</b>,
                {% else %} you will get a <b>payment of $2.00</b>, the other two team members will also get $2.00. {% endif %}
                {% if group.r_aux_g5 == 1 and player.id_in_group == 1 %} the other two team members will get nothing ($0.00).
                {% elif group.r_aux_g5 == 1 and player.id_in_group > 1 %} the remaining third team member will get nothing ($0.00). {% endif %}         
        <br><br><br>
        If your number is 50 and the other two team members have    
        {% if group.r_aux_g5 == 1 and player.id_in_group == 1 %} 80 and 70, {% else %} 20 and 30, {% endif %}
        what is your payment? <br> 
            <br>
            &#9702; Your answer {{ player.quiz_3 }} was 
            {% if player.quiz_3 == "$0.00" %}<span style="color:darkcyan"><b>correct</b>.</span>
            {% else %}<span style="color:peru"><b>incorrect</b>.</span>{% endif %}
            <br>
            &#9702; The average of  
            {% if group.r_aux_g5 == 1 and player.id_in_group == 1 %} 50, 80 and 70 is <b>67</b>, {% else %} 50, 20 and 30 is <b>33</b>, {% endif %}
            which is {% if group.r_aux_g5 == 1 and player.id_in_group == 1 %} <b>larger than 46</b>, {% else %} <b>smaller than 54</b>, {% endif %}
            hence  
                {% if group.r_aux_g5 == 1 and player.id_in_group == 1 %} you will <b>not get a payment</b> ($0.00), 
                {% elif group.r_aux_g5 == 1 and player.id_in_group > 1 %} you and one other team member will <b>not get a payment</b> ($0.00),
                {% else %} your will <b>not get a payment</b> ($0.00). The other two team members will also get nothing ($0.00). {% endif %}
                {% if group.r_aux_g5 == 1 and player.id_in_group == 1 %} the other two team members will get a payment of $2.00 each.
                {% elif group.r_aux_g5 == 1 and player.id_in_group > 1 %} the remaining third team member will get a payment of $2.00. {% endif %}         
        </p>


    
    <p>
        Please click “Next” to <b>see your random number</b> and continue.
    </p>            

    {% next_button %}

{% endblock %}