<div id="reset-pass-container">
  <div class="container">
    <div class="row">
      <div class="col-12 col-sm-12">
        <div class="well text-center">
          <div class="reset-txt center-block">
            <h4>Change Password</h4>
            <p>Please pick a new password</p>
            <br>
            <div class="reset-email-block panel-body">

              <form #form="ngForm" class="form-horizontal text-left" (ngSubmit)="reset(form)" novalidate>

                <div class="form-group">
                  <div class="row row-default password-row">
                    <label class="col-4 col-sm-4 control-label" for="password">Password</label>
                    <div class="col-8 col-sm-8">
                      <input id="password" type="password" name="password" [(ngModel)]="password" minlength="8"
                        maxlength="10" required>
                    </div>
                  </div>
                </div>
                <div class="form-group" [ngClass]="{ 'line-error': this.status=='error'}">
                  <div class="row row-default password-row">
                    <label class="col-4 col-sm-4 control-label" for="confirmPassword">Confirm Password</label>
                    <div class="col-8 col-sm-8">
                      <input id="confirmPassword" type="password" name="confirmPassword" [(ngModel)]="confirmPassword"
                        minlength="8" maxlength="10" required>
                    </div>
                  </div>
                </div>
                <div class="form-group"><span class="txt-error">{{message}}</span></div>
                <div class="text-center">
                  <button class="reset-btn" type="submit"><span>Save & Continue</span></button>
                </div>

              </form>

            </div>
            <div class="loader" *ngIf="showLoader"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>