<ion-header>
    <ion-toolbar  class="header-toolbar">
        <ion-buttons slot="start">
          <ion-back-button color="light" class="btnBack" ></ion-back-button>
        </ion-buttons>
        <ion-title color="light" > {{'login,forgot-password' | translate}}</ion-title>
      </ion-toolbar>
</ion-header>



<ion-content padding>
 
        <ion-grid>
                <ion-item>
                    <img class="item-icon" src="assets/imgs/password.png" item-start />
                    <ion-label>{{'changePassword,newPassword' | translate}}</ion-label>
                    <ion-input required type="password" 
                        [(ngModel)]="P_NEW_PASSWORD">
                    </ion-input>
                </ion-item>
                    
                <ion-item>
                    <img class="item-icon" src="assets/imgs/password.png" item-start />
                    <ion-label>{{'changePassword,confirmPassword' | translate}}</ion-label>
                    <ion-input required type="password" 
                        [(ngModel)]="P_Confirm_NEW_PASSWORD">
                    </ion-input>
                </ion-item>
        </ion-grid>
        <page-trailer [small]="true"></page-trailer>
  
    
        
</ion-content>
<ion-footer>
    <div class="centerDiv">
        <ion-button  color="customnavy"  ion-button  (click)=" forgotpassword()">{{ts.trPK('login','changepassword')}}</ion-button>
    </div>
</ion-footer>