@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) {
        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;

    }

    .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;
    }


    .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;
    }
</style>

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

            <ul>
                <li>
                    <a href="{{ route('home.page') }}">
                        Home
                    </a>
                </li>

                <li class="active">
                    Demo Registration
                </li>
            </ul>

            {{-- <img src="{{ asset('rassets/images/choose-shape.png') }}" alt="Image" class="shape shape-3" data-speed="0.09" data-revert="true"> --}}
        </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 -->
<script>
    // .submit{
    // 		 visibility:hidden;
    // 	 }
    // 	 
</script>


<!-- 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">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" required data-error="Please enter your email" class="form-control" placeholder="Email address">
                                <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">(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" 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 " type="button"><i class="mdi mdi-eye-off-outline" id="eye2"></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"><i class="mdi mdi-eye-off-outline" id="eye3"></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">
                                <label for="agent_sub_domain" class="form-label">Sub Domain*</label>
                                <input type="text" name="agent_sub_domain" id="agent_sub_domain" required data-error="Please enter your agent_sub_domain" class="form-control" placeholder="Enter sub domain 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_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">
                                <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">Demo version is useable only for 90 days. Demo version will expired as on 90 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">Demo user can not claim (Any type of claims) for the data deleted as on 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>10/Dec/25 09:05:01</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>

            </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" class="form-control">
                    <input type="hidden" id="code" name="code" class="form-control">
                    <input type="hidden" id="subscription_plan_id" name="subscription_plan_id" class="form-control" value="{{$data['subscription_plan_id']}}">
                    <input type="hidden" id="subscription_period_days" name="subscription_period_days" class="form-control" value="{{$data['subscription_period_days']}}">
                    <input type="hidden" id="subscription_plan_amount" name="subscription_plan_amount" class="form-control" value="{{$data['subscription_plan_amount']}}">


                    @csrf
                    <div class="row">
                        <div class="col-lg-6 col-sm-6">
                            <h6>Mobile OTP</h6>

                        </div>


                        <div class="col-lg-6 col-sm-6">
                            <h6>Email OTP </h6>

                        </div>
                    </div>



                    <div class="row">
                        <div class="col-lg-6 col-sm-6">
                            <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">
                            <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>
                    <div class="row">
                        <div class="modal-footer">


                            <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 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="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>


                            <!-- <div class="pricing-detail-title-2">    Subscription Vallue Chart</div> -->


                            <table class="table table-striped table-bordered " align="center">

                                <thead>
                                    <tr class="pricing-table-header1">
                                        <td class="pricing-detail-title-2" colspan="2">Total( {{$data['applicationAmountForGST'] }} Rs + GST {{
								   $data['gstTexPercentage']}}%) = Payable :{{$data['payable_value_of_plan']}} Rs</td>

                                        <td class="pricing-detail-title-3" colspan="5">Subscription Vallue Chart</td>
                                    </tr>
                                    <tr class="pricing-table-header1">

                                        <th class='firstTh'>RIAP Plan</th>
                                        @foreach ($data['subscription_plan'] as $key => $value)
                                        <th class=""> {{$value->name}} </th>

                                        @endforeach
                                    </tr>
                                </thead>

                                <tbody>

                                    <tr class="">
                                        <td class='firstTh'>Monthly Rs.</td>
                                        @foreach ($data['subscription_plan'] as $key => $value)
                                        <td class=""> @if($value->month_year_price==0) {{'-'}} @else {{$value->month_year_price }} @endif </th>
                                            @endforeach
                                    </tr>
                                    <tr class="">
                                        <td class='firstTh'>Quarterly Rs.</td>
                                        @foreach ($data['subscription_plan'] as $key => $value)
                                        <td class=""> @if($value->quarterly_year_price==0) {{'-'}} @else {{$value->quarterly_year_price }} @endif </th>

                                            @endforeach
                                    </tr>
                                    <tr class="">
                                        <td class='firstTh'>Half Yealy Rs.</td>
                                        @foreach ($data['subscription_plan'] as $key => $value)
                                        <td class=""> @if($value->half_year_price==0) {{'-'}} @else {{$value->half_year_price }} @endif </th>
                                            @endforeach
                                    </tr>
                                    <tr class="">
                                        <td class='firstTh'>Yealy Rs.</td>
                                        @foreach ($data['subscription_plan'] as $key => $value)
                                        <td class=""> @if($value->year_price==0) {{'-'}} @else {{$value->year_price }} @endif </th>
                                            @endforeach
                                    </tr>
                                    @foreach ($data['features1'] as $key => $value)
                                    <tr>
                                        <td class="pricing-table-header2"> {{$value['name']}} </td>
                                        @foreach ($value['feature'] as $keyF => $valueF)
                                        <td> {{$valueF->unit}} </td>
                                        @endforeach
                                    </tr>

                                    @endforeach

                                    <tr>
                                        <td class="text-primary " colspan="8" style="text-align: center;font-size: 12px;"> >> Subcription Vallue is Excluding of GST << </td>
                                    </tr>

                                    @foreach ($data['features2'] as $key => $value)
                                    <tr>
                                        <td class=""> {{$value['name']}} </td>
                                        @foreach ($value['feature'] as $keyF => $valueF)
                                        <td> {{$valueF->unit}} </td>
                                        @endforeach
                                    </tr>
                                    @endforeach

                                    <tr>
                                        <td class=""> Personly Sub-Domain Purchase(Reach) </td>
                                        <td class="text-primary " colspan="8" style="text-align: center;font-size: 12px;"> >> If our Agent Cleint want to Purchase his own personal Domain, Fromus whtever Purchase Time Purchase Cost will be Payable. Plus Activation And Uploading to web Charges per action Rs 1000/- will be Payable.<< </td>
                                    </tr>
                                    @foreach ($data['features9'] as $key => $value)
                                    <tr>
                                        <td class=""> {{$value['name']}} </td>
                                        @foreach ($value['feature'] as $keyF => $valueF)
                                        <td> {{$valueF->unit}} </td>
                                        @endforeach
                                    </tr>
                                    @endforeach
                                    <tr>
                                        <td class=""> Domain Theme Purchase </td>
                                        <td class="text-primary " colspan="8" style="text-align: center;font-size: 12px;"> >> >> If Our Agent Client wish to get more Domain Theme , Charges Will be payable Rs.751 per theme << </td>
                                    <tr>
                                        @foreach ($data['features10'] as $key => $value)
                                    <tr>
                                        <td class=""> {{$value['name']}} </td>
                                        @foreach ($value['feature'] as $keyF => $valueF)
                                        <td> {{$valueF->unit}} </td>
                                        @endforeach
                                    </tr>
                                    @endforeach
                                    <tr>
                                        <td class=""> Client Mob.Appl. purchase </td>
                                        <td class="text-primary " colspan="8" style="text-align: center;font-size: 12px;"> >>If Our Agent Client wish to get more Agent Mobile Appli., Charges Will be payable Rs.2500/- per Aplication<< </td>
                                    </tr>
                                    @foreach ($data['features20'] as $key => $value)
                                    <tr>
                                        <td class=""> {{$value['name']}} </td>
                                        @foreach ($value['feature'] as $keyF => $valueF)
                                        <td> {{$valueF->unit}} </td>
                                        @endforeach
                                    </tr>
                                    @endforeach
                                    <tr>
                                        <td class=""> Agent Mobile Application purchase </td>
                                        <td class="text-primary " colspan="8" style="text-align: center;font-size: 12px;"> >>If Our Agent Client wish to get more Agent Mobile Appli., Charges Will be payable Rs.5100 per Agent Mobile Apli.<< </td>
                                    </tr>
                                    @foreach ($data['features21'] as $key => $value)
                                    <tr>
                                        <td class=""> {{$value['name']}} </td>
                                        @foreach ($value['feature'] as $keyF => $valueF)
                                        <td> {{$valueF->unit}} </td>
                                        @endforeach
                                    </tr>
                                    @endforeach
                                    <tr>
                                        <td class=""> Web Admin Logine purchase </td>
                                        <td class="text-primary " colspan="8" style="text-align: center;font-size: 12px;"> >>If Our Agent Client wish to get more Agent Mobile Appli., Charges Will be payable Rs.5100 per Agent Mobile Apli.<< </td>
                                    </tr>
                                    @foreach ($data['features22'] as $key => $value)
                                    <tr>
                                        <td class=""> {{$value['name']}} </td>
                                        @foreach ($value['feature'] as $keyF => $valueF)
                                        <td> {{$valueF->unit}} </td>
                                        @endforeach
                                    </tr>
                                    @endforeach
                                    <tr>
                                        <td class=""> SMS pack purchase </td>
                                        <td class="text-primary " colspan="8" style="text-align: center;font-size: 12px;"> >>If Our Agent Client wish to get more SMS, Charges Will be payable Rs.260 per 1000 SMS pack<<< /td>
                                    </tr>
                                    @foreach ($data['features23'] as $key => $value)
                                    <tr>
                                        <td class=""> {{$value['name']}} </td>
                                        @foreach ($value['feature'] as $keyF => $valueF)
                                        <td> {{$valueF->unit}} </td>
                                        @endforeach
                                    </tr>
                                    @endforeach
                                    <tr>
                                        <td class=""> Whatsapp Msg.pack Purchase </td>
                                        <td class="text-primary " colspan="8" style="text-align: center;font-size: 12px;"> >>If Our Agent Client wish to get more Whats App. Convertation, Charges Will be payable Rs.550 per 1000 Convertation pack<<< /td>
                                    </tr>
                                    @foreach ($data['features24'] as $key => $value)
                                    <tr>
                                        <td class=""> {{$value['name']}} </td>
                                        @foreach ($value['feature'] as $keyF => $valueF)
                                        <td> {{$valueF->unit}} </td>
                                        @endforeach
                                    </tr>
                                    @endforeach
                                    <tr>
                                        <td class=""> E-Mail Msg pack Purchase </td>
                                        <td class="text-primary " colspan="8" style="text-align: center;font-size: 12px;"> >>If Our Agent Client wish to get more E-mail Convertation, Charges Will be payable Rs.1100 per 1000 Convertation pack<<< /td>
                                    </tr>
                                    @foreach ($data['features25'] as $key => $value)
                                    <tr>
                                        <td class=""> {{$value['name']}} </td>
                                        @foreach ($value['feature'] as $keyF => $valueF)
                                        <td> {{$valueF->unit}} </td>
                                        @endforeach
                                    </tr>
                                    @endforeach

                                    <tr>
                                        <td></td>
                                        <td class="text-primary " colspan="8" style="text-align: center;font-size: 12px;"> >>If Our Agent Client wish to get more E-Mail Convertation, Charges Will be payable Rs.550 per 1000 Convertation pack<< </td>
                                    <tr>
                                    <tr class="text-primary">
                                        <td></td>
                                        <td class="text-primary" colspan="6" style="text-align: left;font-size: 12px;color: #080809">>>Terms & Condition for Vallue Chart</td>
                                    </tr>
                                    <tr class="text-primary">
                                        <td></td>
                                        <td colspan="6" style="text-align: left;font-size: 12px;color: #060607"> [01] &nbsp; If Breacked in subscription then Re-Activation Charges Rs.100 will be payable for Re-Activate. </td>
                                    </tr>
                                    <tr class="text-primary">
                                        <td></td>
                                        <td colspan="6" style="text-align: left;font-size: 12px;color: #080809"> [02]&nbsp; There is No Registration fee for to upgrade present plan without bracking.</p>
                                        </td>
                                    </tr>
                                    <tr class="text-primary">
                                        <td></td>
                                        <td colspan="6" style="text-align: left;font-size: 12px;color: #0a0b0c"> [03]&nbsp; Taxation Condition :-Taxes will be extra charged in bill whichever applicable as Government Rules </td>
                                    </tr>
                                    <tr class="text-primary">
                                        <td></td>
                                        <td colspan="6" style="text-align: left;font-size: 12px;color: #080b0f"> [04]&nbsp; Next Installment will be pay before Due Date,If not paid (Make a Breack) then Re-Activation Charges will be payable Rs.200/- </td>
                                    </tr>
                                    <tr class="text-primary">
                                        <td></td>
                                        <td colspan="6" style="text-align: left;font-size:12px;color: #0c0c0d"> [05] &nbsp;GST & if any Others Taxes (Whichever Applicable time to time by Government)Will be payable extra in the bill </td>
                                    </tr>
                                    @if($data['hasPayment'] == 1)
                                    <td colspan="6" class="text-right" style="text-align: right;"> <button id="confirmPaymentBtn" class="btn btn-primary">Pay Now</button></td>
                                    @else

                                    <td colspan="6" class="text-right" style="text-align: right;"> <button id="confirmPaymentBtn" class="btn btn-primary">Conform</button></td>
                                    @endif

                        </div>
                        </tr>
                        </tbody>
                        </table>
                    </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 paymentURL = "";
</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>
    $(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) {
                    console.log(response['data']);
                    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);

                    }


                }
            });
        });



    });


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

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


        window.location.href = paymentURL;
    });

    $(function() {

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

@endsection