@extends('reachassuree_web/layouts.main')
@section('title', $data['title'])
@section('content')
<link href="{{ asset('assets/css/icons.min.css') }}" rel="stylesheet" type="text/css" />
<style>
    .user-form-content {
        max-width: 100% !important;
    }
    .form-control {
        margin-bottom: 10px;
        background: white;
        height: 36px;
    }
    tr td:nth-child(2) {
        color: black;
    }
    tr th:nth-child(3),
    tr th:nth-child(4),
    tr th:nth-child(5),
    tr th:nth-child(6),
    tr td:nth-child(3),
    tr td:nth-child(4),
    tr td:nth-child(5),
    tr td:nth-child(6),
    tr td:nth-child(7),
    tr td:nth-child(8),
    tr td:nth-child(9),
    tr td:nth-child(10) {
        color: #7f8387;
        background-color: #e4e4e4;
        border: 0.5px solid #bdbcbc;

    }
    .accordion-item:last-of-type .accordion-button.collapsed,
    .accordion-button:not(.collapsed),
    .accordion-button:focus {
        box-shadow: none;
        color: #616161;
        font-weight: 700;
        background-color: #F1F5FE;
    }
    tbody tr:last-child td {
        background-color: transparent;
    }
    .register-form {
        text-align: center;
    }
    .form-label {
        margin-bottom: 0.2rem;
    }
    .copy-right-content {
        margin-top: 14px;
        border-top: 0px;
        font-weight: 700;
        border-top: 1px solid #e9e9e9;
    }
    .footer-area.pt-100.pb-70 {
    font-weight: 400;
}
    .highlight-column {
        color: #060607;
    }
    td.table_title {
        color: #4A148C;
        text-align: right;
        padding-right: 5px;
    }
    td {
        text-align: center;
    }
    .form-control:disabled,
    .form-control[readonly]:focus {
        background-color: #f4f4f4;
    }
    tr td:first-child {
        white-space: nowrap;
    }
    #agent_state_name,
    #agent_city_name,
    #agent_contry_name {
        text-transform: uppercase;
    }
    #registerSubmitBtn {
        float: right;
    }
    .line-heighlight {
        font-size: 14px;
        color: #023E8A;
        font-weight: 500;
    }
    button.btn.btn-light {
        padding: 0 10px;
        height: 36px;
    }
    .second-button {
        display: flex;
        justify-content: space-between;
    }


    .payNowBtn {
        color: white;
    }

    .pricing-table-header1 th {
        color: #ffffff;
        text-align: center;
        background: #023E8A !important;
    }

    .pricing-table-header2 tr {

        color: #ffffff;
        text-align: left;
        background: #1a62be !important;
    }

    .pricing-detail-title-1 {
        text-align: center;
        border: 1px solid;
        color: #023E8A;
        font-weight: bold;

    }

    .pricing-detail-title-2 {
        text-align: center;
        border: 1px solid;
        color: #023E8A;
        font-weight: bold;
        background-color: #f1f5fe !important;
    }

    .pricing-detail-title-3 {
        text-align: center;
        border: 1px solid;
        color: #023E8A !important;
        font-weight: bold;
    }

    .far-fa-eye {
        margin-left: -30px;
        cursor: pointer;
    }

    select#agent_gender_id {
        padding: 6px 15px;
    }

    .form-control[readonly] {
        background-color: transparent !important;
    }

    .domainurl {
        background-color: transparent;

        height: 20px;
        width: 295px;
        color: #023E8A;

    }
    .modal-content{
        border-radius: 1rem;
    }
    .btn-primary{
        border-color: #023E8A;
        background-color: #023E8A;
    }
    .btn-primary:hover {
        color: #fff;
        background-color: #023E8A;
        border-color: #023E8A;
    }
    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #023E8A;
        border-color: #023E8A;
    }
    .terms-condition .form-group {
        display: flex;
        margin: 5px 0;
        align-items: baseline;
    }
    p#msgformOtpVerification {
        text-align: center;
        font-size: 14px;
        color: #e12d2d;
        margin-bottom: 5px;
    }
    @media (max-width:992px){
        #modalDemoPlanDetail .modal-content{
            width: unset;
        }
        tr td:first-child{
            white-space: unset;
        }
        .modal#modalDemoPlanDetail{
            overflow-x: unset;
        }
    }
    @media (max-width:575px){
        .formOtpVerification h6{
            text-align: center;
        }
    }
    @media (max-width:520px){
        button#btnOtpVerify {
            margin: 5px 0 0;
        }
    }
    @media (max-width:496px){
        .second-button{
            font-size: 14px;
        }
        .second-button .btn{
            font-size: 0.9rem;
        }
    }
</style>

<div class="page-title-area">
    <div class="container">
        <div class="page-title-content">
            <h2> Prime Demo Registration</h2>

            <ul>
                <li><a href="{{ route('home.page') }}">Home</a></li>
                <li class="active">Prime Demo Registration</li>
            </ul>

        </div>
    </div>

    <img src="{{ asset('rassets/images/subscribe-shape-1.png') }}" alt="Image" class="shape shape-1" data-speed="0.04" data-revert="true">
    <img src="{{ asset('rassets/images/subscribe-shape-2.png') }}" alt="Image" class="shape shape-2" data-speed="0.04" data-revert="true">
</div>
<!-- End Page Title Area -->

<!-- Start Contact Area -->
<div class="container">
    <section class="contact-area pb-100">
        <div class="row justify-content-center">
            <div class="section-title">
                <span class="top-title"></span>



            </div>




            <div class="user-form-content">
                <form id="register-Form">

                    <div class="copy-right-area bg-color-f3f9f8 form-header">
                        <div class="container">
                            <div class="copy-right-content">
                                <div class="row justify-content-center" style="border-top: 0 !important; color:#616161 !important">Client Information</div>
                            </div>
                        </div>
                    </div>
                    @csrf
                    <div class="row">
                        <div class="col-lg-12 col-sm-12">
                            <div class="form-group">
                                <input type="hidden" id="agent_id" name="agent_id" />
                                <input type="hidden" id="form_type" name="form_type" value="{{$data['form_type']}}" />
                                <input type="hidden" id="code" name="code" value="{{$data['code']}}" />

                                <label for="agent_firm_name" class="form-label">Firm Name*</label>
                                <input type="text" name="agent_firm_name" id="agent_firm_name" class="form-control" required data-error="Please enter your Firm name" placeholder=" Firm Name">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                    </div>
                    <div class="copy-right-area bg-color-f3f9f8">

                        <div class="row line-heighlight justify-content-center">(If Partnership Firm/Company Or Any Organisation then Authorised Person Details To be Filled bellow)

                        </div>

                    </div>
                    <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
                    <div class="row">
                        <div class="col-lg-4 col-sm-4">
                            <div class="form-group">
                                <label for="agent_first_name" class="form-label">First Name*</label>
                                <input type="text" name="agent_first_name" id="agent_first_name" class="form-control" required data-error="Please enter your agent firstname" placeholder="First name">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-4">
                            <div class="form-group">
                                <label for="agent_middle_name" class="form-label">Middle Name*</label>
                                <input type="text" name="agent_middle_name" id="agent_middle_name" required data-error="Please enter your Middle name" class="form-control" placeholder="Middle name">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-4">
                            <div class="form-group">
                                <label for="agent_surname" class="form-label">Surname*</label>
                                <input type="text" name="agent_surname" id="agent_surname" required data-error="Please enter your Surname" class="form-control" placeholder="Surname">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                    </div>

                    <div class="row">

                        <div class="col-lg-6 col-sm-6">
                            <div class="form-group">
                                <label for="agent_address_line1" class="form-label">Address Line1*</label>
                                <input type="text" name="agent_address_line1" id="agent_address_line2" required data-error="Please enter your Address line 2" class="form-control" placeholder="Address line 1">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-sm-6">
                            <div class="form-group">
                                <label for="agent_address_line2" class="form-label">Address Line2</label>
                                <input type="text" name="agent_address_line2" id="agent_address_line2" data-error="Please enter your Address line 2" class="form-control" placeholder="Address line 2">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                    </div>
                    <div class="copy-right-area bg-color-f3f9f8">

                        <div class="row line-heighlight justify-content-center">(Plz Enter Right PIN. Remaining Field Will Be Files Auto & Editable)</div>

                    </div>
                    <div class="row">
                        <div class="col-lg-3 col-sm-3">
                            <div class="form-group">
                                <label for="agent_pincode" class="form-label">Pincode*</label>
                                <input type="text" name="agent_pincode" id="agent_pincode" required data-error="Please enter your Pincode" onkeypress="return isNumber(event);" class="form-control" placeholder="Pincode">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>

                        <div class="col-lg-3 col-sm-3">
                            <div class="form-group">
                                <label for="agent_state_name" class="form-label">State</label>
                                <input type="text" name="agent_state_name" readonly id="agent_state_name" class="form-control" placeholder="State">

                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-3">
                            <div class="form-group">
                                <label for="agent_city_name" class="form-label">City</label>
                                <input type="text" name="agent_city_name" readonly id="agent_city_name" class="form-control" placeholder="City">



                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-3">
                            <div class="form-group">
                                <label for="agent_country_name" class="form-label">Country</label>

                                <input type="text" name="agent_contry_name" readonly id="agent_contry_name" value="INDIA" class="form-control" placeholder="Country">


                            </div>
                        </div>





                    </div>


                    <div class="copy-right-area bg-color-f3f9f8 form-header">
                        <div class="container">
                            <div class="copy-right-content">
                                <div class="row line-heighlight justify-content-center">(Your Demo Kit willl Be Send to You On Your E-mail. E-mail,Mob.No. And Whatsapp Number is Required Mendatory)

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-4 col-sm-4">
                            <div class="form-group">
                                <label for="agent_mobile_number" class="form-label">Mobile Number*</label>
                                <input type="text" name="agent_mobile_number" maxlength="10" id="agent_mobile_number" required data-error="Please enter your Mobile" onkeypress="return isNumber(event);" class="form-control" placeholder="Mobile number">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-4">
                            <div class="form-group">
                                <label for="agent_whatsapp_number" class="form-label">Whatsapp Number</label>
                                <input type="text" name="agent_whatsapp_number" maxlength="10" id="agent_whatsapp_number" required data-error="Please enter your Mobile" onkeypress="return isNumber(event);" class="form-control" placeholder="Whatsapp number">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-4">
                            <div class="form-group">
                                <label for="agent_email" class="form-label">Email Address*</label>
                                <input type="text" name="agent_email" id="agent_email" class="form-control" value="{{$data['prime_email']}}" readonly>

                            </div>
                        </div>
                    </div>



                    <div class="copy-right-area bg-color-f3f9f8">

                        <div class="row line-heighlight justify-content-center">(you can create username. User password & subdomains as your choice. )</div>

                    </div>

                    <br>
                    <div class="row">
                        <div class="col-lg-4 col-sm-4">
                            <div class="form-group">
                                <label for="agent_username" class="form-label">Username*</label>
                                <input type="text" name="agent_username" id="agent_username" required data-error="Please enter your username" onkeypress="return validation(event);" class="form-control" placeholder="Username">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-4 ">
                            <div class="form-group">
                                <label for="agent_password" class="form-label">Password*</label>
                                <div class="d-flex">
                                    <input type="password" name="agent_password" id="agent_password" required data-error="Please enter your password" class="form-control" placeholder="Password">
                                    <button class="btn btn-light" id="eye2" type="button"><i class="mdi mdi-eye-off-outline"></i></button>

                                </div>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>

                        <div class="col-lg-4 col-sm-4 ">
                            <div class="form-group">
                                <label for="agent_confirm_password" class="form-label">Confirm Password*</label>
                                <div class="d-flex">
                                    <input type="password" name="agent_confirm_password" id="agent_confirm_password" required data-error="Please enter your confirm password" class="form-control" placeholder="Confirm password">
                                    <button class="btn btn-light" type="button" id="eye3"><i class="mdi mdi-eye-off-outline"></i></button>

                                </div>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                    </div>


                    <div class="row">
                        <div class="col-lg-4 col-sm-4">
                            <div class="form-group">
                                <div class="d-flex">

                                    <label for="agent_sub_domain" class="form-label">Sub Domain*</label><input type="text" name="agent_sub_domain_url" id="agent_sub_domain_url" style="border:none" readonly class="form-control domainurl">
                                </div>
                                <input type="text" name="agent_sub_domain" id="agent_sub_domain" required data-error="Please enter your agent_sub_domain" class="form-control" onkeypress="return subdomainvalidation(event);" placeholder="Enter sub domain name" onkeyup="this.value = this.value.toLowerCase();">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-4">
                            <div class="form-group">
                                <label for="agent_dob" class="form-label">DOB*</label>
                                <input type="date" name="agent_dob" id="agent_dob" required data-error="Please enter your agent date of birth " class="form-control">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-4">
                            <div class="form-group">
                                <label for="agent_gender_id" class="form-label">Select Gender*</label>
                                <select class="form-control" id="agent_gender_id" name="agent_gender_id" required data-error="Please enter your agent Select Gender*  ">
                                    <option>Select Gender*</option>
                                    @foreach ($data['gender'] as $key => $value)
                                    <option value="{{ $value->id }}"> {{ $value->name }} </option>
                                    <div class="help-block with-errors"></div>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>






                    <div class="row">

                        <div class="col-lg-12 col-sm-12">
                            <div class="form-group">
                                <label for="agent_website" class="form-label">Website</label>
                                <input type="text" name="agent_website" id="agent_website" data-error="Please enter your website" class="form-control" placeholder="Website link not required">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-12 col-sm-12">
                            <div class="form-group">
                                <input type="checkbox" name="is_accepted_tac_1" id="is_accepted_tac_1" value="1" class="form-check-inline">
                                <label for="is_accepted_tac_1"> Prime Demo version is useable only for {{ $data['days']}} days. Prime Demo version will expired as on {{$data['days']}} days over.</label>
                            </div>
                        </div>
                        <div class="col-lg-12 col-sm-12">
                            <div class="form-group">
                                <input type="checkbox" name="is_accepted_tac_2" id="is_accepted_tac_2" value="1" class="form-check-inline">
                                <label for="is_accepted_tac_2">All data which you had entered will be deleted as demo version expired. We never keeping your demo version data with us.</label>
                            </div>
                        </div>
                        <div class="col-lg-12 col-sm-12">
                            <div class="form-group">
                                <input type="checkbox" name="is_accepted_tac_3" id="is_accepted_tac_3" value="1" class="form-check-inline">
                                <label for="is_accepted_tac_3">We are assure you that we can not any type of missuse of your demo virsion data and informations.</label>
                            </div>
                        </div>
                        <div class="col-lg-12 col-sm-12">
                            <div class="form-group">
                                <input type="checkbox" name="is_accepted_tac_4" id="is_accepted_tac_4" value="1" class="form-check-inline">
                                <label for="is_accepted_tac_4"> Prime Demo user can not claim (Any type of claims) for the data deleted as on Prime demo virsion expired.</label>
                            </div>
                        </div>
                        <div class="col-lg-12 col-sm-12">
                            <div class="form-group">
                                <input type="checkbox" name="is_accepted_tac_5" id="is_accepted_tac_5" value="1" class="form-check-inline">
                                <label for="is_accepted_tac_5">Are You Want to currect any Above detail (Yes) ( No)</label>
                            </div>
                        </div>
                        <div class="col-lg-6 col-sm-6">
                            <div class="form-group">
                                <input type="checkbox" name="is_accepted_tac_6" id="is_accepted_tac_6" value="1" class="form-check-inline">
                                <label for="is_accepted_tac_6"><b>Accept terms & conditions<b></label>
                            </div>
                        </div>
                    </div>
                    </br>
            </div>
        </div>
        <!-- End Why Choose Us Area -->

        <br>
        <div class="row">


            <div class="row">

                <div class="col-lg-6 col-sm-6">

                    <div class="form-group">
                        <p>28/Jan/26 23:13:12</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-12 text-center">

                <button type="submit" class="default-btn" id="registerSubmitBtn">
                    <i class="ri-arrow-right-s-line"></i>
                    Register
                </button>
                <div id="msgSubmit" class="h3 text-center hidden"></div>
                <div class="clearfix"></div>
            </div>





        </div>

        </form>
</div>

</section>
<div class="modal fade" id="modalOtpVerification" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="modalOtpVerificationLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">

                <h5 class="modal-title" id="modalOtpVerificationLabel">OTP Verify</h5>
                <button type="button" class="btn-close" id="close" data-bs-dismiss="modal" aria-label="Close"></button>

            </div>



            <form id="formOtpVerification">
                <div class="modal-body">
                    <input type="hidden" id="mobile_otp_id" name="mobile_otp_id" class="form-control">
                    <input type="hidden" id="form_type" name="form_type" value="{{$data['form_type']}}" />
                    <input type="hidden" id="code" name="code" value="{{$data['code']}}" />



                    @csrf
                    <div class="row">
                        <div class="col-lg-6 col-sm-6">
                            <h6>Mobile OTP</h6>
                            <div class="form-group">
                                <input type="text" name="mobile_otp" id="mobile_otp" maxLength="4" data-value="1" class="form-control form-control-lg text-center two-step" required data-error="Please enter your mobile otp" placeholder="Mobile OTP" value="">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-sm-6">
                            <h6>Email OTP</h6>
                            <div class="form-group">
                                <input type="text" name="email_otp" id="email_otp" data-value="2" class="form-control form-control-lg text-center two-step" required data-error="Please enter your email otp" placeholder="Email OTP" value="">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                    </div>
                        <p id="msgformOtpVerification"></p>
                        <div class="col-lg-12">

                            <div class="second-button">
                                <a href="javascript:void(0);" onclick="changeVerificationData();">Want to change email or mobile?</a>
                                <div>

                                    <button class="btn btn-primary clear-search" id="ResendOTP"><i class="ri-arrow-right-s-line"></i>Resend OTP</button>
                                    <button type="submit" class="btn btn-primary" id="btnOtpVerify"><i class="ri-arrow-right-s-line"></i>Verify</button>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="d-flex">
                            <!-- <div class="d-flex">
                                <button type="submit" class="btn btn-primary" id="btnOtpVerify" onclick="changeVerificationData();">
                                    <i class="ri-arrow-right-s-line"></i>
                                    Resend OTP
                                </button>
                            </div>
                            <div class="second-button">

                                <a href="javascript:void(0);" onclick="changeVerificationData();">Want to change email or mobile?</a>

                                <div id="msgformOtpVerification" class="text-danger text-center"></div>


                                <button type="submit" class="btn btn-primary" id="btnOtpVerify">
                                    <i class="ri-arrow-right-s-line"></i>
                                    Verify
                                </button>
                            </div> -->

                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </form>


        </div>
    </div>
</div>
</div>

<div class="modal fade" id="modalChangeVerificationData" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="modalChangeVerificationDataLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalChangeVerificationDataLabel">Change Detail</h5>

            </div>
            <form id="formChangeVerificationData" class="needs-validation" novalidate>
                <div class="modal-body">
                    @csrf
                    <div class="row">
                        <input type="hidden" id="agent_change_id" name="agent_change_id" class="form-control">
                        <div class="col-lg-6 col-sm-6">
                            <div class="form-group">
                                <input type="text" name="agent_change_email" id="agent_change_email" class="form-control" required data-error="Please enter your email1" placeholder="email">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-sm-6">
                            <div class="form-group">
                                <input type="text" name="agent_change_mobile_number" id="agent_change_mobile_number" class="form-control" required data-error="Please enter your mobile number" placeholder="Mobile number" onkeypress="return isNumber(event);">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">

                        <div id="msgformChangeVerificationData" class="text-danger text-center"></div>
                        <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Save</button>

                        <div class="clearfix"></div>
                    </div>

                </div>
            </form>
        </div>
    </div>
</div>


<div class="modal fade" id="modalDemoPlanDetail" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="modalDemoPlanDetailLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
        <div class="modal-content">


            <div class="modal-body">
                <div class="row">
                    <div class="col-lg-12 col-sm-12 ">

                        <div class="tableFixHead">

                            <div class="pricing-detail-title-1"> Reach Insurance Agent Portfolio (RIAP)</div>


                            @include('reachassuree_web.register.pricing')



                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>






@endsection('content')
@section('custom-scripts')


<script type="text/javascript">
    var ajaxRegistationURL = "{{route('save')}}";
    var ajaxRegistationmodel = "{{route('otp.verification')}}";
    var ajaxRegistationChang = "{{route('change.verification.data')}}";
    var ajaxRegistationURLSearchPin = "{{route('pin.search')}}";
    var ajaxAutoSugestion = "{{route('auto.suggest')}}";
    var ajaxdomainURl = "{{route('domain.url')}}";
    var paymentURL = "";
</script>
<script src="{{ asset('rassets/js/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('rassets/js/register-form-script.js') }}"></script>
<script src="{{ asset('assets/libs/parsleyjs/parsley.min.js') }}"></script>
<script src="{{ asset('assets/js/pages/form-validation.init.js') }}"></script>
<script src="{{ asset('assets/js/pages/jquery.form.js') }}"></script>
<script type="text/javascript">
    $(function() {
        $('#agent_password').bind('input', function() {
            $(this).val(function(_, v) {
                return v.replace(/\s+/g, '');
            });
        });
    });
    $(document).ready(function($) {

        // append value to input on change of the dropdown
        $(document).on('change', '#agent_pincode', function() {
            // Get selected value
            var csrfToken = $("[name=_token]").val();
            var agent_pincode = $(this).val();
            $.ajax({
                type: "POST", // Set ajax call type
                url: ajaxRegistationURLSearchPin, // Set url
                data: {
                    "agent_pincode": agent_pincode,
                    "_token": csrfToken,
                }, // Set an array of data
                dataType: 'json', // Set the data type
                success: function(response) {
                    if (response['status'] == 1) {

                        $("#btnAgentSave").prop("disabled", false);
                        $("#agent_state_name").val(response['data']['state_name']);
                        $("#agent_city_name").val(response['data']['district']);
                        $("#agent_contry_name").val('INDIA');
                        $("#id").val(response['data']['id']);

                    } else {
                        $("#btnAgentSave").prop("disabled", true);
                    }
                }
            });
        });

        $("#ResendOTP").click(function(e) {
            $("#ResendOTP").prop("disabled", true);
            $("#ResendOTP").html('<i class="ri-arrow-right-s-line"></i> Processing...');
            e.preventDefault();
            // $(document).on('click', '#ResendOTP', function() {
            // Get selected value
            var csrfToken = $("[name=_token]").val();
            var mobile_otp_id = $('#mobile_otp_id').val();
            $.ajax({
                type: "POST", // Set ajax call type
                url: ajaxResendOTP, // Set url
                data: {
                    "mobile_otp_id": mobile_otp_id,
                    "_token": csrfToken,
                }, // Set an array of data
                dataType: 'json', // Set the data type
                success: function(response) {
                    if (response['status'] == 1) {
                        $("#ResendOTP").prop("disabled", false);
                        $("#ResendOTP").html('<i class="ri-arrow-right-s-line"></i> Resend OTP');
                        toastr["success"](resultData['msg']);
                    }
                }
            });
        });
    });

    $(document).on('change', '#agent_first_name', function() {
        // Get selected value
        var csrfToken = $("[name=_token]").val();
        var agent_first_name = $("[name=agent_first_name]").val();
        $.ajax({
            type: "POST", // Set ajax call type
            url: ajaxAutoSugestion, // Set url
            data: {
                "agent_first_name": agent_first_name,
                "_token": csrfToken,
            }, // Set an array of data
            dataType: 'json', // Set the data type
            success: function(response) {
                if (response['status'] == 1) {
                    $("#btnAgentSave").prop("disabled", false);
                    $("#agent_username").val(response['data']['username']);
                    $("#agent_sub_domain").val(response['data']['sub_domain']);
                    $("#agent_sub_domain_url").val(response['data']['sub_domain_url']);
                } else {
                    $("#btnAgentSave").prop("disabled", true);
                }
            }
        });
    });

    $("#agent_sub_domain").on("input", function() {
        // Get selected value
        var csrfToken = $("[name=_token]").val();
        var agent_sub_domain = $("[name=agent_sub_domain]").val();
        $.ajax({
            type: "POST", // Set ajax call type
            url: ajaxdomainURl, // Set url
            data: {
                "agent_sub_domain": agent_sub_domain,
                "_token": csrfToken,
            }, // Set an array of data
            dataType: 'json', // Set the data type
            success: function(response) {

                if (response['status'] == 1) {

                    $("#btnAgentSave").prop("disabled", false);
                    $("#agent_sub_domain_url").val(response['data']['sub_domain_url']);

                } else {

                    $("#btnAgentSave").prop("disabled", true);

                }

            }
        });
    })




    $("#agent_mobile_number").on("input", function() {
        $("#agent_whatsapp_number").val($("#agent_mobile_number").val());
    })

    $("#confirmPaymentBtn").click(function() {

        window.location.href = paymentURL + "?code={{$data['code']}}";
    });
    $(function() {

        $('#eye2').click(function() {
            if ($('#eye2 i').hasClass('mdi-eye-off-outline')) {
                $('#eye2 i').removeClass('mdi-eye-off-outline');
                $('#eye2 i').addClass('mdi-eye-outline');
                $('#agent_password').attr('type', 'text');
            } else {
                $('#eye2 i').removeClass('mdi-eye-outline');
                $('#eye2 i').addClass('mdi-eye-off-outline');
                $('#agent_password').attr('type', 'password');
            }
        });
        $('#eye3').click(function() {
            if ($('#eye3 i').hasClass('mdi-eye-off-outline')) {
                $('#eye3 i').removeClass('mdi-eye-off-outline');
                $('#eye3 i').addClass('mdi-eye-outline');
                $('#agent_confirm_password').attr('type', 'text');
            } else {
                $('#eye3 i').removeClass('mdi-eye-outline');
                $('#eye3 i').addClass('mdi-eye-off-outline');
                $('#agent_confirm_password').attr('type', 'password');
            }
        });
    });
</script>
<script>
    $("#tab_get_demo").addClass("hightlight-tab");
</script>

@endsection