{{ block title }}
    Part 1 Payment summary
{{ endblock }}

{{ block content }}

{% comment %}
<div class="card mb-4">
    <div class="card-header bg-warning">
        <b>DEBUG: Loaded Data for ID {{ p1_id }}</b>
    </div>
    <div class="card-body">
        <table class="table table-bordered table-sm">
            <thead>
                <tr>
                    <th>Variable</th>
                    <th>Value Loaded</th>
                </tr>
            </thead>
            <tbody>
                <!-- EXISTING LOADING DATA -->
                <tr>
                    <td>Finished Part 1?</td>
                    <td>
                        {{ if finished }}
                            <span class="badge badge-success">YES</span>
                        {{ else }}
                            <span class="badge badge-danger">NO</span>
                        {{ endif }}
                    </td>
                </tr>
                <tr>
                    <td>PD Cooperation (Unconditional)</td>
                    <td>{{ cooperate_PD }}</td>
                </tr>
                <tr>
                    <td>PD Conditional (if Other=C)</td>
                    <td>{{ cooperate_Cond_PD_C }}</td>
                </tr>
                <tr>
                    <td>PD Conditional (if Other=D)</td>
                    <td>{{ cooperate_Cond_PD_D }}</td>
                </tr>
                <tr>
                    <td>BRET: Boxes Collected</td>
                    <td>{{ boxes_collected }}</td>
                </tr>
                <tr>
                    <td>BRET: Bomb Hit?</td>
                    <td>{{ bomb }}</td>
                </tr>
                <tr>
                    <td>Epper Scenario Selected</td>
                    <td>{{ epper_scenario }}</td>
                </tr>
                <tr>
                    <td>Epper Choice (Row)</td>
                    <td>{{ epper_choice }}</td>
                </tr>
                <tr>
                    <td><strong>Epper Payoff (Self)</strong></td>
                    <td><strong>{{ epper_payoff_me }}</strong></td>
                </tr>
                <tr>
                    <td><strong>Epper Payoff (Other)</strong></td>
                    <td><strong>{{ epper_payoff_other }}</strong></td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

{% endcomment %}

<!-- NEW SECTION: CALCULATED RESULTS -->
<div class="card border-info">
    <div class="card-header bg-info text-white">
        <b>Calculated Payoffs for online part </b>
    </div>
    <div class="card-body">
        <div class="row">
            <!-- PD RESULT -->
            <div class="col-md-4">
                <h5 class="text-primary">Coordination Dilemma</h5>
                <ul class="list-unstyled">
                    <li>Role: <strong>{{ pd_role }}</strong></li>
                    <li>Payoff: <strong>{{ pd_payoff }} points</strong></li>
                </ul>
            </div>
            
            <!-- EPPER RESULT -->
            <div class="col-md-4 border-left">
                <h5 class="text-success">Allocation Task</h5>
                <ul class="list-unstyled">
                    <li>Role: <strong>{{ epper_role }}</strong></li>
                    <li>Payoff: <strong>{{ epper_final }}</strong></li>
                </ul>
            </div>
            
            <!-- BRET RESULT -->
            <div class="col-md-4 border-left">
                <h5 class="text-danger">Bomb Game</h5>
                <ul class="list-unstyled">
                    <li>Bomb Hit: <strong>{{ bomb }}</strong></li>
                    <li>Payoff: <strong>{{ bret_payoff }} points</strong></li>
                </ul>
            </div>
        </div>
        
        <div class="alert alert-warning text-center" style="margin-top: 20px;">
            <h4>Conversion to CZK</h4>
            <p>
                Total Points: <strong>{{ part1_points_total }}</strong>
                <br>
                Conversion for online part: <strong>30 points = 1 CZK</strong>
                <br>
                {{ part1_points_total }} points / 30 = <strong>{{ part1_czk}} CZK</strong>
            </p>
        </div>

<br>
{{ next_button }}

{{ endblock }}