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

{% block title %}
    Summary
{% endblock %}

{% block content %}

<p class="lead">Date/Time: <span id="datetime"></span></p>
<script>
var dt = new Date();
document.getElementById("datetime").innerHTML = dt.toLocaleString();
</script>

<table class="table">
    <tr>
        <td>Round Number</td>
        <th>Your payoff</th>
    </tr>
    {% for p in player_in_all_rounds_rev %}
    <tr>
        <td>{{ p.round_number }}</td>
        <td>{{ p.payoff }}</td>
    </tr>
    {% endfor %}
</table>

<div class="my-3">
    The paying round was <b>{{ paying_round }}</b>. Your monetary payoff is <b>{{ final_payoff }}</b>.
</div>

    {% next_button %}

{% endblock %}