{% load otree %}


{% block title %}


{% endblock %}

{% block content %}


    <STYLE TYPE="text/css"> <!-- .indented { padding-left: 50pt; padding-right: 50pt; } --> </STYLE>

    <p>Total Compensation for this Session:</p>

    <table>
        <tr>
            <td>
                <table>
                    <tr><td align="center">Participant Number</td></tr>
                    {% for participant_number in participants %}
                        <tr><td align="center">{{ participant_number }} </td></tr>
                    {% endfor %}
                </table>
            </td>
            <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
            <td>
                <table>
                    <tr><td align="center">Total Comp</td></tr>
                    {% for total_compensation in totalcomp %}
                        <tr><td align="center">{{ total_compensation }} </td></tr>
                    {% endfor %}
                </table>
            </td>
            <td>&nbsp;&nbsp;&nbsp;&nbsp; </td>
            <td>
                <table>
                    <tr><td align="center">Comp Period</td></tr>
                    {% for pay_period in payperiod %}
                        <tr><td align="center">{{ pay_period }} </td></tr>
                    {% endfor %}
                </table>
            </td>
            <td>&nbsp;</td>
        </tr>
    </table>

{% endblock %}

{% block styles %}
    <STYLE TYPE="text/css">
        label {font-weight: normal !important;}
    </STYLE>
{% endblock %}