<div class="panel panel-color panel-default" style="display: {{ DisplayGrid|safe }}">
	<div class="panel-heading"> 
		<h3 class="panel-title">Grupos de Cliente</h3> 
	</div>
	<div class="panel-body pn">
		<div class="table-responsive">
			<table class="m-0 table table-striped" cellspacing="0" cellpadding="0" border="0" id="IndexGrid" style="width:100%;">
				<thead>
					<tr>
						<th align="center" style="width:18px"><input type="checkbox" onclick="ToggleDeleteBoxes(this.checked)"></th>
						<th>&nbsp;</th>
						<th>
							{% lang 'CustomerGroupName' %} &nbsp;
							{{ SortLinksGroupName|safe }}
						</th>
						<th>
							{% lang 'Discount' %} &nbsp;
							{{ SortLinksDiscount|safe }}
						</th>
						<th>
							{% lang 'DiscountRules' %} &nbsp;
							{{ SortLinksDiscountRules|safe }}
						</th>
						<th>
							{% lang 'CustomersInGroup' %} &nbsp;
							{{ SortLinksCustomersInGroup|safe }}
						</th>
						<th style="width:120px;">
							{% lang 'Action' %}
						</th>
					</tr>
				</thead>

				<tbody>
					{{ CustomerGroupsGrid|safe }}
				</tbody>
				<tr align="right">
					<td colspan="11" style="padding:6px 0px 6px 0px" class="PagingNav">
						{{ Nav|safe }}
					</td>
				</tr>
			</table>
		</div>
	</div>
</div>