{% load otree %}


<div class="container" style='max-width:970px'>
    <p>
    Generated: <strong>{% now "DATETIME_FORMAT" %}</strong>
    </p>


    <h3>Session</h3>
    <table class="table">
        <tr>
            <th>Session config</th>
            <td>{{ session.config.name }}</td>
        </tr>

        <tr>
            <th>Session code</th>
            <td style="font-family: 'Courier New'">{{ session.code }}</td>
        </tr>

        <tr>
            <th>Experimenter name</th>
            <td>{{ session.experimenter_name|default_if_none:"" }}</td>
        </tr>

        <tr>
            <th>Payment round</th>
            <td>{{ session.vars.paying_round }}</td>
        </tr>

    </table>

    <h3>Participants</h3>


    <table class="table table-striped">
        <tr>
            <th>Participant code</th>
            <th>Participant label</th>
            <th>Progress</th>
            <th>Participation fee</th>
            <th>Payoff</th>
            <th>Total (rounded)</th>
            <th>Sliders</th>
        </tr>

        {% for p in participants %}
        <tr>
            <td style="font-family: 'Courier New'">{{ p.code }}</td>
            <td>{{ p.label|default_if_none:"" }}</td>
            <td>{{ p.current_page_ }}</td>
            <td>{{ participation_fee }}</td>
            <td>{{ p.payoff_in_real_world_currency }}</td>
            <td>€{{ p.vars.rounded_final_euro_payoff }}</td>
            <td>{{ p.vars.final_sliders }}</td>
        </tr>
        {% endfor %}

    </table>


    <h3>Notes/Signature</h3>
    <div class="card bg-light">
        <br/>
        <br/>
        <br/>
    </div>
</div>