<ion-header>
    <div class="nav_header">
        <button class="nav_btn nav_back floatLeft" (click)="goBack()" *ngIf="authService.regState">
      <img src="../assets/Group17_2.png" />
    </button>
        <div class="nav_title floatLeft">
            <h4>VERIFICATION</h4>
        </div>
        <div class="clear"></div>
    </div>
</ion-header>
<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>