<div
  class="container-fluid"
  *ngIf="items.length > 0"
>
  <c8y-list-group>
    <c8y-li *ngFor="let item of currentPageItems; let i = index">
      <ng-container
        *ngTemplateOutlet="itemTemplate; context: { $implicit: item, index: getItemIndex(item) }"
      ></ng-container>
    </c8y-li>
    <c8y-li class="sticky-bottom">
      <pagination
        [totalItems]="items.length"
        [(ngModel)]="currentPage"
        [ngModelOptions]="{ standalone: true }"
        [itemsPerPage]="itemsPerPage"
        (pageChanged)="pageChanged($event)"
        [maxSize]="10"
        [boundaryLinks]="true"
        previousText="&nbsp;"
        nextText="&nbsp;"
        firstText="&laquo;"
        lastText="&raquo;"
      ></pagination>
    </c8y-li>
  </c8y-list-group>
</div>