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

{{ block content }}


<p>
You started with a total points score of <b> {{C.STARTING_POINTS}}</b>, of which you bid <b style = "color: blue">{{player.bid_amount}}</b>.
</p>

<p>
    Your competitor's bid amount was <b style = "color: #D32B2B">{{competitor_bid_amount}}</b>.
</p>

{{if player.winner}}

<p>
    Your final points score: <strong style = "color: blue" > {{winner_payoff}}</strong> and you have won an additional: <b>£{{winner_points}}</b>
</p>

{{else}}

<p>
    
    Your final points score  is: <b style = "color: blue">{{loser_payoff}}</b> and you have won an additional: <b>£{{loser_points}}</b>
</p>

{{endif}}

{{ next_button }}
<hr>
<div style> <img src="{% static "UCL/UCL.png" %}"width="950"/>  
</div>


{{ endblock }}

{{ block scripts }}
<script>
document.addEventListener("DOMContentLoaded", function () {
    // Get a reference to the back button element
    var backButton = document.getElementById("back-button");

    // Add a click event listener to the back button
    backButton.addEventListener("click", function () {
        // Use the browser's history object to navigate back
        window.history.back();
    });
});

</script>
{{ endblock }}