<h2>Leaderboard</h2>
<table class="table table-striped table-admin" id="tblGrid">
<thead>
<tr>
<th class="text-center">Graph ID</th>
<th class="text-center">Name</th>
<th class="text-center">Matches</th>
<th class="text-center">Score</th>
<th class="text-center">Duration (secs)</th>
<th class="text-center">Timestamp (SGT)</th>
</tr>
</thead>
<tbody>
<?php
for ($i = 1; $i <= 9; $i++) {
$score = $database->getBestScore($i);
if ($score != null) {
echo '<tr>' . '<td class="text-center">' . $i . '</td>' . '<td class="text-center">' . $score["name"] . '</td>' . '<td class="text-center">' . $score["num_match"] . '</td>' . '<td class="text-center">' . $score["match_score"] . '</td>' . '<td class="text-center">' . $score["duration"] . '</td>' . '<td class="text-center">' . $score["date"] . '</td>';
} else {
echo '<tr>' . '<td class="text-center">' . $i . '</td>' . '<td class="text-center">-</td>' . '<td class="text-center">-</td>' . '<td class="text-center">-</td>' . '<td class="text-center">-</td>' . '<td class="text-center">-</td>';
}
}
?>
</tbody>
</table>
</div>
<div class="container center">
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-danger btn-lg" data-toggle="modal" data-target="#resetModal">Clear Highscore</button>
</div>
<div class="container center">
