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

<div class="card m-4">
    <div class="card-header bg-success text-white">
        <h4 class="m-0">Laboratory part payment</h4>
    </div>
    <div class="card-body">
        <div class="alert alert-primary text-center">
            <h3>{{ final_payment_czk }} CZK</h3>
        </div>

        <p><strong>Selected rounds:</strong> {{ paidroundsstr }}</p>
        <p><strong>Total points:</strong> {{ pgg_payoff_sum }} points</p>
        <p><strong>PGG payment in CZK:</strong> {{ pgg_payoff_sum }} points x 3 = {{ pgg_czk_total }} CZK</p>
        <p><strong>Guessing bonuses:</strong> {{ norms_total_bonus }} CZK</p>
    </div>
</div>

<div class="card m-4">
    <div class="card-header bg-info text-white">
        <h4 class="m-0">Online part payment</h4>
    </div>
        <div class="card-body">
        <div class="alert alert-primary text-center">
            <h3>{{ part1_czk }} CZK</h3>
        </div>
    <div class="card-body">
        <p>Coordination Dilemma role: <strong>{{ pd_role }}</strong>, payoff: <strong>{{ pd_payoff }} points</strong></p>
        <p>Allocation Task role: <strong>{{ epper_role }}</strong>, payoff: <strong>{{ epper_final }}</strong></p>
        <p>Bomb game payoff: Bomb hit: <strong>{{ bomb }}</strong>, payoff: <strong>{{ bret_payoff }}</strong></p>
        <p>Total online points: <strong> {{ part1_points_total }}</strong></p>
        <p>Online part conversion: 30 points = 1 CZK</p>
        <p><strong>{{ part1_points_total }} / 30 = {{ part1_czk }} CZK</strong></p>
    </div>
</div>

<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 computer number to scan your QR code or hand you cash. 
        Please wait quietly at your desk.
    </p>
</div>

{{ endblock }}