{{ block title }}
    Practice Round Result
{{ 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.<br>
            This is the practice round so the payoff does not count.<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>
            The target number is {{ player.target_number }}.<br>
            Your number is {{ player.number }}, and the number drawn from the database is {{ player.the_other_number }}.<br>
            {{ result }} Your payoff in this round is {{ player.payoff }}.
        </p>
    </div>
</div>

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

{{ next_button }}
{{ endblock }}