<?php
if (!isset($focused)) {
    $focused = FALSE;
}
?>
<div id="alertBox" class="alert danger hidden" role="alert"></div>

<?php if ($focused == FALSE): ?>
<h1>Resultater</h1>
<span class="float-right">[&nbsp;<a class="info" href="?focused=1" target="_blank">Fokusert visning</a>&nbsp;]</span>
<br>
<?php endif; ?>

<noscript>
Denne siden krever JavaScript
</noscript>

<div id="rankingTable">
Laster inn...
</div>

<style>
.b {
    animation: coolFlash 1s;
}

@keyframes coolFlash {
  from { background: lightgreen; }
}
</style>

<script src="<?=$this->config['root_url']?>static/js/ResultService.js"></script>
<script>
document.addEventListener('DOMContentLoaded', () => {

    alertBox     = document.getElementById("alertBox");
    rankingTable = document.getElementById("rankingTable");

    new ResultService(alertBox, rankingTable, '<?=$this->config['root_url']?>api/race/results.php?h=');
});
</script>