{{ 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>
            Exit?
        {{ else }}
            Ronde Sebenarnya <br>
            Keluar?
        {{ 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>

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

    <div class="choice-container">
        <h4 style="text-align:center;">
            {{ if en }}
                We would like to confirm your answer once again. Please select one of the following options:
            {{ else }}
                Kami ingin mengonfirmasi jawaban Anda sekali lagi. Silakan pilih salah satu opsi berikut:
            {{ endif }}
        </h4>

        {{ if en }}
        <!-- CONTINUE -->
        <label class="choice-image-card">
            <input type="radio"
                   name="play_round_sure"
                   value="False"
                   required>

            <img src="{{ static 'Green_Continue.png' }}"
                 width="200"
                 class="choice-image">
        </label>

        <!-- STOP -->
        <label class="choice-image-card">
            <input type="radio"
                   name="play_round_sure"
                   value="True">

            <img src="{{ static 'Red_Stop.png' }}"
                 width="200"
                 class="choice-image">
        </label>

        {{ else }}

                <!-- CONTINUE -->
        <label class="choice-image-card">
            <input type="radio"
                   name="play_round_sure"
                   value="False"
                   required>

            <img src="{{ static 'Green_Continue_ID.png' }}"
                 width="200"
                 class="choice-image">
        </label>

        <!-- STOP -->
        <label class="choice-image-card">
            <input type="radio"
                   name="play_round_sure"
                   value="True">

            <img src="{{ static 'Red_Stop_ID.png' }}"
                 width="200"
                 class="choice-image">
        </label>

        {{ endif }}
    </div>

    <br/>

    <div class="result-card">
        <p style="text-align:center;">
            <div class="balance-amount" style="color: red;">
                <strong>
                    {{ if en }}
                        The game will end if you choose not to play.
                    {{ else }}
                        Permainan akan berakhir jika Anda memilih untuk tidak bermain.
                    {{ endif }}
                </strong>
            </div>
        </p>
    </div>

    <br/>

</div>

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

{{ endblock }}