<ion-modal-view class="modal-view" ng-controller="OperationsCtrl as operationsctrl">
  <ion-header-bar class="bar-calm">
    <button class="button icon ion-arrow-left-c button-clear" ng-click="operationsctrl.exit()"></button>
    <h1 class="title">Add Operations</h1>
  </ion-header-bar>
  <ion-content class="padding-10" scroll="false">
    <div class="row">
      <div class="col">
        <button class="button button-clear no-animation style-number">
          Style :{{style}}
        </button>
      </div>
    </div>
    <div class="row">
      <div class="col">
        <ion-list class="operation-list">
          <ion-item class="item-icon-right" ng-repeat="operationl in data | startFrom:currentPage*pageSize | limitTo:pageSize/2 :0"
                    ng-click="operationsctrl.clickOperation(operationl)" ng-class="{ active: operationl.ischecked }">
            {{operationl.name}}
            <i class="icon ion-checkmark-circled"></i>
          </ion-item>
        </ion-list>
      </div>
      <div class="col">
        <ion-list class="operation-list">
          <ion-item class="item-icon-right" ng-repeat="operationr in data | startFrom:(currentPage*pageSize+pageSize/2) | limitTo:pageSize/2 :0"
                    ng-click="operationsctrl.clickOperation(operationr)" ng-class="{ active: operationr.ischecked }">
            {{operationr.name}}
            <i class="icon ion-checkmark-circled"></i>
          </ion-item>
        </ion-list>
      </div>
    </div>
    <div class="row">
      <div class="col align-center button-wrapper">
      <div class="button-set">
        <button class="button button-positive button-clear" ng-disabled="currentPage == 0" ng-click="currentPage=currentPage-1">
          Previous
        </button>
        <span class="pagenumber">{{currentPage+1}}/{{numberOfPages()}}</span>
        <button class="button button-positive button-clear" ng-disabled="currentPage >= getData().length/pageSize - 1" ng-click="currentPage=currentPage+1">
          Next
        </button>
      </div>
        </div>
    </div>
  </ion-content>
</ion-modal-view>
