<ion-content>
  <div class="splash-bg">
    <ngu-carousel *ngIf="welcomeLogoList.length > 0" [inputs]="carouselBanner"
      [dataSource]="carouselTileItems$ | async">
      <ngu-item class="splash-bg" *nguCarouselDef="let item; index as i; let ani = animate" [@slider]="ani">
        <div class="splash-bg-img" [style.background]="'url(' + item.path + ')'">
        </div>
      </ngu-item>
    </ngu-carousel>
  </div>
  <div class="splash-info">
    <div class="splash-logo"></div>
    <div class="splash-intro" margin-top>{{ 'WELCOME_INTRO' | translate }}</div>
  </div>
  <div class="ion-padding">
    <ion-button color="primary" size="large" shape="round" expand="block" (click)="login()" class="ion-margin-top bold"
      *ngIf="!statusEndVersionHome">{{ 'LOGIN' | translate }}</ion-button>
    <ion-button color="primary" size="large" shape="round" expand="block" fill="outline" (click)="signup()"
      class="ion-margin-top bold" *ngIf="!statusEndVersionHome">{{ 'SIGNUP' | translate }}</ion-button>

    <!-- <ion-button
      color="facebook"
      shape="round"
      expand="block"
      (click)="alertPrivacyPolicy('loginFacebook')"
      class="ion-margin-top facebook_btn borderRadius5"
      *ngIf="!statusEndVersionHome"
    >
      <ion-icon slot="start" name="logo-facebook"></ion-icon>
      {{ 'BUTTON_INICIAR_FACEBOOK' | translate }}
    </ion-button>

    <ion-button color="secondary" shape="round" expand="block" (click)="alertPrivacyPolicy('loginApple')"
      class="ion-margin-top borderRadius5" *ngIf="_ios">
      <ion-icon slot="start" name="logo-apple"></ion-icon>
      {{ 'BUTTON_INICIAR_APPLE' | translate }}</ion-button>
    > -->

    <ion-item class="ion-margin-top" lines="none">
      <ion-label class="ion-text-center">
        <!-- <ion-button size="small" fill="clear" (click)="returnListCities()" color="medium">{{ 'BUTTON_BACK_CITIES' | translate }}</ion-button> -->
        <ion-label (click)="loginInvited()" color="primary" style="cursor: pointer; font-weight: bold;">{{
          'TEXT_LABEL_USER_INVITED' | translate }}</ion-label>
      </ion-label>
    </ion-item>
  </div>
</ion-content>