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

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

</style>
{% endblock %}

{% block title %}
    Results for round {{ round }}
{% endblock %}

{% block content %}

<div class="card bg-light instructions">
    <div class="card-body">
        <h5>In this round, the hotel's chosen score is: {{ lottery_result }}!</h5>
        <p>You
            {% if receiver_timeout %}
                did not respond on time, <b>{{ receiver_choice }}</b> was randomly chosen,
            {% else %}
                chose: <b>{{ receiver_choice }}</b>
            {% endif %}
                and you
                {% if player.payoff >= 0 %}
                    <b>gained</b>: {{ receiver_payoff }}
                {% else %}
                    <b>lost</b>: {{ receiver_negative_result }}
                {% endif %} point/s

                {% if other_choice == 'Stay at home' %}
                    <p>Your benefit from the hotel is: {{ lottery_result }} and your cost is: {{ Constants.cost }}.</p>
                {% endif %}
        </p>
        <p>
            Had you chosen: {{ other_choice }}, you would have
                {% if negative_other_gain_receiver %}
                    <b>lost</b>: {{ other_gain_receiver }}
                {% else %}
                    <b>gained</b>: {{ other_gain_receiver }}
                {% endif %} point/s

                {% if other_choice == 'Hotel' %}
                    <p>The benefit from the hotel is: {{ lottery_result }} and the cost is: {{ Constants.cost }}.</p>
                {% endif %}
        </p>
    </div>
</div>

    <p></p>

    <div>
        <button class="btn btn-primary btn-large">
        {% if round < Constants.num_rounds %}
            Next Round
        {% else %}
            Go to experiment results
        {% endif %}
        </button>
    </div>

{% endblock %}