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

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


{% block title %}
    Part 2 - Decision
{% 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>
        Please indicate the maximum amount of money (between 0 and 100 cents) you are willing to pay to see another
        {% if player.r_aux_g2 >= 0.5  %}
        fellow team member's 
       {% else %}
       participant's 
       {% endif %} 
        public guess. After this, you will have the opportunity to update your private guess.
        <table>
            <tr><td> {% formfield player.offer label = "" %} </td>
            <td style="vertical-align:middle"> &nbsp; cents. &emsp;</td></tr>
            </table>
    </p>
    <!--
    <div class="wrapper instructions">
        <p><b>Payment opportunities</b>. Only one out of four will be randomly selected to be paid out. 
            {% if player.r_aux_g2 >= 0.5  %}
            These rules apply to every member of <b>your {% if player.prt == 0 %} <span style="color:red">team</span> {% elif player.prt == 1 %} 
                <span style="color:blue">team</span> {% endif %} including you</b>.
            {% else %}
            These are the rules that apply to <b>you</b>. They are the same for the other participants.
            {% endif %}
        </p>   
    
        <p>
            <span style="font-style: italic;">First payment opportunity:</span>
            If the average is 
            {% if player.r_aux_g1 >= 0.5 %} larger than 54, {% else %} smaller than 46, {% endif %} 
            {% if player.r_aux_g2 >= 0.5  %}
            you and your fellow {% if player.prt == 0 %} <span style="color:red">team</span> {% elif player.prt == 1 %} 
            <span style="color:blue">team</span> {% endif %} members will each get a payment of $2.00.
            {% else %}
            you will get a payment of $2.00.
            {% endif %}<br>    
            <span style="font-style: italic;">Second payment opportunity:</span> $2.00 if your private guess is within three (3) units of the average.<br>
            <span style="font-style: italic;">Third payment opportunity:</span> $2.00 if your public guess is within three (3) units of the average.<br>
            <span style="font-style: italic;">Fourth payment opportunity:</span> $2.00 if your updated private guess is within three (3) units of the average.<br>
            <br>
        </p>
    
    </div>
    -->

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

    {% next_button %}

{% endblock %}