<form nz-form [formGroup]="form" (ngSubmit)="submit()" role="form" autocomplete="new-password">
  <nz-alert *ngIf="type === 0 && error && code != '651'" [nzType]="'error'" [nzMessage]="error" [nzShowIcon]="true" class="mb-lg">
  </nz-alert>
  <nz-tabset [nzAnimated]="false" class="tabs" [nzSelectedIndex]="type">
    <nz-tab [nzTitle]="'app.login.tab.forget.password' | i18n">
      <!--      <nz-form-item>-->
      <!--        <nz-form-control nzErrorTip="请输入手机号!">-->
      <!--          <nz-input-group nzSize="large" nzPrefixIcon="phone" [nzAddOnAfter]="accountSuffixIconButton">-->
      <!--            <input nz-input formControlName="account" placeholder="请输入手机号" />-->
      <!--          </nz-input-group>-->
      <!--          <ng-template #accountSuffixIconButton>-->
      <!--            <button type="button" nz-button [disabled]="mailCountDown >= 1" nzType="text" (click)="getMail()">-->
      <!--              {{ mailCountDown ? mailCountDown + 's' : '获取验证码' }}-->
      <!--            </button>-->
      <!--          </ng-template>-->
      <!--        </nz-form-control>-->
      <!--      </nz-form-item>-->
      <nz-form-item>
        <nz-form-control [nzErrorTip]="'请输入手机号!' | i18n">
          <nz-input-group nzSize="large" nzPrefixIcon="phone">
            <input nz-input type="text" formControlName="account" placeholder="请输入手机号" />
          </nz-input-group>
        </nz-form-control>
        <button nz-button nzType="primary" style="width: 112px" type="button" [disabled]="btnContent >= 1" (click)="getCaptcha();$event.preventDefault()" nzSize="large">{{btnContent == 0?'获取验证码':btnContent}}</button>
      </nz-form-item>
      <!--      <nz-form-item [hidden]="!notifyType.includes('mail')">-->
      <!--        <nz-form-control nzErrorTip="请输入邮箱!">-->
      <!--          <nz-input-group nzSize="large" nzPrefixIcon="mail">-->
      <!--            <input nz-input type="text" formControlName="mail" placeholder="账号绑定的邮箱" />-->
      <!--          </nz-input-group>-->
      <!--        </nz-form-control>-->
      <!--      </nz-form-item>-->
      <!--      <nz-form-item [hidden]="!notifyType.includes('sms')">-->
      <!--        <nz-form-control>-->
      <!--          <nz-input-group nzSize="large" nzPrefixIcon="mobile">-->
      <!--            <input nz-input type="text" formControlName="mobile" placeholder="账号绑定的手机号" />-->
      <!--          </nz-input-group>-->
      <!--        </nz-form-control>-->
      <!--      </nz-form-item>-->
      <nz-form-item>
        <nz-form-control nzErrorTip="请输入验证码!">
          <nz-input-group nzSize="large" nzPrefixIcon="code">
            <input autocomplete="new-password" nz-input formControlName="verificationCode" placeholder="请输入验证码" />
          </nz-input-group>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-control nzErrorTip="请输入新密码!密码长度8-30位,并且同时包含大写字母、小写字母、数字、特殊字符">
          <nz-input-group nzSize="large" nzPrefixIcon="lock">
            <input nz-input autocomplete="new-password" type="text" formControlName="password" placeholder="请输入新密码" />
          </nz-input-group>
<!--          <ng-template #suffixTemplate1>-->
<!--            <span nz-icon *ngIf="passwordVisible1" [nzType]="'eye-invisible'" (click)="passwordVisible1 = !passwordVisible1"></span>-->
<!--            <span nz-icon *ngIf="!passwordVisible1" [nzType]="'eye'" (click)="passwordVisible1 = !passwordVisible1"></span>-->
<!--          </ng-template>-->
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-control nzErrorTip="您两次输入的密码不一致!">
          <nz-input-group nzSize="large" nzPrefixIcon="lock">
            <input nz-input autocomplete="new-password" type="text" formControlName="newPassword" placeholder="请确定您输入的新密码" />
          </nz-input-group>
<!--          <ng-template #suffixTemplate2>-->
<!--            <span nz-icon *ngIf="passwordVisible2" [nzType]="'eye-invisible'" (click)="passwordVisible2 = !passwordVisible2"></span>-->
<!--            <span nz-icon *ngIf="!passwordVisible2" [nzType]="'eye'" (click)="passwordVisible2 = !passwordVisible2"></span>-->
<!--          </ng-template>-->
        </nz-form-control>
      </nz-form-item>
    </nz-tab>
  </nz-tabset>
  <nz-form-item>
    <button nz-button type="submit" nzType="primary" nzSize="large" [nzLoading]="loading" [disabled]="!form.valid" nzBlock>
      提交
    </button>
  </nz-form-item>
  <nz-form-item nz-row nzJustify="end">
    <nz-col  [nzSpan]="12" class="text-right login-register-button-wrapper">
      <ng-container>
        <a class="forgot login-forget-button" (click)="returnLogin()">{{ '返回登录页' | i18n }}</a>
      </ng-container>
    </nz-col>
  </nz-form-item>
</form>
