<form [formGroup]="modifyPwForm" (ngSubmit)="modifyPw()">
  <table class="login-table">
    <tr>
      <td>
        <div class="card 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">
              <span class="md-inputfield">
                  <input type="password"
                         id="pw"
                         autocomplete="off" placeholder="password"
                         formControlName="pw"
                         required class="ui-inputtext ui-corner-all ui-state-default ui-widget">
              </span>
              <div *ngIf="formErrors.pw" class="help is-danger">
                {{ formErrors.pw }}
              </div>
            </div>
            <div class="ui-g-12">
              <span class="md-inputfield">
                  <input type="password"
                         id="confirmPw"
                         autocomplete="off" placeholder="confirm password"
                         formControlName="confirmPw"
                         required class="ui-inputtext ui-corner-all ui-state-default ui-widget">
              </span>
              <div *ngIf="formErrors.confirmPw" class="help is-danger">
                {{ formErrors.confirmPw }}
              </div>
            </div>
            <div class="ui-g-12">
              <button type="submit" 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-person"></span>
                <span class="ui-button-text ui-c">Confirm</span>
              </button>
              <a href="javascript:void(0)" (click)="signinBtn()">Signin</a>
            </div>
          </div>
        </div>
      </td>
    </tr>
  </table>
</form>
