{% extends "global/Page.html" %}
{% load otree static %}
{% block title %}
    Result
{% endblock %}

{% block content %}
<div id="main">
    <p><br>
        {% if treatment == 'obs' %}
            {% if manager_d == '0' %}
                <b>Player 1</b> in your team has chosen to <b>take</b> the token from the shared account.<br><br>
                <div class="noteBoxes type1" style="font-size: 18px">
                    Therefore, your team will <b>take</b> the token from the shared account.
                </div>
            {% endif %}
            {% if manager_d == '1' %}
                <b>Player 1</b> in your team has chosen to <b>leave</b> the token in the shared account.<br><br>
                <div class="noteBoxes type1" style="font-size: 18px">
                    Therefore, your team will <b>leave</b> the token in the shared account.
                </div>
            {% endif %}

        {% else %}
            {% if manager_d == '0' %}
                {% if decision == 0 %}
                    <ul>
                            <li><b>Player 1</b> in your team has chosen to <b>take</b> the token from the shared account.</li>
                            <li><b>You</b> have chosen to <b>take</b> the token from the shared account.</li>
                    </ul>
                    <div class="noteBoxes type1" style="font-size: 18px">
                        Therefore, your team will <b>take</b> the token from the shared account.
                    </div>
                {% endif %}
                {% if decision == 1 %}
                    <ul>
                            <li><b>Player 1</b> in your team has chosen to <b>take</b> the token from the shared account.</li>
                            <li><b>You</b> have chosen to <b>leave</b> the token in the shared account.</li>
                    </ul>
                    <div class="noteBoxes type1" style="font-size: 18px">
                        Therefore, your team will <b>leave</b> the token in the shared account.
                    </div>
                {% endif %}
            {% endif %}
            {% if manager_d == '1' %}
                {% if decision == 0 %}
                    <ul>
                            <li><b>Player 1</b> in your team chose to <b>leave</b> the token in the shared account.</li>
                            <li><b>You</b> have chosen to <b>take</b> the token from the shared account.</li>
                    </ul>
                    <div class="noteBoxes type1" style="font-size: 18px">
                        Therefore, your team will <b>leave</b> the token in the shared account.
                    </div>
                {% endif %}
                {% if decision == 1 %}
                    <ul>
                            <li><b>Player 1</b> in your team chose to <b>leave</b> the token in the shared account.</li>
                            <li><b>You</b> have chosen to <b>leave</b> the token in the shared account.</li>
                    </ul>
                    <div class="noteBoxes type1" style="font-size: 18px">
                        Therefore, your team will <b>leave</b> the token in the shared account.
                    </div>
                {% endif %}
            {% endif %}
        {% endif %}

        <br><br>
        Please click “Next” to proceed.
    </p>

</div>

{% next_button %}
<style>
    .otree-timer {
        display: none;
    }

        .noteBoxes
{
	border: 1px solid;
  	border-radius: 5px;
	padding: 10px;
	margin: 10px 0;
}

.type1
{
	border-color: #E76F51;
	background-color: rgba(231, 111, 81, 0.1);
}

.type2
{
	border-color: #2A9D8F;
	background-color: rgba(42, 157, 143, 0.1);
}

.type3
{
	border-color: #0096C7;
	background-color: rgba(0, 150, 199, 0.1);
}

.type4
{
	border-color: #00B353;
	background-color: rgba(0, 179, 83, 0.1);
}

.picture
{
	width: 15px;
	padding-right: 10px;
}
</style>

<script>
    $(function () {
        $('.otree-timer__time-left').on('update.countdown', function (event) {
            if (event.offset.totalSeconds === 20) {
                $('.otree-timer').show();
            }
        });
    });
</script>





{% endblock %}