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

{{ block title }}
<p style="color: blue; text-align: center; ">Coin Flip Game: Real Round</p>
{{ endblock }}

{{ block content }}

<p>
You will now begin the real rounds of the coin flip game.
The rules are the same as in the practice rounds.
<br/>
The mechanism in the real rounds is still based on the general mechanisms used in casino-style games.
The outcome of each round is determined by the system with specific settings.
<br/>
You may play up to <strong>20 rounds</strong>, or you may stop earlier
by choosing <em>"No, I want to stop playing"</em>.
<br/>
The results from this session may be used to determine 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>
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>

<button class="btn btn-primary btn-lg" type="submit">
    Start Real Rounds
</button>

{{ endblock }}