<ion-content has-bouncing="false" forceOverscroll="false" class="ion-no-padding">
  <ion-grid padding>
     <!-- <ion-row>
      <ion-col [size]="12">
         <img [src]="logo" class="loginLogo" />
        <h1 class="heading1">{{welcome}} </h1> 
        <p class="text1" style="margin-bottom: -8px;font-weight: bold;font-size: 28px;">{{'home,welcome-back' | translate}} </p>
        <p class="text1" style="font-size: 28px;margin-top: 0px;" >{{empname}}</p>
        <p *ngIf="!empname" class="text1">{{welcome_txt}} </p>
        <p class="text1">{{txt_account}} </p>
      </ion-col>
    </ion-row> -->



    <ion-row>
        <ion-col [size]="12">
          <h1 class="heading1">{{welcome}} </h1>
          <p *ngIf="!user" class="text1">{{welcome_txt}} </p>
          <p class="text1">{{txt_account}} </p>
        </ion-col>
      </ion-row>

    <ion-row class="row-border" *ngIf="user && isLastLogin">
      <ion-col size="6" style="padding: 5px 10px; border-right:1px solid #bbbbbb">
        <p class="last-login" style="font-weight: bold">{{'login,last-login' | translate}} </p>
        <p class="last-login small-font-size">{{user.EditedOn | date}} 
          {{lastLoginTime }}</p>
                 <!-- <p class="last-login "> {{lastLoginDate}}</p> -->

         
      </ion-col>
      <ion-col size="6" style="padding: 5px 10px;">
        <p class="last-login" style="font-weight: bold" [ngClass]="{'fadein':user && isLastLogin }">
          {{'login,last-login-with' | translate}}
        </p>
        <p class="last-login">{{getLoginType(logintype)}}</p>
      </ion-col>
    </ion-row>

    <ion-row class="ion-no-padding description" *ngIf="user && isLastLogin">
      <ion-col style="margin-top:-5px" class="ion-no-padding " [size]=6>
        <app-confirm-login [accessFromOutSide]="true" *ngIf="user"></app-confirm-login>
      </ion-col>
      <ion-col [size]=6>
        <app-button (click)="loginwithuser()" [title]="button.title | translate " [icon]="button.icon"
          [settings]="button.settings" [strong]="button.txt" [disabled]="button.disabled"
          [buttonClass]="button.buttonClass" [pClass]="button.pClass" [class]="button.class">
        </app-button>
      </ion-col>
    </ion-row>




  </ion-grid>

</ion-content>
<ion-footer class="welcome-footer">
  <ion-row   class="ion-justify-content-center " *ngIf="user">
    <ion-col  [size]="12">
      
      <ion-button class="centerDiv button-login" expand="block" (click)="login()">
        {{'login, another-acc' | translate}}
      </ion-button>
    </ion-col>
  </ion-row>

  <ng-template #userinfo_login>
    <ion-row class="ion-justify-content-center bottom-buttons">
      <ion-col [size]="12">
        <ion-button class="gray-button" expand="block" (click)="login()">
          {{'rate,yes' | translate}}
        </ion-button>

        <!-- <ion-button class="red-button" expand="block" (click)="register()">
          {{'general,no' | translate}}
        </ion-button> -->
      </ion-col>
    </ion-row>
  </ng-template>
</ion-footer>