{{ block title }}
{{ endblock }}

{{ block content }}
<style>
h3 {
  text-align: center;
}
</style>

<div class="card bg-light m-3">
    <div class="card-body">

    <h3>
        Result
    </h3>

    <link rel="stylesheet" type="text/css"
          href="{{ static 'global/matrix.css' }}"/>

<p>Great! You have finished the gambling part.</p>

<p>you have bought {{ total_wish }} lotteries.</p>

<p>you have won {{ total_win }} times.</p>

<p>you have remaining {{ remaining_token }} tokens.</p>

<p> Every 500 tokens worth 1 dollar.</p>

        <p> So your total payment right now is ({{ remaining_token }} + 80*{{ total_win }})/500 + 2 = <strong>{{ payment }}</strong> dollars.</p>

<p>Please click {{ next_button }} to do the final survey</p>

    </div>
</div>

{{ endblock }}