{{!< default}}

<div style="background:#D1E0E0" class="jumbotron">
    <h1 class="text-center">TT Tennis Courts Are...</h1>
</div>

{{! Index-0 is the most recent message. }}
<div class="jumbotron {{values.0.statusclass}}">
    <h1 class="text-center"><b>{{values.0.status}}</b></h1>
</div>
<div>
    <h3 class="text-center">Update received: {{values.0.pubdate}}, {{values.0.pubtime}}</h3>
</div>
<hr></hr>
<div>
    <h4 class="text-center">Prior update was: {{values.1.status}} at {{values.1.pubdate}}, {{values.1.pubtime}}</h4>
</div>

<hr></hr>
<div>
    <a href="javascript:location.reload()" class="btn btn-primary col-xs-4 col-xs-offset-4">Check Again</a>
</div>
</br>
<hr></hr>

<script>
    setTimeout(
        function() {
            location.reload();
        }, 60000
    );
</script>