<div class="bs-component main-pagination" ng-controller="usuarioDocumentoCrtl">
	<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 Documentos registrados : <strong>{{totalItems}}</strong></p>
		</div>
	</div>
	<table class="table table-striped table-hover">
		<thead>
			<tr>
				<th>
					<span></span>
				</th>
				<th ng-click="sort('tipo_documento')"><i class="fas fa-sort"></i> Tipo Documento
					<span class="fas fa-sort" ng-show="sortKey=='tipo_documento'" ng-class="{'fas fa-sort-amount-up':reverse,'fas fa-sort-amount-down':!reverse}"></span>
				</th>
				<th ng-click="sort('anio')"><i class="fas fa-sort"></i> Año
					<span class="fas fa-sort" ng-show="sortKey=='anio'" ng-class="{'fas fa-sort-amount-up':reverse,'fas fa-sort-amount-down':!reverse}"></span>
				</th>
				<th ng-click="sort('mes')"><i class="fas fa-sort"></i> Mes
					<span class="fas fa-sort" ng-show="sortKey=='mes'" ng-class="{'fas fa-sort-amount-up':reverse,'fas fa-sort-amount-down':!reverse}"></span>
				</th>


			</tr>

		</thead>

		<tbody>
			<tr dir-paginate="documento in documentos|orderBy:sortKey:reverse|filter:search|itemsPerPage:5">
				<td class="acciones"><a class="a-edit" title="Ver" href="<?php echo base_url('usuario_documento/view')."/" ?>{{documento.id}}"><i class="fas fa-eye c-edit"></i></a></td>
				<td>{{documento.tipo_documento}}</td>
				<td>{{documento.anio}}</td>
				<td>{{documento.mes}}</td>

			</tr>
		</tbody>
	</table>
	<dir-pagination-controls
		max-size="5"
		direction-links="true"
		boundary-links="true" >
	</dir-pagination-controls>
</div>
