{{ block title }}
Pressing Task Complete </br>
Please proceed to the next page.
{{ endblock }}

{{ block content }}
<div class="container">
    <div class="row">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">
                    <h3>Pressing Task Complete</h3>
                </div>
                <div class="card-body">
                    <p>Please click the button below to proceed to the next page.</p>
                    
                   
                        <div class="col-md-12">
                            <div class="card bg-success text-white">
                                <div class="card-body text-center">
                                    <h5>A/B Game Score</h5>
                                    <h3>{{ab_score}} points</h3>
                                    <small>Total presses: {{ab_total_presses}}</small>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="alert alert-info">
                        <h5>Summary:</h5>
                        <ul>
                            <li><strong>A/B Pressing Game Score:</strong> {{ab_score}} points</li>
                            <li><strong>Total Button Presses:</strong> {{ab_total_presses}}</li>
                            {% if condition == 1 %}
                            <li>Your score did not affect your payment</li>
                            {% elif condition == 2 %}
                            <li>Red Cross will receive {{red_cross_donation|c}} for your performance</li>
                            {% else %}
                            {% if self_select_choice == 1 %}
                            <li>You chose to keep your bonus - your score did not affect your payment</li>
                            {% else %}
                            <li>You chose to donate - Red Cross will receive {{red_cross_donation|c}}  for your performance</li>
                            {% endif %}
                            {% endif %}
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</br>
{{next_button}}
{{ endblock }}