<div class="nav_header">
  <button class="nav_btn nav_back floatLeft" (click)="goBack()">
    <img src="../assets/Group17_2.png" />
  </button>
  <div class="nav_title floatLeft">
    <h4>VERIFICATION</h4>
  </div>
  <div class="clear"></div>
</div>
<ion-content>
  <div class="verification_div" *ngIf="authService.userPostData">
    <div class="form_div">
      <div class="row">
        <p>We have sent and OTP to</p>
        <h6>+01 {{authService.userPostData.phone}}</h6>
      </div>
      <div class="row">
        <input
          class=""
          type="number"
          placeholder="Type OTP"
          maxlength="4"
          #otp
          required
        />
      </div>
      <div class="row">
        <button class="login_btn" (click)="authService.verify(otp.value)">
          SUBMIT
        </button>
      </div>
      <div class="row">
        <button class="resend_btn" (click)="authService.resend()">
          RESEND
        </button>
      </div>
      <h6>OTP: {{authService.userPostData.otp}}</h6>
    </div>
  </div>
  <div class="loader" *ngIf="authService.loader">
    <div class="lds-ripple">
      <div></div>
      <div></div>
    </div>
  </div>
</ion-content>
