<a name="productsByNumViews"></a>
<div style="text-align:right">
	<div style="padding-bottom:0px">
		{% lang 'ProductsPerPage' %}:
		<select onchange="ChangeProductsByNumViewsPerPage(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>
		</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 align="left">
							{% lang 'ProductID' %} &nbsp;
							{{ SortLinksProductId|safe }}
						</th>
						<th align="left">
							{% lang 'ProductSKU' %} &nbsp;
							{{ SortLinksCode|safe }}
						</th>
						<th align="left">
							{% lang 'Item' %} &nbsp;
							{{ SortLinksName|safe }}
						</th>
						<th align="left">
							<span onmouseover="ShowQuickHelp(this, '{% lang 'StatsViews' %}', '{% lang 'ProductsByNumViewsHelp' %}');" onmouseout="HideQuickHelp(this);" class="HelpText">{% lang 'StatsViews' %}</span> &nbsp;
							{{ SortLinksViews|safe }}
						</th>
						<th align="left">
							{% lang 'AverageRating' %} &nbsp;
							{{ SortLinksAverageRating|safe }}
						</th>
					</tr>
				</thead>

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