<nb-card fullWidth class="rbj-screen-footer">
  <nb-card-body>
    <div class="row">
      <div class="col">
        <button type="submit" nbButton status="primary" size="small" nbTooltip="Previous Screen" (click)="prevScreen()">
          <nb-icon pack="eva" icon="rewind-left" type="button"></nb-icon>
        </button>
        <button type="submit" nbButton status="primary" class="ml-3" size="small" nbTooltip="Next Screen"
          (click)="nextScreen()" type="button">
          <nb-icon pack="eva" icon="rewind-right"></nb-icon>
        </button>
        <!-- <label class="badge g-font-size-13 mb-0 ml-3" *ngIf="screenInfo">
          <span class="screenTitle full">{{screenInfo.fullDescription}}</span>
          <span class="screenTitle medium">{{screenInfo.title}}</span>
          <span class="screenTitle tiny">{{screenInfo.screen}}</span>
        </label> -->

      </div>
      <pager *ngIf="isPagedScreen" [page]="page" [pages]="pages" [maxPage]="maxPage" [minPage]="minPage"
        [toolTips]="toolTips" (pageChange)="gotoPage($event)" (addingNewPage)="createNewPage($event)"></pager>
      <div class="col d-flex justify-content-end">
        <button type="submit" nbButton status="primary" size="small" nbTooltip="Save Changes" (click)="save()"
          [disabled]="disableSave || waitingForScreenLock">
          <nb-icon pack="eva" icon="save" class="d-inline d-lg-none"></nb-icon>
          <span class="d-none d-lg-inline">Save</span>
        </button>
        <button type="submit" nbButton status="warning" size="small" nbTooltip="Discard Changes" class="ml-3"
          (click)="cancel()" [disabled]="disableSave || waitingForScreenLock">
          <nb-icon pack="eva" icon="trash-2" class="d-inline d-lg-none"></nb-icon>
          <span class="d-none d-lg-inline">Cancel</span>
        </button>
        <!-- <button type="submit" nbButton status="warning" size="small" nbTooltip="Discard Changes" class="ml-3"
          (click)="reload()">
          <span class="d-none d-lg-inline">Reload</span>
        </button> -->
      </div>
    </div>
  </nb-card-body>
</nb-card>