<ion-content padding class="survey-content">
  <!-- <div class="skip-btn" (click)="skip()" *ngIf="isSkip ==true">{{ts.trPK('worklistMain','skip')}} </div>
  <div class="seconds" *ngIf="isSkip ==false">{{setTime}}</div> -->
  <ion-grid class="ion-no-padding grid-parent">
    <ion-row>
      <ion-text class="title-text">
       
        {{ts.trPK('erm-channel','fedback-about-ux')}}
      </ion-text>
    </ion-row>
 
    <ion-row>
      <ion-col [size]="12">
        <p class="subheading">1. {{ts.trPK('erm-channel','how-would-you-like')}}  </p>
      </ion-col>
    </ion-row>
    <ion-row>
      <ion-col [size]="12">
          <rating id="surveyRatingNew" [(ngModel)]="rate" readonly="false" size="default"></rating>
      </ion-col>
  </ion-row>
</ion-grid>
<ion-grid>
  <ion-row>
    <ion-col>
     <p class="subheading">2. {{ts.trPK('erm-channel','how-would-you-satisfied')}} </p> 
    </ion-col>
  </ion-row>
  <ion-row class="faces-row">
    <ion-col [ngClass]="{'select2' : satisfied=='1'}">
      <img class="face" src="assets/icon/rate/poor.svg" (click)="select(1)">
    </ion-col>
    <ion-col [ngClass]="{'select2' : satisfied=='2'}">
      <img class="face" src="assets/icon/rate/bad.svg" (click)="select(2)">
    </ion-col>
    <ion-col [ngClass]="{'select2' : satisfied=='3'}">
      <img class="face" src="assets/icon/rate/normal.svg" (click)="select(3)">
    </ion-col>
    <ion-col [ngClass]="{'select2' : satisfied=='4'}">
      <img class="face" src="assets/icon/rate/good.svg" (click)="select(4)">
    </ion-col>
    <ion-col [ngClass]="{'select2' : satisfied=='5'}">
      <img class="face" src="assets/icon/rate/xcellent.svg" (click)="select(5)">
    </ion-col>


  </ion-row>
</ion-grid>
<ion-row>
  <ion-col>
   <p class="comments"> {{ts.trPK('erm-channel','give-comments')}} </p>
  </ion-col>
</ion-row>
    <ion-card class="doctor-card">
     
      <ion-row class="input-field">
        <ion-col [size]="12">
         
    
          <ion-textarea rows="6" cols="20" [(ngModel)]="note" [placeholder]="ts.trPK('replacementRoll','enterNote')"></ion-textarea>
        </ion-col>
      </ion-row>
    </ion-card>
  
</ion-content>
<ion-footer  >
  <div class="centerDiv">
    <ion-button  class="footer-button" ion-button (click)="saveSurvey()" [disabled]="!rate || (rate==1 && !note)">
      {{'general,submit' | translate}} </ion-button>
  
  </div>
  </ion-footer>