@if (showLogin) {
  <form class="input-group-form" [formGroup]="loginForm" (ngSubmit)="tryLogin()">
    <h3>Welcome Back</h3>
    <igx-input-group>
      <igx-prefix>
        <igx-icon>account_circle</igx-icon>
      </igx-prefix>
      <label igxLabel for="email">Username</label>
      <input igxInput id="email" name="email" formControlName="email" type="text" />
    </igx-input-group>
    <igx-input-group>
      <igx-prefix>
        <igx-icon>lock</igx-icon>
      </igx-prefix>
      <label igxLabel for="password">Password</label>
      <input igxInput id="password" name="password" type="password" formControlName="password" />
    </igx-input-group>
    <button igxButton="raised" type="submit" igxRipple [disabled]="!loginForm.valid">LOG IN</button>
    <a (click)="showRegistrationForm()">Register</a>
  </form>
}

@if (showSuccessLogin) {
  <div>You've successfully logged in</div>
}

@if (showRegister) {
  <form class="input-group-form" [formGroup]="registrationForm" (ngSubmit)="tryRegister()">
    <h3>Create your account</h3>
    <igx-input-group>
      <label igxLabel for="firstName">First Name</label>
      <input igxInput id="firstName" name="firstName" formControlName="firstName" type="text" />
    </igx-input-group>
    <igx-input-group>
      <label igxLabel for="lastName">Last Name</label>
      <input igxInput id="lastName" name="lastName" formControlName="lastName" type="text" />
    </igx-input-group>
    <igx-input-group>
      <label igxLabel for="newEmail">Username</label>
      <input igxInput id="newEmail" name="newEmail" formControlName="newEmail" type="text" />
    </igx-input-group>
    <igx-input-group>
      <input igxInput id="newPassword" name="newPassword" type="password" formControlName="newPassword" />
      <label igxLabel for="newPassword">Password</label>
    </igx-input-group>
    <button igxButton="raised" type="submit" igxRipple [disabled]="!registrationForm.valid">SIGN UP</button>
    <a (click)="showLoginForm()">Log in</a>
  </form>
}

@if (showSuccessRegister) {
  <div>You have successfully registered.</div>
}