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

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

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

    <div class="wrapper instructions"> 
        <p>
            <b>Your number is {{ player.p_value }}</b>
        </p>
    
        <p>
            The <b>first payment opportunity</b> depends on the average of this number
            and the numbers of the other team members.
        </p>     
        
        <ul>
            <li>If the average is 
            {% if group.r_aux_g5 == 1 %}
                    {% if group.r_aux_g1 == 1 %} 
                            {% if player.id_in_group == 1 %} 
                                <b>smaller than 46</b>, 
                                {% else %} 
                                <b>larger than 54</b>,
                                {% endif %}
                        {% elif group.r_aux_g1 == 2 %} 
                            {% if player.id_in_group == 1 %} 
                                <b>larger than 54</b>, 
                                {% else %} 
                                <b>smaller than 46</b>,
                                {% endif %} 
                        {% else %} 
                            {% if player.id_in_group == 1 %} 
                                <b>an odd number (a multiple of 2),</b> 
                                {% else %} 
                                <b>an even number (a multiple of 2),</b>
                                {% endif %} 
                        {% endif %} 
                {% if group.r_aux_g2 >= 0.5  %}
                        {% if player.id_in_group == 1 %} you will {% else %} you and one other team member will each {% endif %}
                        get a <b>payment of $2.00</b>, 
                        {% if player.id_in_group == 1 %} the other two team members {% else %} the third team member {% endif %}
                        will get nothing ($0.00).</li> <li>If the average is 
                                {% if group.r_aux_g1 == 1 %} 
                                    {% if player.id_in_group == 1 %} 
                                        <b>larger than 54</b>, 
                                        {% else %} 
                                        <b>smaller than 46</b>,
                                        {% endif %}
                                {% elif group.r_aux_g1 == 2 %} 
                                    {% if player.id_in_group == 1 %} 
                                        <b>smaller than 46</b>, 
                                        {% else %} 
                                        <b>larger than 54</b>,
                                        {% endif %} 
                                {% else %} 
                                    {% if player.id_in_group == 1 %} 
                                        <b>an even number (a multiple of 2),</b> 
                                        {% else %} 
                                        <b>an odd number (a multiple of 2),</b>
                                        {% endif %} 
                                {% endif %} 
                        {% if player.id_in_group == 1 %} the other two team members will each {% else %} the referred third team member will {% endif %}        
                        get a payment of $2.00, and 
                        {% if player.id_in_group == 1 %} you {% else %} you and the other team member {% endif %}
                        will <b>get nothing</b> ($0.00).</li>
                        {% if group.r_aux_g1 != 3 %} <li>If the average is between 46 and 54, no one will get  
                        anything ($0.00). {% endif %}
                    {% else %}
                    you will get a <b>payment of $2.00</b>.
                    {% endif %}              
            {% else %}
                {% if group.r_aux_g1 == 1 %} <b>larger than 54</b>, 
                    {% elif group.r_aux_g1 == 2 %} <b>smaller than 46</b>, 
                    {% else %} <b>an even number (a multiple of 2).</b> 
                    {% endif %}    
                {% if group.r_aux_g2 >= 0.5  %}
                    you will get a <b>payment of $2.00</b>. The same rules apply to the other two team members,
                    they will also get $2.00 each. 
                    <!-- to be equally divided among the three members ($2.00 to each one, including you). -->
                    {% else %}
                    you will get a <b>payment of $2.00</b>.
                    {% endif %} </li>
                <li>If the average is between 0 and 54, you get nothing ($0.00). The same applies to the other two team members.<br>
            {% endif %}</li> 
        </ul> 


    
        <p>
            Please click "Next" to continue. 
        </p>
    </div>     

    {% next_button %}

{% endblock %}