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

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

{{ block title }}
<div style="color: blue; text-align: center;">
    {{ if en }}
        Final Results – Main Rounds
    {{ else }}
        Hasil Akhir – Ronde Utama
    {{ endif }}
</div>
{{ endblock }}

{{ block content }}

<div class="card card-info">
    <p>
        {{ if en }}
            The table below summarizes your decisions across
            {{ player_in_all_rounds|length }} main rounds.
        {{ else }}
            Tabel berikut merangkum hasil keputusan Anda selama
            {{ player_in_all_rounds|length }} ronde utama.
        {{ endif }}
    </p>
</div>

<div class="card">
    <div class="card-header">
        <b>
            {{ if en }}
                Round History
            {{ else }}
                Riwayat Ronde
            {{ endif }}
        </b>
    </div>

    <div class="table-responsive">
        <table class="table">
            <tr>
                <th>
                    {{ if en }}Round{{ else }}Ronde{{ endif }}
                </th>

                <th>
                    {{ if en }}
                        Boxes Collected
                    {{ else }}
                        Kotak Terkumpul
                    {{ endif }}
                </th>

                <th>
                    {{ if en }}
                        Bomb Collected
                    {{ else }}
                        Bom Terkena
                    {{ endif }}
                </th>

                <th>
                    {{ if en }}
                        Round Earnings
                    {{ else }}
                        Pendapatan Ronde
                    {{ endif }}
                </th>
            </tr>

            {{ for p in player_in_all_rounds }}
            <tr {% if p.round_number == round_to_pay_lucky %}
                    style="background:#fff3cd; font-weight:bold;"
                {% endif %}>

                <td>{{ p.round_number }}</td>

                <td>{{ p.boxes_collected }}</td>

                <td>
                    {{ if p.bomb_exploded }}
                        {{ if en }}Yes{{ else }}Ya{{ endif }}
                    {{ else }}
                        {{ if en }}No{{ else }}Tidak{{ endif }}
                    {{ endif }}
                </td>

                <td>{{ p.payoff_lucky }}</td>
            </tr>
            {{ endfor }}
        </table>
    </div>
</div>

<div class="card card-info">

    {{ if en }}

        We will randomly select
        <b style="color: blue;">30% of participants</b>
        to receive a bonus from this task.
        <br/>

        If you are selected, your bonus will be based on
        <strong>one randomly selected round</strong>
        from the
        <strong>{{ C.NUM_ROUNDS }}</strong>
        rounds played.

        <br><br>

        Selected round:
        <b>{{ round_to_pay_lucky }}</b><br>

        Your earnings from that round:
        <b>{{ paying_round_lucky_payoff }}</b>

    {{ else }}

        Kami akan memilih secara acak
        <b style="color: blue;">30% peserta</b>
        untuk menerima bonus dari permainan ini.
        <br/>

        Jika Anda terpilih, bonus Anda akan ditentukan berdasarkan
        <strong>satu ronde yang dipilih secara acak</strong>
        dari
        <strong>{{ C.NUM_ROUNDS }}</strong>
        ronde yang dimainkan.

        <br><br>

        Ronde yang terpilih:
        <b>{{ round_to_pay_lucky }}</b><br>

        Pendapatan Anda dari ronde tersebut:
        <b>{{ paying_round_lucky_payoff }}</b>

    {{ endif }}

</div>

<br>

{{ next_button }}

{{ endblock }}