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

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

{% block title %}
    Part 2 - Answers.
{% 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>
        These are the answers to the questions in the previous page:<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>
            Your answer <span  style="color:black">{{ player.quiz_1 }}</span> was 
            {% if player.quiz_1 == "$1" %}<span style="color:black">correct</span>
            {% else %}<span style="color:black">incorrect.</span>{% endif %}
            <br>
            The average of  
            {% if group.r_aux_g1 >= 0.5 %} 60, 50 and 70,  {% else %} 40, 50 and 30, {% endif %}
            is {% if group.r_aux_g1 >= 0.5 %} <b>60</b>, {% else %} <b>40</b>, {% endif %}
            which is between {% if group.r_aux_g1 >= 0.5 %} <b>50 and 70</b>, {% else %} <b>30 and 50</b>, {% endif %}
            hence  
                {% if group.r_aux_g2 >= 0.5 %}
                    you and your fellow    
                        {% if pet == 0 %} 
                            <span style="color:red">R team</span>
                        {% elif pet == 1 %} 
                            <span style="color:blue">D team</span>
                    {% endif %}
                    members would each
                {% else %}
                    you would 
                {% endif %} 
                get a payment of <b>$1</b>.
        <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>
            Your answer <span  style="color:black">{{ player.quiz_2 }}</span> was 
            {% if player.quiz_2 == "$2" %}<span style="color:black">correct</span>
            {% else %}<span style="color:black">incorrect.</span>{% endif %}
            <br>
            The average of  
            {% if group.r_aux_g1 >= 0.5 %} 70, 90 and 60,  {% else %} 30, 10 and 40, {% endif %}
            is {% if group.r_aux_g1 >= 0.5 %} <b>73</b>, {% else %} <b>27</b>, {% endif %}
            which is {% if group.r_aux_g1 >= 0.5 %} <b>larger than 70</b>, {% else %} <b> smaller than 30</b>, {% endif %}
            hence  
                {% if group.r_aux_g2 >= 0.5 %}
                    you and your fellow    
                        {% if pet == 0 %} 
                            <span style="color:red">R team</span>
                        {% elif pet == 1 %} 
                            <span style="color:blue">D team</span>
                    {% endif %}
                    members would each
                {% else %}
                    you would 
                {% endif %} 
                get a payment of <b>$2</b>.
        <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>
            Your answer <span  style="color:black">{{ player.quiz_3 }}</span> was 
            {% if player.quiz_3 == "$0" %}<span style="color:black">correct</span>
            {% else %}<span style="color:black">incorrect.</span>{% endif %}
            <br>
            The average of  
            {% if group.r_aux_g1 >= 0.5 %} 50, 20 and 30,  {% else %} 50, 80 and 70, {% endif %}
            is {% if group.r_aux_g1 >= 0.5 %} <b>33</b>, {% else %} <b>67</b>, {% endif %}
            which is {% if group.r_aux_g1 >= 0.5 %} <b>smaller than 50</b>, {% else %} <b>larger than 50</b>, {% endif %}
            hence  
                {% if group.r_aux_g2 >= 0.5 %}
                    you and your fellow    
                        {% if pet == 0 %} 
                            <span style="color:red">R team</span>
                        {% elif pet == 1 %} 
                            <span style="color:blue">D team</span>
                    {% endif %}
                    members would 
                {% else %}
                    you would 
                {% endif %} 
                not get a payment (<b>$0</b>).
        <br>
        <br>    
        </p>

    
    <hr>    
    <p>
        Please click “next” to <b>see your random number</b> and 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 %}