<a name="ordersByDateAnchor"></a>
<div style="text-align:right">
	<div style="padding-bottom:0px">
		{% lang 'OrdersPerPage' %}:
		<select onchange="ChangeOrdersByDatePerPage(this.options[this.selectedIndex].value)">
			<option {{ IsShowPerPage5|safe }} value="5">5</option>
			<option {{ IsShowPerPage10|safe }} value="10">10</option>
			<option {{ IsShowPerPage20|safe }} value="20">20</option>
			<option {{ IsShowPerPage30|safe }} value="30">30</option>
			<option {{ IsShowPerPage50|safe }} value="50">50</option>
			<option {{ IsShowPerPage100|safe }} value="100">100</option>
			<option {{ IsShowPerPage200|safe }} value="200">200</option>
		</select>
	</div>
	{{ Paging|safe }}
</div>
<br style="clear: both;" />
<div class="panel panel-color panel-primary">
	<div class="panel-body pn">
		<div class="table-responsive">
			<table width="100%" border="0" cellspacing="1" cellpadding="5" class="table table-striped">
				<thead>
					<tr>
						<th nowrap align="left">
							{% lang 'OrderID' %} &nbsp;
							{{ SortLinksId|safe }}
						</th>

						<th nowrap align="left">
							{% lang 'Customer' %} &nbsp;
							{{ SortLinksCust|safe }}
						</th>
						
						<th nowrap align="left">
							{% lang 'Date' %} &nbsp;
							{{ SortLinksDate|safe }}
						</th>
						
						<th nowrap align="left">
							{% lang 'Total' %} &nbsp;
							{{ SortLinksTotal|safe }}
						</th>
						
						<th nowrap align="left">
							{% lang 'Action' %}
						</th>
					</tr>
				</thead>

				<tbody>
					{{ OrderGrid|safe }}
				</tbody>
			</table>
		</div>
	</div>
</div>
{{ JumpToOrdersByDateGrid|safe }}