{% load otree %}

{% if round_in_session > 1 or results %}
<div class="card bg-light instructions">
    <div class="card-body">

    <h3>
        {% if RoundSurvey or lastRound %}
        All choices in current session
        {% else %}
        All choices so far in current session
        {% endif %}
    </h3>

    <link rel="stylesheet" type="text/css"
          href="{% static 'global/matrix.css' %}"/>

    <p>
        The choices that you and the bot made in all rounds so far (including the round you just played) are shown below:
    </p>
    <p><i><b>C = Cooperate, D = Defect</b></i></p>

    <table class='table table-bordered text-center'
           style='width: auto; margin: auto'>

        <tr>
            <!--<th colspan=1 rowspan=1></th>-->
            <th>Round</th>
            <th>Your choice</th>
            <th>Bot's choice</th>
            <th>Your payoff</th>
            <th>Bot's payoff</th>
        </tr>

        {% for round_num in round_nums %}
            <tr>
                <th>{{ round_num }}</th>
                <th>{{ all_my_decisions|get_choices:round_num }}</th>
                <th>{{ all_bot_decisions|get_choices:round_num }}</th>
                <th>{{ all_my_payoffs|get_choices:round_num }}</th>
                <th>{{ all_bot_payoffs|get_choices:round_num }}</th>
            </tr>
        {% endfor %}

    </table>

    <br>

    <h3>
        {% if RoundSurvey or lastRound %}
        Total payoff in current session
        {% else %}
        Total payoff so far in current session
        {% endif %}
    </h3>

    <link rel="stylesheet" type="text/css"
          href="{% static 'global/matrix.css' %}"/>

    <p>
        The sum of your payoffs and the bot's payoffs in the rounds played so far in the current session are shown below:
    </p>

    <table class='table table-bordered text-center'
           style='width: auto; margin: auto'>
        <tr>
            <th colspan=1 rowspan=1></th>
            <th>Your total payoff</th>
            <th>Bot's total payoff</th>
        </tr>
        <tr>
            {% if RoundSurvey or lastRound %}
            <th>Total payoff</th>
            {% else %}
            <th>Total payoff so far</th>
            {% endif %}
            <th>{{ my_total_payoff }}</th>
            <th>{{ bot_total_payoff }}</th>
        </tr>
    </table>
    </div>
</div>
{% endif %}

{% if session_curr > 1 %}
<div class="card bg-light instructions">
    <div class="card-body">

    <h3>
        Total payoffs in previous sessions
    </h3>

    <link rel="stylesheet" type="text/css"
          href="{% static 'global/matrix.css' %}"/>

    {% if session_curr > 1 %}
    <table class='table table-bordered text-center'
           style='width: auto; margin: auto'>
        <tr>
            <th colspan=3 rowspan=1>Session 1</th>
        </tr>
        <tr>
            <th colspan=1 rowspan=1></th>
            <th>Your total payoff</th>
            <th>Bot's total payoff</th>
        </tr>
        <tr>
            <th>Total payoff</th>
            <th>{{ all_my_total_payoffs.0 }}</th>
            <th>{{ all_bot_total_payoffs.0 }}</th>
        </tr>
    </table>
    {% endif %}

    <br>

    {% if session_curr > 2 %}
    <table class='table table-bordered text-center'
           style='width: auto; margin: auto'>
        <tr>
            <th colspan=3 rowspan=1>Session 2</th>
        </tr>
        <tr>
            <th colspan=1 rowspan=1></th>
            <th>Your total payoff</th>
            <th>Bot's total payoff</th>
        </tr>
        <tr>
            <th>Total payoff</th>
            <th>{{ all_my_total_payoffs.1 }}</th>
            <th>{{ all_bot_total_payoffs.1 }}</th>
        </tr>
    </table>
    {% endif %}

    </div>
</div>
{% endif %}