<!--
  Generated template for the LoginPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-content padding class="newbg">
	<img class="logo" src="assets/img/logo-green.png" alt="">
	<div class="welcome">{{ 'LOGIN.WELCOME' | translate }}</div>
	<div class="listWrapper" scroll="false">
		<ion-list>
			<ion-item [hidden]="!appInvite">
				<ion-label floating>Ingresa tu email</ion-label>
				<ion-input type="email" [(ngModel)]="login.rut"></ion-input>
			</ion-item>
			<ion-item [hidden]="appInvite">
				<ion-label floating>Ingresa tu rut</ion-label>
				<ion-input type="text" formatRut [(ngModel)]="login.rut"></ion-input>
			</ion-item>
			<ion-item>
				<ion-label floating>{{ 'LOGIN.PASSWORD' | translate }}</ion-label>
				<ion-input type="password" [(ngModel)]="login.password"></ion-input>
			</ion-item>
		</ion-list>
		<div class="buttonWrapper">
			<button class="buttonPinkOrange btnLogin" ion-button round full (tap)="next()">Iniciar sesión</button>
		</div>
		<div class="buttonWrapper">
			<button class="buttonPinkOrange small signup" ion-button round (tap)="gotoSignup()">{{ 'LOGIN.TO_SIGNUP' | translate }}</button>
			<button [hidden]="!appInvite" class="buttonPinkOrange small signup" ion-button round (tap)="noRegistered()">Entrar sin registro</button>
		</div>
		<div text-center>
			<button class="button-clear" (tap)="lostPassword()">Recuperar contraseña</button>
		</div>
	</div>
	<!--
	<div class="background"></div>
	<div class="overlay"></div>
	-->
</ion-content>