@include('layout.header')

<div class="recharge resetPassword">
    <!-- HEADER -->
    <nav class="top_nav">
        <div class="left">
            <a href="{{url('/')}}">
                <img src="{{asset('assets/img/back_arrow.png')}}" alt="" />
            </a>
            <span>Login</span>
        </div>
    </nav>
    <!-- HEADER -->

    <!-- BODY -->
    <form method="post" id="forgotPasswordForm">
        @csrf
        <div class="recharge_box bg-transparent shadow-none">
            <div class="input_box">
                <img src="{{asset('assets/img/mobile.png')}}" alt="" />
                <div>
                    <span>+91</span><input class="border-0 flex-1" type="text" name="mobile" id="mobile" placeholder="Mobile Number" />
                </div>
            </div>
            <div>
                <span id="mobile_error" class="error"></span>
            </div>
            <div class="special_box">
                <div style="width: 70%">
                    <div style="width: 100%">
                        <div class="input_box">
                            <img src="{{asset('assets/img/verification_code.png')}}" alt="" />
                            <input class="border-0 flex-1" name="login_otp" id="login_otp" onkeyup="checkOtp(this.value)" onchange="checkOtp(this.value)" oninput="checkOtp(this.value)" type="text" required placeholder="Verification Code" disabled />
                        </div>
                        <div>
                            <span id="otp_error" class="error"></span>
                        </div>
                    </div>
                </div>
                <input class="gocode m-t-12 m-b-12" type="button" onclick="sendOtpConfirmation()" id="reg_otp" value="OTP" />
            </div>
            <div class="input_box">
                <img src="{{asset('assets/img/password.png')}}" alt="" />
                <input class="border-0 flex-1" type="password" minlength="5" required name="new_password" id="new_password" disabled placeholder="New Password" />
            </div>

            <div class="container-fluid pb-5 pt-4">
                <div class="row">
                    <div class="col-10 col-md-8 col-lg-6 mx-auto">
                        <input type="submit" id="submit" disabled class="w-100 btn btn-primary" value="Continue" />
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
@include('layout.footer')