{% 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.conjecture == 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.type == 0 %}<span style="color: blue; font-weight: bold;">BLUE</span>{% else %}<span style="color: red; font-weight: bold;">RED</span>{% endif %}.</p>
    {% if subsession.gamemode == 2 %}


<p>Due to the receiver's action choice,<br>you get <U><b>{{ payoff|to0 }} 원</b></U> in the first stage.</p>
    {% else %}
<p>Due to the receiver's action choice,<br>you get <U><b>{{ payoff|to0 }} 원</b></U> in this round.</p>
    {% endif %}

{% else %}
<p>You chose action {% if player.conjecture == 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.type == 0 %}<span style="color: blue; font-weight: bold;">BLUE</span>{% else %}<span style="color: red; font-weight: bold;">RED</span>{% endif %}.</p>
    {% if subsession.gamemode == 2 %}
<p>{{ reason }},<br>you get <U><b>{{ payoff|to0 }} 원</b></U> in the first stage.</p>
    {% else %}
<p>{{ reason }},<br>you get <U><b>{{ payoff|to0 }} 원</b></U> in this round.</p>
    {% endif %}

{% endif %}

    {% next_button %}
{% endblock %}