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

{% block title %}
    Results
{% endblock %}

{% block content %}

    <p>
        {% if player.is_winner %}
            You won the price war today! You earned {{player.payoff}}.
        {% elif player.is_tie %}
            You and your opponent set the same price! You both earned {{player.payoff}}
        {% else %}
            You did not set a price lower than your opponent or you set a price too high for your customers to pay.
        {% endif %}
    </p>

    <table class="table" style="width:400px">

        <tr>
            <th>Your bid</th>
            <th>Your payoff</th>
            <th>Total earned so far</th>
        </tr>

    <tr>
        <td>{{ player.bid_amount}}</td>
        <td>{{ player.payoff }}</td>
        <td>{{ player.participant.payoff}}</td>
    </tr>

    </table>

    <figure class="highcharts-figure">
        {% if player.session.config.show_bids_chart_after_each_round %}
        <div id="bidscon"></div>
        {% endif %}
        {% if player.session.config.show_payoffs_chart_after_each_round %}
        <div id="payoffscon"></div>
        {% endif %}
    </figure>

    {% next_button %}

{% endblock %}