{{ block content }}
    <h2>Final results</h2>
       
    {% if graph %}
    
        <img src="data:image/png;base64,{{ graph }}" alt="Graph">
    {% endif %}
    
    <p>  This chart shows your prediction and the market price in each round. </p>
    
   <table>
       <thead>
           <tr>
               <th style="padding: 10px;">Round</th>
               <th style="padding: 10px;">Your prediction</th>
               <th style="padding: 10px;">Actual Price</th>
               <th style="padding: 10px;">Points earned this round</th>
                            
           </tr>
       </thead>
       <tbody>
           {% for prev_round in player.in_previous_rounds %}
               <tr style="border-bottom: 1px solid #ddd;">
                   <td style="padding: 10px;">{{ prev_round.round_number }}</td>
                   <td style="padding: 10px;">{{ prev_round.exp }}</td>
                   <td style="padding: 10px;">{{ prev_round.group.market_price }}</td>
                   <td style="padding: 10px;">{{ prev_round.payoffs }} points</td>
                                     
               </tr>
           {% endfor %}
       </tbody>
   </table>


<style>
    .centered-sentence {
        text-align: center;
        margin-top: 20px; /* Adjust this value to control the vertical spacing */
    }
    
    .centered-text {
        text-align: center;
    }
</style>

     
    {{ next_button }}
{{ endblock }}