{{ block title }}Final Payment{{ endblock }}
{{ block content }}

<div class="card text-center m-4">
    <div class="card-header">
        <h2>Total Experiment Earnings</h2>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-md-4">
                <h5>Laboratory part</h5>
                <p class="text-muted" style="font-size: 1.2rem;">{{ pgg_part_czk }} CZK</p>
            </div>
            <div class="col-md-4">
                <h5>Online part</h5>
                <p class="text-muted" style="font-size: 1.2rem;">{{ part1_czk }} CZK</p>
            </div>
            <div class="col-md-4">
                <h5><strong>Total</strong></h5>
                <h3 class="text-success" style="font-size: 2rem;">{{ grand_total }} CZK</h3>
            </div>
        </div>
    </div>
</div>

<hr>

<div class="alert alert-info">
    <h4>Payment Instructions</h4>
    <p>
        If you wish to receive a cashless payment, please create a QR code for the amount of 
        <strong>{{ grand_total }} CZK</strong> in your banking app now.
    </p>
    <p>
        The experimenter will call you by your ID to scan your QR code or hand you cash. 
        Please wait quietly at your desk.
    </p>
</div>

{{ endblock }}