@include('layout.header')

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

    <!-- BODY -->
    @if (session('status'))
        <div>
            <p class="success pb-0 m-0 px-3 pt-3 success">{{ session('status') }}</p>
        </div>
    @endif
    <form action="{{ url('/user/resetPassword') }}" method="post">
        @csrf
        <div class="recharge_box bg-transparent shadow-none">
            <div class="input_box">
                <img src="{{ asset('assets/img/mobile.png') }}" alt="" />
                <input class="border-0 flex-1" type="text" value="{{ Auth::user()->mobile }}" disabled required
                    placeholder="Mobile Number" name="mobile" id="mobile" />
            </div>
            @if (env('ENABLE_OTP'))
                <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="checkResetPasswordOtp(this.value)"
                                    onchange="checkResetPasswordOtp(this.value)"
                                    oninput="checkResetPasswordOtp(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="sendOtpResetPassword()" id="reg_otp"
                        value="OTP" />
                </div>
            @endif
            <div class="input_box">
                <img src="{{ asset('assets/img/password.png') }}" alt="" />
                <input class="border-0 flex-1" type="password" name="password" id="password" required
                    placeholder="Password" minlength="5" />
            </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" @if (env('ENABLE_OTP')) disabled="disabled" @endif
                            id="submit" class="w-100 btn btn-primary" value="Continue" />
                    </div>
                </div>
            </div>
        </div>
    </form>
    <!-- BODY -->
</div>




@include('layout.footer')
