{% extends "global/Page.html" %}
{% load staticfiles otree_tags %}

{% block title %}
    ROUND {{ subsession.round_number }} - RESULTS
{% endblock %}

{% block content %}
    <p>
            You decided to consult a

            {% if player.expert_choice == 'BLUE Expert' %}
                <span style="color: blue;"><b>{{ player.expert_choice }}</b></span>. <br/><br/>
            {% endif %}
            {% if player.expert_choice == 'RED Expert' %}
                <span style="color: red;"><b>{{ player.expert_choice }}</b></span>. <br/><br/>
            {% endif %}

            This expert reported: "The ball is
            {% if player.expert_choice == 'BLUE Expert' %}
                {% if player.message_b == 'BLUE' %}
                     <span style="color: blue;"><b>{{ player.message_b }}</b></span>".
                {% endif %}
                {% if player.message_b == 'RED' %}
                     <span style="color: red;"><b>{{ player.message_b }}</b></span>".
                {% endif %}
            {% endif %}
            {% if player.expert_choice == 'RED Expert' %}
                {% if player.message_r == 'BLUE' %}
                     <span style="color: blue;"><b>{{ player.message_r }}</b></span>".
                {% endif %}
                {% if player.message_r == 'RED' %}
                     <span style="color: red;"><b>{{ player.message_r }}</b></span>".
                {% endif %}
            {% endif %} <br/><br/>


            Your guess, given the expert’s report, was:
            {% if player.expert_choice == 'BLUE Expert' %}
                {% if player.message_b == 'BLUE' %}
                    {% if player.ball_choice_b == 'BLUE' %}
                        <span style="color: blue;"><b>{{ player.ball_choice_b }}</b></span>.
                    {% endif %}
                    {% if player.ball_choice_b == 'RED' %}
                        <span style="color: red;"><b>{{ player.ball_choice_b }}</b></span>.
                    {% endif %}
                {% else %}
                    {% if player.ball_choice_r == 'BLUE' %}
                        <span style="color: blue;"><b>{{ player.ball_choice_r }}</b></span>.
                    {% endif %}
                    {% if player.ball_choice_r == 'RED' %}
                        <span style="color: red;"><b>{{ player.ball_choice_r }}</b></span>.
                    {% endif %}
                {% endif %}
            {% endif %}

            {% if player.expert_choice == 'RED Expert' %}
                {% if player.message_r == 'BLUE' %}
                    {% if player.ball_choice_b == 'BLUE' %}
                        <span style="color: blue;"><b>{{ player.ball_choice_b }}</b></span>.
                    {% endif %}
                    {% if player.ball_choice_b == 'RED' %}
                        <span style="color: red;"><b>{{ player.ball_choice_b }}</b></span>.
                    {% endif %}
                {% else %}
                    {% if player.ball_choice_r == 'BLUE' %}
                        <span style="color: blue;"><b>{{ player.ball_choice_r }}</b></span>.
                    {% endif %}
                    {% if player.ball_choice_r == 'RED' %}
                        <span style="color: red;"><b>{{ player.ball_choice_r }}</b></span>.
                    {% endif %}
                {% endif %}
            {% endif %} <br/><br/>

            The ball randomly drawn by the computer in this round was

            {% if player.ball_colour == "BLUE" %}
                <span style="color: blue;"><b>{{ player.ball_colour }}</b></span>.
            {% else %}
                <span style="color: red;"><b>{{ player.ball_colour }}</b></span>.
            {% endif %}<br/><br/>

            {% if subsession.round_number != Constants.num_rounds %}
                Your earnings in this round are  {{ player.payoff }}.<br/><br/>
                When you are ready to start with the next round, please click the button below.
            {% else %}
                Since the computer has randomly drawn round number {{ paying_round }} for payment, and given
                your guess about the colour of the ball in that round, your bonus payment is {{ player.payoff }}.
            {% endif %}

            <br/><br/>

            {% next_button %}

    </p>
{% endblock %}

{% block styles %}
    <style type="text/css">
        img {
            display: block;
            margin: auto;
            width: 200px;
            height: auto;
        }
        p {
            text-align: justify;
            font-size: 1.3vw;
        }
        ul {
            text-align: justify;
            font-size: 1.3vw;
        }
        li {
                padding-bottom: 0.35vw;
        }

        th, td {
            text-align: center;
            font-size: 1.3vw;
            font-weight: 400;
        }

    </style>
{% endblock %}