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

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


{% block title %}
    Part 2 - Instructions
{% 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>
        For the <b>fourth payment</b> opportunity, you will have the chance to update 
        your private guess. The payment rule is the same: You will get $2.00 if your guess is within 3 points
        of the average, otherwise you will get nothing. <br>
        <hr>
        Before doing so, you will indicate the <b>maximum amount of money</b> (between 0 and 100 cents)
        you are <b>willing to pay to see</b> the <b>public guess</b> of one of <b> 
        {% if player.r_aux_g2 >= 0.5  %}
        your fellow team members</b>.
        {% else %}
        the other two participants</b>.
        {% endif %}
        <br>
        <br>
        Your best interest is served by simply reporting the maximum amount that you would pay for seeing 
        the public guess of another         
        {% if player.r_aux_g2 >= 0.5  %}
        fellow team member.
       {% else %}
       participant. 
       {% endif %}  <br>
    </p>

    <span style="color:#778899">
    <p style="margin-left: 40px">
        Remember, only if your indicated amount of money is the <b>same or higher</b> as a randomly drawn price, 
        the <b>price</b> will be deducted from your completion payment, and you will see the public guess of one of {% if player.r_aux_g2 >= 0.5  %}
        your fellow team members.
        {% else %}
        the other two participants.
        {% endif %} 
        In <b>other case</b>, you will <b>not pay</b> and will <b>not see the public guess</b> of one of 
        {% if player.r_aux_g2 >= 0.5  %}
        your fellow team members.
        {% else %}
        the other two participants.
        {% endif %} 
    </p></span>

    <p>
        In any case, you will have the chance to update your private guess.  
    </p>
    </div>

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

    {% next_button %}

{% endblock %}