<h2>Table of Scores</h2>

<table class="table">
    <thead>
    <tr>
        <th>#</th>
        <th>Player ID</th>
        <th>Player Name</th>
        <th>Game Score</th>
        <th>Won</th>
        <th>Won Score</th>
        <th>Lost</th>
        <th>Lost Score</th>
        <th>Opponents Lost</th>
        <th>Opponents Lost Score</th>
        <th>Total Score</th>
    </tr>
    </thead>
    <tbody>
    {% for index, row in evaluation_data.iterrows() %}
    <tr>
        <th>{{ index }}</th>
        <th>{{ row.player_id }}</th>
        <th>{{ row.player_name }}</th>
        <th>{{ row.score }}</th>
        <th>{{ row.won }}</th>
        <th>{{ row.won_score }}</th>
        <th>{{ row.lost }}</th>
        <th>{{ row.lost_score }}</th>
        <th>{{ row.opponents_lost }}</th>
        <th>{{ row.opponents_lost_score }}</th>
        <th>{{ row.total_score }}</th>
    </tr>
    {% endfor %}
    </tbody>
</table>
