<ion-content padding>
  <ion-label padding>
    <h2 style=" font-weight: bold; color: black; font-size: 20px;">
      {{ts.trPK('general','type-of-change')}}</h2>
  </ion-label>

  <ion-list>
    <ion-radio-group  [(ngModel)]="isChange">

      <ion-item lines="none">
        <ion-label >
          <h3 *ngIf="sourceName === 'basicDetails'" style="color: black; font-size: 20px; white-space: break-spaces !important">{{ts.trPK('general','correct-or-complete')}}</h3>
          <h3 *ngIf="sourceName === 'address'" style="color: black; font-size: 20px; white-space: break-spaces !important">{{ts.trPK('general','correct-or-complete-address')}}</h3>
        </ion-label>
        <ion-radio slot="start" color="secondary" mode='md' value="1"></ion-radio>
      </ion-item>

      <ion-item lines="none">
        <ion-label>
          <h3 *ngIf="sourceName === 'basicDetails'" style="color: black; font-size: 20px; white-space: break-spaces !important">{{ts.trPK('general','new-info')}}</h3>
          <h3 *ngIf="sourceName === 'address'" style="color: black; font-size: 20px; white-space: break-spaces !important">{{ts.trPK('general','new-info-address')}}</h3>
        </ion-label>
        <ion-radio slot="start" color="secondary"  mode='md' value="2"></ion-radio>
      </ion-item>

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

<ion-footer>
  <ion-grid>
    <ion-row>
      <ion-col>
        <ion-button style=" width: 90%; background: white; --background: #b4b4b4" (click)="dismiss('cancel')">{{ts.trPK('eit','cancel-text')}}</ion-button>
      </ion-col>

      <ion-col>
        <ion-button style=" width: 90%; background: white; --background: #269db8" (click)="dismiss('next')" [disabled]="!isChange">{{ts.trPK('general','next')}}</ion-button>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-footer>
</ion-content>