{% 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>

    </table>

    <h3>Participants</h3>


    <table class="table table-striped">
        <tr>
            <th>Participant code</th>
            <th>Participant label</th>
            <th>Progress</th>
            <th>Final Payoff (Pts)</th>
            <th>Final Payoff + Part.Fee</th>
            <th>Forced Time-Out?</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>{{ p.payoff }}</td>
            <td>{{ final_payoff_plus_part_fee }}</td>
            <td>{{ p.vars.forced_timeout }}</td>
        </tr>
        {% endfor %}

    </table>


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