<% local data, viewlibrary, page_info, session = ... %>
<% htmlviewfunctions = require("htmlviewfunctions") %>
<% html = require("acf.html") %>

<script type="text/javascript">
	if (typeof jQuery == 'undefined') {
		document.write('<script type="text/javascript" src="<%= html.html_escape(page_info.wwwprefix) %>/js/jquery-latest.js"><\/script>');
	}
</script>

<script type="text/javascript">
	if (typeof $.tablesorter == 'undefined') {
		document.write('<script type="text/javascript" src="<%= html.html_escape(page_info.wwwprefix) %>/js/jquery.tablesorter.js"><\/script>');
	}
</script>

<script type="text/javascript">
	$(function(){
		$("#usage").tablesorter({headers: {0:{sorter: false}, 1:{sorter: 'text'}, 2:{sorter: 'digit'}, 3:{sorter: 'digit'}}, widgets: ['zebra']});
	});
</script>

<% local subdata, pagedata = htmlviewfunctions.paginate(data.value, page_info.clientdata, 100) %>

<H1><%= html.html_escape(data.label) %></H1>
<DL>
<% htmlviewfunctions.displaypagination(pagedata, page_info) %>
<TABLE id="usage" class="tablesorter">
<THEAD>
	<TR>
		<TH>Date</TH>
		<TH>Source</TH>
		<TH>Requests</TH>
		<TH>Blocks</TH>
	</TR>
</THEAD>
<TBODY>
<% for i,stat in ipairs(subdata) do %>
	<TR>
		<TD><%= html.html_escape(stat.date) %></TD>
		<TD><%= html.html_escape(stat.sourcename) %></TD>
		<TD><%= html.html_escape(stat.numrequest) %></TD>
		<TD><%= html.html_escape(stat.numblock) %></TD>
	</TR>
<% end %>
</TBODY>
</TABLE>

<% if data.errtxt then %>
<p class='error'><%= html.html_escape(data.errtxt) %></p>
<% end %>
<% if #data.value == 0 then %>
<p>No usage stats found</p>
<% end %>
</DL>
