{{extend 'layout.html'}}
<div id="pageTitle" class="header">
    List of Current Log Entries
</div>
<p style="text-align: center;">
    This page is just an exploration.  It won't appear in the final application.  We won't build our pages in this manner, either. 
</p>
    <table border="1" cellpadding="5" style="margin: 0% 20% 0% 20%;">
        <tr>
        <th></th>
        <th>DTM<br>Area</th>
        <th>Closure ID / <br>Log No.</th>
        <th>Route &amp; Dir /<br>Type of Closure</th>
        <th>Start Date<br>End Date<br>Est. Delay</th>
        <th>Facility</th>
        <th>Limits</th>
        <th>Work<br>Description</th>
        <th>TMP</th>
        <th>Requestor/<br>Radio Call No.</th>
        </tr>
{{for hwy in highways:}}
        <tr>
<td><INPUT type="checkbox"/></td>
<td align="center">{{=hwy.closureid[0]}}</td>
<td align="center">{{=hwy.closureid}}<BR><HR>{{=hwy.lognum}}</td>
<td align="center">{{=hwy.route}}&nbsp;{{=hwy.direction}}<BR><HR>{{=hwy.closuretype}}</td>
<!-- Format date from YYYYMMDD into MMDDYYY -->
<td align="center">{{=hwy.startdate}}<BR><HR>{{=hwy.enddate}}<BR><HR>{{=hwy.estdelay}}</td>
{{=TD(hwy.facility)}}
<td align="center">{{=hwy.startlocation}}<BR><HR>{{=hwy.endlocation}}</td>
{{=TD(hwy.worktype)}}
    <td align="center">{{=hwy.tmpcozeep}}<BR>{{=hwy.tmpdetour}}</td>
{{=TD(hwy.supervisor)}}
{{pass}}
        </tr>
    </table>