<ion-header>
  <ion-toolbar color="primary">
    <ion-buttons slot="start">
      <ion-button color="light" (click)="dismissRegister()">
        <ion-icon name="arrow-back"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title>{{'auth.signup' | translate}}</ion-title>
  </ion-toolbar>
</ion-header>
<ion-content class="ion-padding">
  <form #form="ngForm" (ngSubmit)="register(form)" method="post">
    <ion-item>
        <ion-label position="floating">{{'auth.name' | translate}}</ion-label>
        <ion-input ngModel name="name"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label position="floating">{{'auth.email' | translate}}</ion-label>
      <ion-input type="email" ngModel name="email"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label position="floating">{{'auth.phone' | translate}}</ion-label>
      <ion-input type="tel" ngModel name="phone"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label position="floating">{{'auth.password' | translate}}</ion-label>
      <ion-input type="password" ngModel name="password"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label position="floating">{{'auth.confirm_pass' | translate}}</ion-label>
      <ion-input type="password" ngModel name="password1"></ion-input>
    </ion-item>
    <br><br>
    <ion-row>
      <ion-col size="9.5">
        <p class="ion-text-center" style="margin-bottom:0;margin-top:0.25em;color:#4d4d4d">{{'auth.terms_1' | translate}}<u (click)="openTerms()">{{'auth.terms_2' | translate}}</u>{{'auth.terms_3' | translate}}</p>
      </ion-col>
      <ion-col size="2.5">
        <ion-item lines="none">
          <ion-checkbox (ionChange)="updateChecked()" name="terms" checked="{{ terms }}"></ion-checkbox>
        </ion-item>
      </ion-col>
    </ion-row>
    <br>
    <ion-button type="submit" expand="full" color="secondary">{{'auth.signup' | translate}}</ion-button>
  </form>
  <br><p class="ion-text-center">{{'auth.login_ad' | translate}}</p>
  <ion-button expand="full" color="primary" (click)="loginModal()">{{'auth.login' | translate}}</ion-button>
</ion-content>
