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

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

{% block content %}

    <p class="text-success">
        Thank you for participating in this experiment.
        To determine your bonus payment, you can now open the envelope together with the experimenter.
        Without the bonus payment, you earned ABC €.
    </p>

    <div class="panel panel-success">

        <div class="panel-heading">
                Statistics
        </div>

        <ul>
            <li>subject_id: "{{subject_id}}"</li>
            <li>subject_study: "{{subject_study}}"</li>
            <li>degree: "{{degree}}"</li>
            <li>nationality: "{{nationality}}"</li>
            <li>german: "{{german}}"</li>
            <li>crt_bat_answer: {{crt_bat_answer}}</li>
            <li>crt_widget_answer: {{crt_widget_answer}}</li>
            <li>crt_lake_answer: {{crt_lake_answer}}</li>
            <li>crt_gamble_four_answer: {{crt_gamble_four_answer}}</li>
            <li>crt_repetitions_answer: {{crt_repetitions_answer}}</li>
            <li>crt_gamble_two_answer: {{crt_gamble_two_answer}}</li>
            <li>crt_gamble_three_answer: {{crt_gamble_three_answer}}</li>
            <li>crt_gamble_five_answer: {{crt_gamble_five_answer}}</li>
            <li>crt_gamble_six_answer: {{crt_gamble_six_answer}}</li>
            <li>crt_gamble_seven_answer: {{crt_gamble_seven_answer}}</li>
        </ul>

        <table border="1">
            <tr>
                <th>num_counting_correct</th>
                <th>num_counting_correct</th>
                <th>score</th>
            </tr>
            {% for round in counting_task_rounds %}
            <tr>
                <td>{{ round.num_counting_attempts }}</td>
                <td>{{ round.num_counting_correct }}</td>
                <td>{{ round.task_score }}</td>
            </tr>
            {% endfor %}
        </table>
        <br />
        Placement Score: {{ placement_score }}
        <br />
        Cumulative Payoff: {{ cumulative_payoff }}
    </div>

{% endblock %}