{{!< default}}

<div style="background: url(/banner-bg.jpg) no-repeat center center; background-size: cover; color: #fff" 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>
    <form action="/" method="post" onsubmit="setTimeout(function () { window.location.reload(); }, 1000)">
        <button type="submit" class="jumbotron {{values.0.oppstatus}} col-xs-4 col-xs-offset-4 btn btn-primary"><h2>Change Status to: {{values.0.prettystatus}}</h2></button>
        <input name="status" class="hidden" value="{{values.0.prettystatus}}"/>
        <input name="loc" class="hidden" value="{{values.0.loc}}"/>
    </form>
</div>