{{ extends "global/Page.html" }}

{{ block styles }}
<link href="{{ static 'custom.css' }}" rel="stylesheet"/>

{{ endblock }}

{{ block title }}
<div style="color: blue; text-align: center;">
Hasil Akhir Ronde Latihan
</div>
{{ endblock }}

{{ block content }}

<div class="card card-info">
    <p>
        Tabel berikut merangkum hasil keputusan Anda dalam
        {{ player_in_all_rounds|length }} ronde latihan.
    </p>
</div>

<div class="card">
    <div class="card-header">
        <b>Riwayat Ronde</b>
    </div>

    <div class="table-responsive">
        <table class="table">
            <tr>
                <th>Ronde</th>
                <th>Boxes dikumpulkan</th>
                <th>Bomb terkena</th>
                <th>Payoff</th>
            </tr>

            {{ for p in player_in_all_rounds }}
            <tr {% if p.round_number == round_to_pay_lucky_trial %}style="background:#fff3cd; font-weight: bold;"{% endif %}>
                <td>{{ p.round_number }}</td>
                <td>{{ p.boxes_collected }}</td>
                <td>
                    {{ if p.bomb_exploded }}
                        Ya
                    {{ else }}
                        Tidak
                    {{ endif }}
                </td>
                <td>{{ p.payoff_lucky_trial }}</td>
            </tr>
            {{ endfor }}

        </table>
    </div>
</div>

<div class="card card-info">
    Kami akan memilih <b style="color: blue;">30% dari peserta</b> untuk menerima bonus dari permainan ini. <br/>
    Apabila Anda merupakan salah satunya, Anda akan mendapatkan bonus dari permainan ini.
    Dari 5 ronde yang dimainkan, satu ronde dipilih secara acak.<br><br>

    Ronde yang terpilih: <b>{{ round_to_pay_lucky_trial }}</b><br>
    Pendapatan Anda dari ronde tersebut: <b>{{ paying_round_lucky_trial_payoff }}</b>
</div>

<br>
{{ next_button }}

{{ endblock }}