<div class="bs-component main-pagination" ng-controller="rolCrtl">	
	<div class="row">
		<div class="col-md-4">
			<form class="form-inline">
				<div class="form-group">
					<label >Buscar</label>
					<input type="text" ng-model="search" class="form-control" placeholder="Buscar">
				</div>
			</form>
		</div>
		<div class="col-md-8">
			<p>Total de Roles registrados : <strong>{{totalItems}}</strong></p>
		</div>
	</div>
	<table class="table table-striped table-hover">
		<thead>
			<tr>
				<th colspan="2">
					<span></span>
				</th>
				<th ng-click="sort('nombre')">Nombre
					<span class="glyphicon sort-icon" ng-show="sortKey=='nombre'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
				</th>
			</tr>
		</thead>
		<tbody>
			<tr dir-paginate="rol in rols|orderBy:sortKey:reverse|filter:search|itemsPerPage:5">
				<td class="acciones"><a class="a-edit" title="Editar" href="<?php echo base_url('rol/edit')."/" ?>{{rol.id}}"><i class="glyphicon glyphicon-pencil"></i></a></td>
				
				<td class="acciones"><a class="a-del" title="Eliminar" ng-click="deleteRol(rol.id)"><i class="glyphicon glyphicon-trash"></i></a></td>
				<td>{{rol.nombre}}</td>
			</tr>
		</tbody>
	</table> 
	<dir-pagination-controls
		max-size="5"
		direction-links="true"
		boundary-links="true" >
	</dir-pagination-controls>
</div>