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

{{ block title }}
<div class="game-wrapper" style="text-align: center; color: lime">
    <div class="result-card">
        {{ if en }}
            Real Rounds <br>
            Round Number: {{ player.round_number }} of {{ C.NUM_ROUNDS }}
        {{ else }}
            Ronde Sebenarnya <br>
            Ronde Nomor: {{ player.round_number }} dari {{ C.NUM_ROUNDS }}
        {{ endif }}
    </div>
</div>
{{ endblock }}

{{ block content }}
<div class="game-wrapper">

    <div class="game-header">
        <div class="result-card">
            <h2 style="text-align:center;">
                💵
                {{ if en }}
                    Your Balance
                {{ else }}
                    Saldo Anda
                {{ endif }}

                <div class="balance-amount">{{ balance }}</div>
            </h2>
        </div>
    </div>

    <br>

    <span style="text-align: left;">
        <p>
            <b>
                {{ if en }}
                    The game will end if you choose not to play.
                {{ else }}
                    Permainan akan berakhir jika Anda memilih untuk tidak bermain.
                {{ endif }}
            </b>
        </p>

        <p>
            <b style="color:white;"><strong>
                {{ if en }}
                    Do you want to play this round?
                {{ else }}
                    Apakah Anda ingin bermain di ronde ini?</strong>
                {{ endif }}
            </b>
        </p>

        {{ formfield 'play_round' }}
    </span>

    <br/>

    <div class="result-card">
        <p style="text-align:center;">
            {{ if en }}
                If you win this round:<br>
                <strong>
                    <div class="balance-amount">
                        {{ multiplier }}× your bet
                    </div>
                </strong>
            {{ else }}
                Jika Anda menang di ronde ini:<br>
                <strong>
                    <div class="balance-amount">
                        {{ multiplier }}× taruhan Anda
                    </div>
                </strong>
            {{ endif }}
        </p>
    </div>

    <br/>

</div>

<div class="next-btn-center">
    {{ next_button }}
</div>

{{ endblock }}