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

{% block title %}Round20 Result{% endblock %}

{% block content %}

<style>
#tb1 {
    border-collapse: collapse; 
    border: 1px solid black;
}
</style>
<table id="tb1" width="650" height="100" border="1" cellpadding="0" cellspacing="0">
    <tr>
        <td align=right>Return of the stock index in the previous period (in %)</td>
        <td align=center>{{ Results_high }}</td>
    </tr>
    <tr>
        <td align=right>Percentage you invested into the stock in the previous period (in %)</td>
        <td align=center>{{ Risk_copy }}</td>
    </tr>
    <tr>
        <td align=right>Risk-free rate (in %)</td>
        <td align=center>2.5</td>
    </tr>
    <tr>
        <td align=right>Percentage you invested into the risk-free rate in the previous period (in %)</td>
        <td align=center>{{ Risk_free_percent }}</td>
    </tr>
    <tr height="25" width="700" border="1"></tr>
    <tr>
        <td align=right>Your current fund wealth (in Points)</td>
        <td align=center>{{ player.total }}</td>
    </tr>
    <tr>
        <td align=right>Change of wealth in comparison to the previous period (in Points)</td>
        <td align=center>{{ player.payoffs }}</td>
    </tr>
</table>
<p></p>
<table id="tb1" width="400" height="100" border="1" cellpadding="0" cellspacing="0">
    <tr>
        <td align=center><b>Your current wealth</b></td>
        <td align=center>{{player.total}}</td>
    </tr>
    <tr>
        <td align=center><b>Your current rank</b></td>
        <td align=center>{{player.rank}}</td>
    </tr>
    <tr>
        <td align=center><b>Rank</b></td>
        <td align=center><b>Wealth</b></td>
    </tr>
    <tr>
        <td align=center><b>1</b></td>
        <td align=center>{{group.No1}}</td>
    </tr>
    <tr>
        <td align=center><b>2</b></td>
        <td align=center>{{group.No2}}</td>
    </tr>
    <tr>
        <td align=center><b>3</b></td>
        <td align=center>{{group.No3}}</td>
    </tr>
    <tr>
        <td align=center><b>4</b></td>
        <td align=center>{{group.No4}}</td>
    </tr>
    <tr>
        <td align=center><b>5</b></td>
        <td align=center>{{group.No5}}</td>
    </tr>
    <tr>
        <td align=center><b>6</b></td>
        <td align=center>{{group.No6}}</td>
    </tr>
</table>
<p></p>
{% next_button %}

{% endblock %}