{{!< default}}

{{! 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:history.go(0)" 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>