@extends('includes.master')


@section('content')

<div class="wizard-main">
 <div id="particles-js"></div><br><br>
	<div class="container">
		  <div class="row">
				<div class="col-lg-6 login-sec  mx-auto">
					<div class="login-sec-bg">
						<h2 class="text-center">User Signup</h2>
				            <form action="{{ url('/verify-otp') }}" method="POST">
				              @csrf
				              <h3 class="text-center p-2">Verify OTP</h3>   
								<fieldset class="form-input">
                                  @include('includes.alerts')
                   
							     <input type="number" value="{{ $user->otp}}" name="otp" class="form-control required" id="otp" pattern="/^-?\d+\.?\d*$/" onKeyPress="if(this.value.length==4) return false;" style="text-align: center" placeholder="0000"/>

				                  <input type="hidden" name="aadhaar_no" value="{{ $aadharNumber }}" >
				                 <button class="btn btn-warning mt-3 form-control">VERIFY OTP</button>
				                 </fieldset>                
				            </form>
					</div>
				</div>			
			</div>
	  </div>
</div>


@endsection
@section('js')
<script src="{{ asset('wizard/js/jquery.min.js') }}"></script>

<script type="text/javascript">
var successMessage = $(".alert-success,.alert-danger");
if (successMessage.length) {
    successMessage.fadeIn();
    setTimeout(function () {
        successMessage.fadeOut();
    }, 3000); // 3000 milliseconds = 3 seconds
}
</script>
@endsection

