{{ block title }}
<span style="color: red;">Practice Round Result</span>
{{ endblock }}

{{ block content }}
<div class="card m-3">
    <div class="card-header">
        <h3>How to Play</h3>
    </div>
    <div class="card-body" id="rules">
        <p>
            On this page you will see the game result. Since it is practice round, the payoff here is an example and will not be realized.<br>
            This is the practice round.<br>
            You must pass the following quiz about the game rules to start the official rounds.
        </p>
    </div>
</div>

<div class="card bg-light m-3">
    <div class="card-body">
        
        <p>
            {{ if player.is_winner }}
                You won. Your payoff in this round is {{ player.temp_payoff }}.
            {{ else }}
                You lost. Your payoff in this round is {{ player.temp_payoff }}.
            {{ endif }}
        </p> 
    </div>
</div>

<style>
    p {
        font-size: 18px;
    }
    .card {
            background-color: lightyellow;
        }
</style>

{{ next_button }}

{{ endblock }}