{{ extends 'global/Page.html' }}
{{ block title }}Results{{ endblock }}

{{ block content }}

  <style>
        body {
            margin: 20px;
            padding: 20px;
            position: relative;
        }
        .content {
            border: 2px solid gray;
            padding: 20px;
             text-align: justify;
            
        }
        .next-button {
            position: absolute;
            bottom: 10px;
            right: 10px;
            background-color: blue;
            color: white;
            padding: 10px 20px;
            border: none;
            cursor: pointer;
        }
    </style>

    <div class="content">

<P>
    Your effort in this round was <B>{{ player.Effort }}</B> . The computer drew a  <B>{{player.Firstdraw}} ball </B>. Since your type is {{player.Type}}  the multiplier is <B>{{player.Multiplier111}}</B>. You'll gain <B>{{player.NETEFFORT1}}</B> points for your efforts, and completing the first task will earn you <B>$ {{player.PAY1}}</B>. 
    </P>
        <P>
             <center>
         Your total payoff is <B>$ {{player.Money}}</B>   
   
    </center>
        </P>
   
        
   
<P>
    You will now complete another period of the same math task. At the end of 3 minutes, the ball that was just drawn will be returned to the bag and the computer will draw another ball from the same bag at random to determine the multiplier. 
        </P>        
</div>

  <P>
     <div align ="center">
    {{ next_button }}
    </div>
    
    </P>



{{ endblock }}