<ng-template #complete>
  <div class="ui-g">
      <div class="ui-g-12">
          <form [formGroup]="resetPasswordForm" (ngSubmit)="resetPasswordSubmit()">
              <table class="login-table">
                  <tr>
                      <td>
                          <div class="login-panel ui-fluid">
                              <div class="ui-g">
                                  <div class="ui-g-12">
                                      <!--img src="assets/layout/images/logo-ultima.svg" -->
                                      <img src="assets/layout/images/overFlow_CI_blue_185.png">
                                  </div>
                                  <div class="ui-g-12">
                                      <span class="md-inputfield">
                                          <input
                                            type="email"
                                            id="email"
                                            autocomplete="off"
                                            placeholder="Please enter your email"
                                            formControlName="email"
                                            required
                                            class="ui-inputtext ui-corner-all ui-state-default ui-widget">
                                          <div *ngIf="email.touched && !email.valid" class="ui-message ui-messages-error ui-corner-all" style="margin-top: 10px">
                                              Invalid email
                                          </div>
                                      </span>
                                  </div>

                                  <div class="ui-g-12">
                                      <button
                                        type="submit"
                                        [disabled]="!resetPasswordForm.valid"
                                        class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left">
                                          <span class="ui-button-icon-left ui-c fa fa-fw ui-icon-cached"></span>
                                          <span class="ui-button-text ui-c">Reset Password</span>
                                      </button>

                                      <a style="cursor: pointer" (click)="onSignin()">Sign In</a>
                                      |
                                      <a style="cursor: pointer" (click)="onSignup()">Sign Up</a>
                                  </div>
                              </div>
                          </div>
                      </td>
                  </tr>
              </table>
          </form>
      </div>

  </div>
</ng-template>
<div class="ui-g" *ngIf="member$ | async as member; else complete">
  <div class="ui-g-12">
    <table class="login-table">
      <tr>
        <td>
          <div class="login-panel ui-fluid">
            <div class="ui-g">
              <div class="ui-g-12">
                <img src="assets/layout/images/overFlow_CI_blue_185.png">
              </div>
              <div class="ui-g-12 ui-g-padding-15">
                <strong>패스워드 변경이 신청 되었습니다.</strong>
              </div>
              <div class="ui-g-12 ui-g-padding-15" style="text-align: left !important">
                <p>입력하신 이메일로 인증 메일이 발송 되었습니다.</p>
                <p>받으신 <strong>메일을 확인</strong> 하시고, <strong>인증을 완료</strong> 하시면 패스워드 변경페이지로 이동 후 변경이 가능합니다.</p>
                <p>신청하신 이메일 주소는 <strong>{{member.email}}</strong> 입니다.</p>
              </div>
              <!--<div class="ui-g-12 ui-g-padding-15">-->
                <!--<button-->
                  <!--type="button"-->
                  <!--class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left"-->
                  <!--(click)="onModifyPassword()">-->
                  <!--<span class="ui-button-icon-left ui-c fa fa-fw ui-icon-home"></span>-->
                  <!--<span class="ui-button-text ui-c">Go to Sign In</span>-->
                <!--</button>-->
              <!--</div>-->
            </div>
          </div>
        </td>
      </tr>
    </table>
  </div>
</div>