{{ block content }}

<style>
    .otree-timer {
        display: none;
    }
</style>

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

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

    <h3>
        Choose how many lottery you want to buy!
    </h3>

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

  <p>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;—— —— —— —— ——<br>
   &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&thinsp;/&emsp;&emsp;&emsp;&emsp; &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&thinsp;&thinsp;/<br>
   &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&ensp;&thinsp;/&emsp;&emsp;&emsp;&emsp;<strong>Lottery</strong>&emsp;&emsp;&emsp;&emsp;/<br>
   &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&thinsp;/&emsp;&emsp;&emsp;&emsp; &emsp;&emsp;&emsp;&emsp;&emsp;&emsp; &emsp;/<br>
   &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&ensp;&thinsp;/&emsp;&emsp;&emsp;6%&emsp;Chance&emsp;&emsp;&ensp;/  <br>
   &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&thinsp;/&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&ensp;/<br>
   &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&ensp;&thinsp;/&emsp;&emsp;Win 80 Tokens!&emsp;&emsp;&thinsp;/     <br>
   &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&thinsp;/&emsp;&emsp;&emsp;&emsp; &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&thinsp;/<br>
   &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;—— —— —— —— ——</p>

        <p> In average for this lottery, you will win 1 time every 10 lotteries</p>
        <p> The threshold number of pity system is 14</p>
    </div>
</div>

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

        <p>Your remaining tokens are <strong>{{ token }}</strong>.</p>

        <p>You have bought <strong>{{ count }}</strong> lotteries up to now.</p>

        <p>You have won <strong>{{ win }}</strong> times up to now.</p>

        <p>Your accumulative pity number is <strong>{{ pity }}</strong>.</p>

<p><button name="wish" value="1" class="btn btn-primary btn-large">Buy 1</button></p>
<p><button name="wish" value="10" class="btn btn-primary btn-large">Buy 10</button></p>

<p></p>
<p>If you feel enough and want to stop buying lottery and skip,please click <button name="wish" value="0" class="btn btn-primary btn-large">skip</button></p>

    </div>
</div>




{{ endblock }}