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

{{ block title }}

<p style="color: blue; text-align: center; ">Coin Flip Game: Practice Round</p>

{{ endblock }}

{{ block content }}

<p>
The research team designed this coin flip game based on
common mechanisms used in casino-style games.

The outcome of each round is determined by a system with specific settings.
</p>

<p>
This game will consist of <strong>20 rounds</strong>.
Before the main rounds, you will have five <strong>(5) practice rounds</strong> to familiarize yourself with the game.
The results of the practice rounds <strong>will not</strong> be counted toward your final payment.
</p>

<p style="color: blue;">
For payment purposes, we will randomly select 2 out of every 10 participants
to receive a bonus from this game.
</p>

<p>
<u>Bonus payment will be based on your balance at the end of the game.</u>
</p>

<p>
You will receive an initial balance of <span style="color: green;"><strong>Rp 50,000</strong></span>
to play this coin flip game.

In each round, you will choose one side of the coin (Heads or Tails).

The outcome of each round will be randomly determined by the system.
</p>

<div style="display:flex; justify-content:center; gap:60px; margin:20px 0;">

    <div style="text-align:center;">
        <img src="{{ static 'Coin_Head2.png' }}" width="220">
        <p><strong><p style="color: blue;">Heads</p></strong></p>
    </div>

    <div style="text-align:center;">
        <img src="{{ static 'Coin_Tail2.png' }}" width="220">
        <p><strong><p style="color: blue;">Tails</p></strong></p>
    </div>

</div>


    {{ formfields }}

<br>

<button class="btn btn-primary btn-lg" type="submit">
    Start Practice Round
</button>


{{ endblock }}