<ion-content padding>
  <!-- (ionChange)="radioChecked($event)" -->
  <div>

    <ion-grid style="padding-top: 30px;" class="btnGrid">

      <ion-row>
        <ion-col col-6 class="gridBtnCol">
          <button ion-button class="gridBtn" (click)="closeBtnModal()">
            {{'general, cancel' | translate}}
          </button>
        </ion-col>
        <ion-col col-6 class="gridBtnCol">
          <button ion-button class="gridBtn" (click)="OkBtnModal()">
            {{'general, ok' | translate}}
          </button>
        </ion-col>
      </ion-row>

    </ion-grid>

    <ion-list>
      <!-- <ion-list-header>
          Select a Person
        </ion-list-header> -->
      <ion-radio-group>

        <ion-item *ngFor="let RepList of getRepList">
          <!-- <ion-col> -->
          <ion-label>{{RepList.USER_NAME}}</ion-label>
          <ion-label>{{RepList.EMPLOYEE_DISPLAY_NAME}}</ion-label>
          <ion-label>{{RepList.EMAIL_ADDRESS}}</ion-label>
          <ion-radio value="{{RepList.USER_NAME}}" (ionChange)="radioSelect(RepList)"></ion-radio>
          <!-- <ion-radio (ionSelect)="select(item)" [value]="item"></ion-radio> -->

          <!-- </ion-col> -->

        </ion-item>
      </ion-radio-group>
    </ion-list>

    <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
      <ion-infinite-scroll-content></ion-infinite-scroll-content>
    </ion-infinite-scroll>
  </div>
</ion-content>