<app-generic-header
  showBack="true"
  [headerText]="'login,forgot-password' | translate">
</app-generic-header>
<ion-content padding>
      <ion-grid>

          <ion-row >
              <ion-col [size]="4">
                <img [src]="logo" class="logoHeader" />
              </ion-col>
      </ion-row>

      <br/>
      <br/>
    <ion-row>
      <ion-col>
        <p class="leftDiv">{{ts.trPK('login','check-user-text1')}}<span class="boldTxtNav">{{ts.trPK('login','check-user-text2')}}</span> {{ts.trPK('login','check-user-text3')}}</p>
      </ion-col>
    </ion-row>



          <ion-item class="item-input-login">
              <img class="item-icon" src="assets/imgs/username.png" item-start />
              <!-- <ion-label>{{ts.trPK('login','check-user-place-holder')}}</ion-label> -->
              <ion-input placeholder="{{ts.trPK('login','check-user-place-holder')}}" class="login-input" required type="text"  [(ngModel)]="P_USER_NAME">
              </ion-input>
          </ion-item>
      </ion-grid>
      <page-trailer [small]="true"></page-trailer>
</ion-content>
<ion-footer>
  <div class="centerDiv">
      <ion-button  [ngClass]="{'disable-button-opacity': isValidForm()}" class="button-login"  ion-button (click)=" userCheck()" [disabled]="isValidForm()">{{ts.trPK('login','changepassword')}}</ion-button>
  </div>
</ion-footer>