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

{% block styles %}
    <style>
        p,li{
            font-size:18px;
        }
    </style>
{% endblock %}

{% block title %}
    {% if player.selected %}
        Round {{round_number_next }} (Extra Round)
    {% else %}
        Round {{round_number_next }}
    {% endif%}
{% endblock %}

{% block content %}

    {% if player.id_in_group == 1%}

        <h4>PLAYER 1</h4>

        <p class="text-justify">
            You have been matched with a <b>new</b> PLAYER 2 and have received another allocation of $10. Within the next stage of the experiment, the computer will randomly display a <b>secret number</b> representing the amount you should <b>send</b> to PLAYER 2. This secret number ranges from $0 to $10 in increments of $1. Your task is to decide the amount you want to report as the secret number to PLAYER 2. 
        </p>

        <p class="text-center">
            <b>YOU may report any number you wish to report.</b> 
        </p>

    {% else %}

        <h4>PLAYER 2</h4>

        <p class="text-justify">
            You have been matched with <b>another</b> random PLAYER 1 who has received another allocation of $10. Within the next stage of the experiment, the computer will randomly display a secret number representing the amount PLAYER 1 should send to YOU. This secret number ranges from $0 to $10 in increments of $1. 
        </p>

        <p class="text-justify">
            PLAYER 1 will report the value of the secret number. PLAYER 1 may report any number he/she wishes to report. 
        </p>

        <p class="text-center">
            <b>Your payment for this task is equal to the amount PLAYER 1 reports as the secret number.</b> 
        </p>

        {% if player.treatment == 'clear_signal' or player.treatment == 'clear_signal_ecu'%}
            <p class="text-justify">YOU will receive a signal about the value of the secret number. The signal YOU will receive is <b>exactly equal</b> to the computer’s secret number. </p>
        {% else %}
            <p class="text-justify">YOU will receive a signal about the value of the secret number. The signal YOU will receive is that the value of the secret number ranges between <b>0 and 10</b>. </p>
        {% endif %}

    {% endif %}

    {% next_button %}
{% endblock %}