<ion-header>
  <ion-toolbar class="header-toolbar">
    <nav-buttons></nav-buttons>
    <ion-title color="light">{{ 'workListMain, rfc' | translate}}</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>

  <div class="tipsPadding boldTxtNav">
    {{"replacementRoll.msgRFC" | translate}}
  </div>
  <ion-list (ionChange)="radioChecked($event)" radio-group>
    <ion-item *ngFor="let rfcEmployeeList of RFCEmployeeListListRes; let i = index;">
      <ion-label>{{rfcEmployeeList.EMPLOYEE_DISPLAY_NAME}}</ion-label>
      <ion-label>{{rfcEmployeeList.ACTION}}</ion-label>
      <ion-radio value="{{i}}"></ion-radio>
    </ion-item>
  </ion-list>

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

  <div>
    <label class="boldTxtNav">{{"replacementRoll.enterNote" | translate}}</label>
    <ion-item>
      <ion-textarea [(ngModel)]="userNote"></ion-textarea>
    </ion-item>
  </div>

</ion-content>

<ion-footer>
  <div class="centerDiv">
    <ion-button class="footer-button" color="customnavy" ion-button (click)="submitAction()">
      {{'general, submit' | translate}}</ion-button>
  </div>
</ion-footer>