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





{% block title %}
    Thank you
{% endblock %}

{% block content %}

    <p>
        <em>Thanks for playing the financial simulator.</em>
    </p>


    <div class="panel panel-default" style="margin-bottom:10px">
        <div class="panel-body">
            <p>You made <strong>{{ accumulated_payoff }}</strong>. Your opponent was <strong>{{ opponent_name }}</strong>
                and they made <strong>{{ opponent_payoff }}</strong>.</p>
            <p><em>Discuss with your classmates and professor what you noticed as you played today. Did seeing
            your opponent's moves make a difference in how you played?</em>
            </p>
            <p><em>When going through the charts below, please pay close attention to the scale.</em></p>
            <br/>
            <p>To save this screen for later reference, type Control-P on Windows or Command-P on Mac to pull up the
            "Print" dialog box. Enter the "Save as PDF" option. (Additionally, the charts each have their own menu
            where you can print/save them individually)</p>
        </div>
    </div>

    <br/>

    <div class="card bg-light m-3">
        <div class="card-body">
            <h3>Results</h3>
                <table class="table">
                    <tr>
                        <th>Round</th>
                        <th>Bid</th>
                        <th>Payoff</th>
                        {% if should_display_opponent_bids %}
                        <th>Opponent Bid</th>
                        {% endif %}

                    </tr>
                    {% for _ in payoffs %}
                    </tr>
                        <td>{{ forloop.counter }}</td>
                        <td>{{ bids|get_by_index:forloop.counter0 }}</td>
                        <td>{{ payoffs|get_by_index:forloop.counter0 }}</td>
                        {% if should_display_opponent_bids %}
                        <td>{{ opponent_bids|get_by_index:forloop.counter0 }}</td>
                        {% endif %}
                    </tr>
                    {% endfor %}
                </table>
        </div>
    </div>
    <figure class="highcharts-figure">

        {% for _ in payoffs %}
        <div id="bidcon{{forloop.counter}}"></div>
        <div id="payoffcon{{forloop.counter}}"></div>
        {% endfor %}


    </figure>


{% endblock %}