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

{% block title %}
    <u>{{ title_text }}</u>
{% endblock %}

{% block styles %}
<style>
    body{
       text-align: center;
       align-items: center;
       justify-content: center;
    }
    p{
    font-size: 26px;
    text-indent:0;
}
li{
    font-size: 22px;
}
ul{
    font-size: 22px;
}
h2{
    text-align: center;
}
</style>
{% endblock %}

{% block content %}
{% if player.roles == 'S' %}
<p>The receiver in your pair chose action {% if player.conjecture2 == 0 %}<span style="color: blue; font-weight: bold;">BLUE</span>{% else %}<span style="color: red; font-weight: bold;">RED</span>{% endif %}.</p>
<p>The actual color of the core of the chosen ball is {% if player.type2 == 0 %}<span style="color: blue; font-weight: bold;">BLUE</span>{% else %}<span style="color: red; font-weight: bold;">RED</span>{% endif %}.</p>
<p>Due to the receiver's action choice,<br>you get <U><b>{{ payoff|to0 }} 원</b></U> in the second stage.</p>
<p>Between two stages, Stage <U><b>{{ chosen_stage }}</b></U> is randomly chosen for your round earning.<br>As a result, your earning in this round is <U><b>{{ roundpay|to0 }} 원</b></U>.</p>

{% else %}
<p>You chose action {% if player.conjecture2 == 0 %}<span style="color: blue; font-weight: bold;">BLUE</span>{% else %}<span style="color: red; font-weight: bold;">RED</span>{% endif %}.</p>
<p>The actual color of the core of the chosen ball is {% if player.type2 == 0 %}<span style="color: blue; font-weight: bold;">BLUE</span>{% else %}<span style="color: red; font-weight: bold;">RED</span>{% endif %}.</p>
<p>{{ reason2 }},<br>you get <U><b>{{ payoff|to0 }} 원</b></U> in the second stage.</p>
<p>Between two stages, Stage <U><b>{{ chosen_stage }}</b></U> is randomly chosen for your round earning.<br>As a result, your earning in this round is <U><b>{{ roundpay|to0 }} 원</b></U>.</p>

{% endif %}

    {% next_button %}
{% endblock %}