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

{% block title %}
    {% if player.round_number < 10 %} Part 1 - Round {{ subsession.round_number }} {% else %} Part 2 - Round {{ player.round }}  {% endif %} - Results
{% endblock %}

{% block content %}
    <br>
    <p>
        <strong>You have finished {% if player.round_number < 10 %} {{ subsession.round_number }} {% else %} {{ player.round }} {% endif %} of 9 rounds in this Part.
       </strong>
    </p>
{% if player.round_number == 9 %}
    The virtual die chose round {{ player.dice_ex }} for Part 1. Please see the corresponding lottery outcome in the table below.
{% elif player.round_number == 18 %} The virtual die chose round {{ player.dice_ex }} for Part 1, and round {{ player.dice_ex2 }} for Part 2, from the table below.
    Please see the corresponding lottery outcomes, and sum them up.
{% else %} When you finish the last (9th) round in each Part, one of the 9 exercises will be randomly chosen to realize into your payoff.<br>
{% endif %}
    {% if player.round_number == 9 or player.round_number == 18 %} So far, you have earned {{ player.participant.vars.totalEarnings }} Experimental Dollars.
        {% endif %} <br> Remember : 10 Experimental Dollars (ED) = 1 USD.
 <br>
    This is the history of all your decisions and their outcomes. <br>
    {% formfields %}

<p>
        <div class="row justify-content-center">
             <table class="table" style="width: 500px">
                <tr>
                    <th class="text-center">Round</th>
                    <th class="text-center">Your lottery choice</th>
                    <th class="text-center">Dice roll</th>
                    <th class="text-center">Lottery outcome (ED)</th>
                </tr>
                 <tbody>

                 {% for p in player.in_previous_rounds %}
                     <tr>
                     <td class="text-center mystyle">{{ p.round_number }}</td>
                     <td class="text-center">{% if p.lottery == 0%}A{% else %}B{% endif %}</td>
                     <td class="text-center">{{ p.diceplay }} </td>
                     <td class="text-center">{{ p.outcome }} </td>

                    </tr>
                 {% endfor %}
                 <tr>
                     <td class="text-center mystyle">{{ player.round_number }}</td>
                     <td class="text-center">{% if player.lottery == 0%}A{% else %}B{% endif %}</td>
                     <td class="text-center">{{ player.diceplay }} </td>
                     <td class="text-center">{{ player.outcome }} </td>
                 </tr>
                 </tbody>
             </table>

        </div>
        </p>
<br>
    <button type="otree-btn-next" class="btn btn-success">Next Round</button>
{% endblock %}