{% extends "global/Page.html" %}
{% load static %}

{% block title %}
    End of Match
{% endblock %}

{% block content %}
<div style="font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto; padding: 20px; border: 1px solid #ddd; border-radius: 8px; background-color: #f9f9f9; text-align: center;">
    <h2 style="color: #333;">End of Match</h2>

    <div style="margin-bottom: 20px;">
        <p style="font-size: 18px;"><strong>Your total payoff for the match:</strong> {{ total_payoff }}</p>

        <p style="font-size: 18px;"> Now you will be rematched </p>
    </div>

    <form>
        <button type="submit" style="display: inline-block; padding: 10px 20px; background-color: #0275d8; color: white; border: none; border-radius: 4px; font-size: 16px; cursor: pointer;">
            Continue
        </button>
    </form>
</div>
{% endblock %}