{% import "macros/util.tpl" as util %}
<table class="GridPanel SortableGrid AutoExpand" cellspacing="0" cellpadding="0" border="0" id="IndexGrid" style="width:100%;">
	<tr align="center">
		<td colspan="12" class="PagingNav">
			{{ util.paging(numOrders, perPage, currentPage, pageURL, true) }}
		</td>
	</tr>
</table>
<div class="panel panel-default">
	<div class="panel-body pn">
		<div class="table-responsive">
		<table class="GridPanel SortableGrid AutoExpand table table-striped" cellspacing="0" cellpadding="0" border="0" id="IndexGrid">
			<thead>
				<tr>
					<th align="center"><input type="checkbox" onclick="ToggleDeleteBoxes(this.checked)"></th>
					<th>&nbsp;</th>
					<th>&nbsp;</th>
					<th nowrap>
						{% lang 'OrderId' %} &nbsp;
						{{ SortLinksId|safe }}
					</th>
					<th colspan="{{ CustomerNameSpan|safe }}">
						{% lang 'Customer' %} &nbsp;
						{{ SortLinksCust|safe }}
					</th>
					<th nowrap>
						{% lang 'Date' %} &nbsp;
						{{ SortLinksDate|safe }}
					</th>
					<th>
						{% lang 'Status' %} &nbsp;
						{{ SortLinksStatus|safe }}
					</th>
					<th style="display: {{ HideOrderMessages|safe }}" nowrap>
						{% lang 'NewMessages' %} &nbsp;
						{{ SortLinksMessage|safe }}
					</th>
					<th >
						{% lang 'Total' %} &nbsp;
						{{ SortLinksTotal|safe }}
					</th>
					<th>&nbsp;</th>
					<th style="display: {{ HideCountry|safe }}">
						&nbsp;
					</th>
					<th style="width:150px">
						{% lang 'Action' %}
					</th>
				</tr>
			</thead>
			
			<tbody>
				{{ OrderGrid|safe }}
			</tbody>
				
			{% if viewDeletedOrdersUrl %}
			<tr class="GridRow orderGridDeletedNotice">
				<td colspan="12">
					{% lang 'DeletedOrdersMatchedYourSearch' with [
						'viewDeletedOrdersUrl': viewDeletedOrdersUrl
					] %}
				</td>
			</tr>
			{% endif %}
		</table></div>
	</div>

	<div class="panel-footer">
		{{ util.paging(numOrders, perPage, currentPage, pageURL, true) }}
	</div>
</div>
<input type="hidden" id="CurrentPage" name="CurrentPage" value="{{ CurrentPage|safe }}" />