{{ 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 }}
            Practice Round <br>
            Exit?
        {{ else }}
            Ronde Latihan <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">
                    {{ participant.vars.balance }}
                </div>
            </h2>

        </div>
    </div>

    <br>

    <div class="result-card">
        <p style="text-align:center;">

            {{ if en }}
                If you win this round:
            {{ else }}
                Jika Anda menang pada ronde ini:
            {{ endif }}

            <br>

            <div class="balance-amount">
                {{ multiplier }}×

                {{ if en }}
                    your bet
                {{ else }}
                    taruhan Anda
                {{ endif }}
            </div>

        </p>
    </div>

    <br>

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

        <h2 style="color: red; text-align:center;">

            <strong>

                {{ if en }}
                    The game will end <br/>
                    if you choose not to play.
                {{ else }}
                    Permainan akan berakhir <br/>
                    jika Anda memilih untuk tidak bermain.
                {{ endif }}

            </strong>

        </h2>

    </div>

    <br/>

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

</div>

{{ endblock }}