@extends('layouts.B2C')

@section('content')
    <div class="wrapper_verify_b2b">
        <div class="wrapper_partner_header">
            <Header class="header">
                <div class="header_logo">
                    <a class="disable_redirecting" href="javascript:void(0);">
                        <img src="{{ Vite::asset('resources/images/web/partner_qs_logo.png') }}" alt="image" />
                    </a>
                </div>
            </Header>
        </div>
        <div class="wrapper_b2b_txt">
            <section class="wrapper_otp">
                <figure class="back_Bg cstm_bacK-bg">
                    <img src="{{ Vite::asset('resources/images/web/program_right.png') }}" />
                </figure>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-7 col-md-7 col-sm-12">
                            <div class="wrap_content">
                                <h3>अपना ईमेल एड्रेस वेरिफाई करें</h3>
                                <p class="light_txt">वेरिफिकेशन कोड दर्ज करें जो हमने आपके ईमेल एड्रेस <b>{{$vEmail}}</b>  पर भेजा है
                                </p>
                                <span>(अपने स्पैम फ़ोल्डर को चेक करना न भूलें)</span>
                                <form id="frmBasic">
                                    <div class="verification-code">
                                        <div class="verification-code--inputs">
                                            <input type="tel" maxlength="1" class="otp" name="otp1"
                                                oninput='digitValidate(this)' />
                                            <input type="tel" maxlength="1" class="otp" name="otp2"
                                                oninput='digitValidate(this)' />
                                            <input type="tel" maxlength="1" class="otp" name="otp3"
                                                oninput='digitValidate(this)' />
                                            <input type="tel" maxlength="1" class="otp" name="otp4"
                                                oninput='digitValidate(this)' />
                                            <input type="tel" maxlength="1" class="otp" name="otp5"
                                                oninput='digitValidate(this)' />
                                            <input type="tel" maxlength="1" class="otp" name="otp6"
                                                oninput='digitValidate(this)' />
                                        </div>
                                    </div>
                                    <div class="error_msg">
                                        <p class="error_msg_color"></p>
                                    </div>
                                    <button class="resend_code" id="btnResend" type="button">कोड फिर से भेजें</button>
                                    <div class="clearfix"></div>
                                    <div class="verify_btn_cls">
                                        <input type="hidden" name="vEmail" value="{{ $vEmail }}">
                                        <input type="hidden" name="IncorrectOTP" value="0">
                                        <button type="button" class="custom_common_btn2" id="btnVerify">वेरिफाई
                                            करें</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="col-lg-5 col-md-5 col-sm-12">
                            <figure>
                                <img src="{{ Vite::asset('resources/images/web/otp_shape.png') }}" />
                            </figure>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>

    <!-- Expired OTP Error Modal -->
    <div id="ExpiredOTP" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myErrorLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content modal-content-cstm">
                <div class="modal-header">
                    <h3 id="myErrorLabel" class="modal-title">ओह!</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>

                </div>
                <div class="modal-body">
                    <p class="my_error_boday" id="myErrorBody"> आपका वेरिफिकेशन कोड समाप्त हो गया है।
                    </p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" style="background: #317685;" id="btnOkay">ठीक
                        है</button>
                </div>
            </div>
        </div>
    </div>
    <!-- Incorrect OTP Error Modal -->
    <div id="IncorrectOTP" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myErrorLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content modal-content-cstm">
                <div class="modal-header">
                    <h3 id="myErrorLabel" class="modal-title">ओह!</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p class="my_error_boday" id="myErrorBody">
                        आपने कई बार गलत प्रयास किया हैं। आपको फिर से शुरू करना होगा।
                    </p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" style="background: #317685;" id="btnIncorrectOTP">
                        ठीक है</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@include('partials.js.B2C.verifyJs')