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

{% block title %}
    Part 3 - Round {{ subsession.round_number }} - Results
{% endblock %}

{% block content %}
    <br><br>
    <div> <p> <strong>   You have finished {{ subsession.round_number }} of {{ Constants.num_rounds }} rounds.</strong></p>
{% if player.round_number < 9 %} After you finish the last (9th) round,
    <br>one of your group choices will be randomly selected to realize into the payoffs of all group members<br>

{% elif player.round_number == 9 %} The virtual die chose round {{ group.dice_ex3 }} to realize into your groupmates' payoffs.
   Please see the corresponding group choice and the lottery outcome in the table below.
 {% endif %}

    </div>

    <br>
    Remember : 10 Experimental Dollars (ED) = 1 USD.
        <br>
    This is the history of all your group 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 group choice</th>
                    <th class="text-center">Dice roll</th>
                    <th class="text-center">Lottery outcome (ED)</th>
                </tr>
                 <tbody>

                 {% for p in group.in_previous_rounds %}
                     <tr>
                     <td class="text-center mystyle">{{ p.round_number }}</td>
                     <td class="text-center">{% if p.choiceG == 0%}A{% else %}B{% endif %}</td>
                     <td class="text-center">{{ p.diceplay3 }} </td>
                     <td class="text-center">{{ p.outcomeG }} </td>

                    </tr>
                 {% endfor %}
                 <tr>
                     <td class="text-center mystyle">{{ group.round_number }}</td>
                     <td class="text-center">{% if group.choiceG == 0%}A{% else %}B{% endif %}</td>
                     <td class="text-center">{{ group.diceplay3 }} </td>
                     <td class="text-center">{{ group.outcomeG }} </td>
                 </tr>
                 </tbody>
             </table>

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