<a name="customersByDateAnchor"></a>
<div style="text-align:right">
	<div style="padding-bottom:0px">
		{% lang 'CustomersPerPage' %}:
		<select onchange="ChangeCustomersByDatePerPage(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 'CustomerID' %} &nbsp;
							{{ SortLinksCustId|safe }}
						</th>

						<th align="left">
							{% lang 'StatsCustomerName' %} &nbsp;
							{{ SortLinksCust|safe }}
						</th>

						<th align="left">
							{% lang 'StatsEmail' %} &nbsp;
							{{ SortLinksEmail|safe }}
						</th>

						<th align="left">
							{% lang 'StatsDateJoined' %} &nbsp;
							{{ SortLinksDate|safe }}
						</th>

						<th align="right">
							{% lang 'StatsOrders' %} &nbsp;
							{{ SortLinksNumOrders|safe }}
						</th>

						<th align="right">
							{% lang 'StatsAmountSpent' %} &nbsp;
							{{ SortLinksAmountSpent|safe }}
						</th>

						<th nowrap align="left">
							{% lang 'Action' %}
						</th>
					</tr>
				</thead>

				<tbody>
					{{ CustomerGrid|safe }}
				</tbody>
			</table>
		</div>
	</div>
</div>
{{ JumpToCustomersByDateGrid|safe }}
