<a name="ordersByAbandonAnchor"></a>
<div style="text-align:right">
	<div style="padding-bottom:0px">
		{% lang 'OrdersPerPage' %}:
		<select onchange="ChangeOrdersByAbandonPerPage(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;
							{{ SortLinksOrderId|safe }}
						</th>

						<th nowrap align="left">
							{% lang 'Customer' %} &nbsp;
							{{ SortLinksCustomerName|safe }}
						</th>
						
						<th nowrap align="left">
							{% lang 'Email' %} &nbsp;
							{{ SortLinksCustomerEmail|safe }}
						</th>
						
						<th nowrap align="left">
							{% lang 'Phone' %} &nbsp;
							{{ SortLinksCustomerPhone|safe }}
						</th>
						
						<th nowrap align="left">
							{% lang 'Date' %} &nbsp;
							{{ SortLinksDate|safe }}
						</th>
						<th nowrap align="left">
							{% lang 'OrdersByAbandonTotalOrderAmount' %} &nbsp;
							{{ SortLinksOrderTotal|safe }}
						</th>
					</tr>
				</thead>

				<tbody>
					{{ OrderGrid|safe }}
				</tbody>
			</table>
		</div>
	</div>
</div>
{{ JumpToOrdersByAbandonGrid|safe }}
<script type="text/javascript" language="javascript">
	$(function(){$('#abandonedTotals > .MessageBox').show().html({{ AbandonedSummary|safe }});});
</script>
