@extends('layout.master')
@section('content')
    <section class="content pb-5">
        <div class="container-fluid">
            <div class="row pt-4 pb-3">
                <div class="col-md-12">
                    <div class="title-section">
                        <p>User Profile</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="tab-content user-pro" id="myTabContent2">

                        {{-- GENERAL INFORMATION --}}
                        <div class="tab-pane fade show active" id="home1" role="tabpanel" aria-labelledby="home-tab">
                            <ul class="appointmnettabs">
                                <li class="active">
                                    General Information
                                    <div class="appoint-ratedashed"><span class="appoint-rate"></span></div>
                                </li>
                                <li>
                                    About you
                                    <div class="appoint-ratedashed"><span class="appoint-rate"></span></div>
                                </li>
                                <li class="company-details" id="companyDetails1">
                                    Company Details
                                    <div class="appoint-ratedashed"><span class="appoint-rate"></span></div>
                                </li>
                                <li>
                                    Account Information
                                    <div class="appoint-ratedashed"><span class="appoint-rate"></span></div>
                                </li>
                                <li>
                                    KYC
                                    <div class="appoint-ratedashed appoint-ratedashedtop"><span class="appoint-rate"></span>
                                    </div>
                                </li>
                            </ul>
                            <div class="row mt-4">
                                <div class="col-md-12">
                                    <div class="title-section">
                                        <p>General Information</p>
                                    </div>
                                </div>
                            </div>
                            <form id="general_information" method="post" autocomplete="off">
                                @csrf
                                <div class="row justify-content-between">
                                    <div class="col-md-8 ">
                                        <div class="user-box">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div class="form-group custom-form-group">
                                                        <label class="form-label" for="customer">
                                                            @if (Auth::user()->type == 'individual')
                                                                First
                                                            @endif Name
                                                            <span class="text-danger">*</span>
                                                        </label>
                                                        <input name="first_name" class="form-control"
                                                            placeholder="@if (Auth::user()->type == 'individual') First @endif Name"
                                                            type="text"
                                                            value="{{ !empty($generalInformation['first_name']) ? $generalInformation['first_name'] : old('first_name') }}">
                                                    </div>
                                                </div>
                                                @if (Auth::user()->type == 'individual')
                                                    <div class="col-md-4">
                                                        <div class="form-group custom-form-group">
                                                            <label class="form-label" for="customer">Last Name<span
                                                                    class="text-danger">*</span></label>
                                                            <input name="last_name" class="form-control"
                                                                placeholder="Last Name" type="text"
                                                                value="{{ !empty($generalInformation['first_name']) ? $generalInformation['last_name'] : old('last_name') }}">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group custom-form-group">
                                                            <label class="form-label" for="customer">Date of Birth<span
                                                                    class="text-danger">*</span></label>
                                                            <input name="dob" class="form-control"
                                                                placeholder=">Date of Birth" type="date"
                                                                value="{{ !empty($generalInformation['dob']) ? $generalInformation['dob'] : old('dob') }}"
                                                                max="2025-12-15">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group custom-form-group">
                                                            <label class="form-label" for="customer">Gender<span
                                                                    class="text-danger">*</span></label>
                                                            <select class="form-control" name="gender">
                                                                <option value="">Select Gender</option>
                                                                <option value="male"
                                                                    {{ !empty($generalInformation['gender']) && $generalInformation['gender'] == 'male' ? 'selected' : '' }}>
                                                                    Male</option>
                                                                <option value="female"
                                                                    {{ !empty($generalInformation['gender']) && $generalInformation['gender'] == 'female' ? 'selected' : '' }}>
                                                                    Female</option>
                                                                <option value="others"
                                                                    {{ !empty($generalInformation['gender']) && $generalInformation['gender'] == 'others' ? 'selected' : '' }}>
                                                                    Others</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                @endif
                                                <div class="col-md-4">
                                                    <div class="form-group custom-form-group">
                                                        <label class="form-label" for="customer">Email Id<span
                                                                class="text-danger">*</span></label>
                                                        <input name="email" class="form-control" placeholder="Email Id"
                                                            type="text"
                                                            value="{{ !empty($generalInformation['email']) ? $generalInformation['email'] : old('email') }}"
                                                            style="pointer-events: none;">
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group custom-form-group">
                                                        <label class="form-label" for="customer">Mobile No<span
                                                                class="text-danger">*</span></label>
                                                        <input name="mobile_number" class="form-control"
                                                            placeholder="Mobile No" type="text"
                                                            maxlength="10" pattern="\d{10}"
                                                            value="{{ !empty($generalInformation['mobile_number']) ? $generalInformation['mobile_number'] : old('mobile_number') }}">
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-md-12">
                                                <div class="title-section">
                                                    <p>Company Address</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="user-box mt-4">

                                            <!-- User Address Details-->
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group login-box-label">
                                                        <label class="control-label" for="passward">Address Line 1 <span
                                                                class="text-danger">*</span></label>
                                                        <input type="text" class="form-control"
                                                            aria-label="Text input with radio button" name="address"
                                                            value="{{ !empty($generalInformation['address']) ? $generalInformation['address'] : old('address') }}"
                                                            placeholder="Address" id="address">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group login-box-label">
                                                        <label class="control-label" for="passward">Address Line 2 <span
                                                                class="text-danger">*</span></label>
                                                        <input type="text" class="form-control"
                                                            aria-label="Text input with radio button"
                                                            name="address_line_2"
                                                            value="{{ !empty($generalInformation['temp_address']) ? $generalInformation['temp_address'] : old('address_line_2') }}"
                                                            placeholder="Address" id="address_line_2">
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group login-box-label">
                                                        <label class="control-label" for="pincode">Pincode <span
                                                                class="text-danger">*</span></label>
                                                        <input type="text" class="form-control"
                                                            aria-label="Text input with radio button" name="pincode"
                                                            value="{{ !empty($generalInformation['pincode']) ? $generalInformation['pincode'] : old('pincode') }}"
                                                            placeholder="Pincode" id="pincode">
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group login-box-label">
                                                        <label class="control-label" for="country">Country <span
                                                                class="text-danger">*</span></label>
                                                        <input type="text" class="form-control"
                                                            aria-label="Text input with radio button" name="country"
                                                            value="India" placeholder="Country"
                                                            style="pointer-events: none;" id="country">
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group login-box-label">
                                                        <label class="control-label" for="email">State<span
                                                                class="text-danger">*</span></label>
                                                        <select class="form-control" name="state" id="state">
                                                            <option value="" disabled selected>Select State</option>
                                                            @foreach ($states as $value)
                                                                <option value="{{ $value['id'] }}"
                                                                    {{ old('state', $generalInformation['state_id']) == $value['id'] ? 'selected' : '' }}>
                                                                    {{ $value['name'] }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group login-box-label">
                                                        <label class="control-label" for="city">City <span
                                                                class="text-danger">*</span></label>
                                                        <select id="city" class="form-control" autocomplete="off"
                                                            name="city" required>
                                                            <option value="">Select City</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="form-group login-box-label">
                                                        <label class="control-label" for="location">Location <span
                                                                class="text-danger">*</span></label>
                                                        <input type="text" class="form-control"
                                                            aria-label="Text input with radio button" name="location"
                                                            value="{{ old('location', $generalInformation['location']) }}"
                                                            placeholder="Location" id="location">
                                                    </div>
                                                </div>
                                                <div class="col-md-12 mt-3">
                                                    <iframe
                                                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d30703867.0716799!2d64.40183608457191!3d20.049158955693073!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30635ff06b92b791%3A0xd78c4fa1854213a6!2sIndia!5e0!3m2!1sen!2sin!4v1649678246649!5m2!1sen!2sin"
                                                        width="100%" height="211" class="mt-1" style="border:0;"
                                                        allowfullscreen="" loading="lazy"
                                                        referrerpolicy="no-referrer-when-downgrade"></iframe>
                                                </div>
                                            </div>
                                            <!-- End Adress detail section -->
                                        </div>
                                        <div class="row text-right mt-4 mb-4">
                                            <div class="col-md-12">
                                                <button type="submit" class="btn tn-outline-dark next-btn">Save</button>
                                                <button type="submit" id="secondHomeButton" data-target="#home2"
                                                    class="btn btn-outline-dark next-btn">Next</button>
                                                <!-- <button id="secondHomeButton" type="submit" class="btn btn-outline-dark next-btn" data-target="#home2" data-toggle="tab">Next</button> -->
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="about-youreself-box">
                                            <div class="row mt-2 text-center">
                                                <div class="col-md-12">
                                                    @if (empty($generalInformation['profilePic']))
                                                        <div class="circle-icon-img">
                                                            <img id="profilePic"
                                                                src="{{ asset('assets/images/avatar.png') }}"
                                                                class="circle-img" alt="">
                                                        </div>
                                                    @else
                                                        <div class="circle-icon-img">
                                                            <img id="profilePic"
                                                                src="{{ $generalInformation['profilePic'] }}"
                                                                class="circle-img" alt="">
                                                        </div>
                                                    @endif
                                                    <div class="upload-btn-wrapper ">
                                                        <button class="uploadBtn">
                                                            Upload Profile Photo
                                                        </button>
                                                        <input type="file" id="image-upload" name="image_upload[]"
                                                            enctype="multipart/form-data" multiple />
                                                        <span class="text-danger" id="image-input-error"></span>
                                                    </div>
                                                    <h2>{{ ucfirst($generalInformation['first_name']) . ' ' . ucfirst($generalInformation['last_name']) }}
                                                    </h2>
                                                </div>
                                            </div>
                                            <div class="row mt-4">
                                                <div class="col-md-12">
                                                    <h6>{{ $generalInformation['email'] }}</h6>
                                                </div>
                                            </div>
                                            <div class="row mt-3">
                                                <div class="col-md-6">
                                                    <h6>M: {{ $generalInformation['mobile_number'] }}</h6>
                                                    <h5>{{ $generalInformation['cityName'] }}</h5>
                                                </div>
                                                <div class="col-md-6 text-right">
                                                    <h6>{{ $generalInformation['gender'] ? ucfirst($generalInformation['gender']) : '' }}
                                                    </h6>
                                                </div>
                                            </div>
                                            <div class="border-top mt-4"></div>
                                            <div class="row mt-3">
                                                <div class="col-md-12">
                                                    <h3>Contact Me</h3>
                                                </div>
                                            </div>
                                            <div class="row mt-3 mb-4">
                                                <div class="col-md-12">
                                                    <a href="https://www.facebook.com" target="_blank"><img
                                                            src="{{ asset('assets/images/facebook-svgrepo-com.svg') }}"
                                                            height="30px" class="mr-3" alt=""></a>
                                                    <a href="https://www.instagram.com/" target="_blank"><img
                                                            src="{{ asset('assets/images/instagram-svgrepo-com.svg') }}"
                                                            height="30px" class="mr-3" alt=""></a>
                                                    <a href="https://www.gmail.com/" target="_blank"><img
                                                            src="{{ asset('assets/images/gmail-svgrepo-com.svg') }}"
                                                            height="30px" alt=""></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                        {{-- END  GENERAL INFORMATION --}}

                        {{-- ABOUT YOU --}}
                        <div class="tab-pane fade" id="home2" role="tabpanel" aria-labelledby="profile-tab">
                            <ul class="appointmnettabs">
                                <li class="active">
                                    General Information
                                    <div class="appoint-ratedashed"><span class="appoint-rate"></span></div>
                                </li>
                                <li class="active">
                                    About you
                                    <div class="appoint-ratedashed"><span class="appoint-rate"></span></div>
                                </li>
                                <li class="company-details" id="companyDetails2">
                                    Company Details
                                    <div class="appoint-ratedashed"><span class="appoint-rate"></span></div>
                                </li>
                                <li>
                                    Account Information
                                    <div class="appoint-ratedashed"><span class="appoint-rate"></span></div>
                                </li>
                                <li>
                                    KYC
                                    <div class="appoint-ratedashed appoint-ratedashedtop"><span
                                            class="appoint-rate"></span></div>
                                </li>
                            </ul>
                            <div class="row mt-4">
                                <div class="col-md-12">
                                    <div class="title-section">
                                        <p>About you</p>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-9">
                                    <form id="about_you_form" method="post" autocomplete="off">
                                        <div class="about-you-sec">
                                            <p>We would like to know a bit about you before we get started</p>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-group login-box-label">
                                                        <p>How many orders do you ship in a month?<span
                                                                class="text-danger">*</span>
                                                        </p>
                                                        <input class="with-gap" name="about1" type="radio"
                                                            id="number" value="Setting up a new business"
                                                            {{ !empty($generalInformation['about1']) && $generalInformation['about1'] == 'Setting up a new business' ? 'checked' : '' }}>
                                                        <label for="number" class="label-about-you">Setting up a new
                                                            business</label> <br>
                                                        <input class="with-gap" name="about1" type="radio"
                                                            id="number1"
                                                            value="Between 1-10 orders/few personal shipments"
                                                            {{ !empty($generalInformation['about1']) && $generalInformation['about1'] == 'Between 1-10 orders/few personal shipments' ? 'checked' : '' }}>
                                                        <label for="number1" class="label-about-you">Between 1-10
                                                            orders/few
                                                            personal
                                                            shipments</label><br>
                                                        <input class="with-gap" name="about1" type="radio"
                                                            id="number2" value="11-100 orders"
                                                            {{ !empty($generalInformation['about1']) && $generalInformation['about1'] == '11-100 orders' ? 'checked' : '' }}>
                                                        <label for="number2" class="label-about-you">11-100
                                                            orders</label><br>
                                                        <input class="with-gap" name="about1" type="radio"
                                                            id="number3" value="101-1000 orders"
                                                            {{ !empty($generalInformation['about1']) && $generalInformation['about1'] == '101-1000 orders' ? 'checked' : '' }}>
                                                        <label for="number3" class="label-about-you">101-1000
                                                            orders</label><br>
                                                        <input class="with-gap" name="about1" type="radio"
                                                            id="number4" value="1001-5000 orders"
                                                            {{ !empty($generalInformation['about1']) && $generalInformation['about1'] == '1001-5000 orders' ? 'checked' : '' }}>
                                                        <label for="number4" class="label-about-you">1001-5000
                                                            orders</label><br>
                                                        <input class="with-gap" name="about1" type="radio"
                                                            id="number5" value="More than 5000 orders"
                                                            {{ !empty($generalInformation['about1']) && $generalInformation['about1'] == 'More than 5000 orders' ? 'checked' : '' }}>
                                                        <label for="number5" class="label-about-you">More than 5000
                                                            orders</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-group login-box-label">
                                                        <p class="mt-4">Which of the following best describes your
                                                            company or
                                                            need?<span class="text-danger">*</span></p>
                                                        <input class="with-gap" name="about2" type="radio"
                                                            id="number6" value="Direct to consumer brand"
                                                            {{ !empty($generalInformation['about2']) && $generalInformation['about2'] == 'Direct to consumer brand' ? 'checked' : '' }}>
                                                        <label for="number6" class="label-about-you">Direct to consumer
                                                            brand</label>
                                                        <br>
                                                        <input class="with-gap" name="about2" type="radio"
                                                            id="number7" value="Trader/Wholesaler/Reseller"
                                                            {{ !empty($generalInformation['about2']) && $generalInformation['about2'] == 'Trader/Wholesaler/Reseller' ? 'checked' : '' }}>
                                                        <label for="number7"
                                                            class="label-about-you">Trader/Wholesaler/Reseller</label><br>
                                                        <input class="with-gap" name="about2" type="radio"
                                                            id="number8"
                                                            value="Social seller selling on Whatsapp, Facebook, Instagram"
                                                            {{ !empty($generalInformation['about2']) && $generalInformation['about2'] == 'Social seller selling on Whatsapp, Facebook, Instagram' ? 'checked' : '' }}>
                                                        <label for="number8" class="label-about-you">Social seller
                                                            selling on
                                                            Whatsapp, Facebook, Instagram</label><br>
                                                        <input class="with-gap" name="about2" type="radio"
                                                            id="number9" value="Services sending documents"
                                                            {{ !empty($generalInformation['about2']) && $generalInformation['about2'] == 'Services sending documents' ? 'checked' : '' }}>
                                                        <label for="number9" class="label-about-you">Services sending
                                                            documents</label><br>
                                                        <input class="with-gap" name="about2" type="radio"
                                                            id="number10"
                                                            value="Individual sending a few personal shipments"
                                                            {{ !empty($generalInformation['about2']) && $generalInformation['about2'] == 'Individual sending a few personal shipments' ? 'checked' : '' }}>
                                                        <label for="number10" class="label-about-you">Individual sending a
                                                            few
                                                            personal shipments</label><br>
                                                        <input class="with-gap" name="about2" type="radio"
                                                            id="number11" value="Others"
                                                            {{ !empty($generalInformation['about2']) && $generalInformation['about2'] == 'Others' ? 'checked' : '' }}>
                                                        <label for="number11" class="label-about-you">Others</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4 mb-4 text-right">
                                            <div class="col-md-12">
                                                <button id="secondPreviosButton" type="button"
                                                    class="btn btn-danger  mr-3" data-target="#home1"
                                                    data-toggle="tab">Back</button>
                                                <button type="submit" class="btn tn-outline-dark next-btn">Save</button>
                                                <button id="thirdNextHomeButtonb2" type="submit"
                                                    class="btn btn-outline-dark next-btn individual-details"
                                                    data-target="#home4">Next</button>
                                                <button id="thirdNextHomeButtonb1" type="submit"
                                                    class="btn btn-outline-dark next-btn company-details"
                                                    data-target="#home3">Next</button>
                                                {{-- <button type="submit" id="thirdNextHomeButtonb1" data-target="#home3"
                                                    class="btn btn-outline-dark next-btn company-details">Next</button> --}}
                                            </div>
                                        </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="about-youreself-box">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="title-section">
                                                    <p>Share a little about yourself</p>
                                                </div>
                                            </div>
                                        </div>
                                        <p>To deliver the best of our services, we first need to
                                            know you. Based on your responses, we’ll show you
                                            more relevant notifications about your account. Be
                                            the first one toknow about new features, panel
                                            updates, and more.</p>
                                    </div>
                                </div>
                                </form>
                            </div>
                        </div>
                        {{-- END ABOUT YOU --}}


                        {{-- COMPANY DETAILS  --}}
                        <div class="tab-pane fade company-details" id="home3" role="tabpanel"
                            aria-labelledby="profile-tab">
                            <ul class="appointmnettabs">
                                <li class="active">
                                    General Information
                                    <div class="appoint-ratedashed"><span class="appoint-rate"></span></div>
                                </li>
                                <li class="active">
                                    About you
                                    <div class="appoint-ratedashed"><span class="appoint-rate"></span></div>
                                </li>
                                <li class="active company-details" id="companyDetails3">
                                    Company Details
                                    <div class="appoint-ratedashed"><span class="appoint-rate"></span></div>
                                </li>
                                <li>
                                    Account Information
                                    <div class="appoint-ratedashed"><span class="appoint-rate"></span></div>
                                </li>
                                <li>
                                    KYC
                                    <div class="appoint-ratedashed appoint-ratedashedtop"><span
                                            class="appoint-rate"></span></div>
                                </li>
                            </ul>
                            <div class="row mt-4">
                                <div class="col-md-12">
                                    <div class="title-section">
                                        <p>Company Detail</p>
                                    </div>
                                </div>
                            </div>
                            <div class="row justify-content-between">
                                <div class="col-md-8">
                                    <form id="company_details" method="post" autocomplete="off">
                                        <div class="user-box">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div class="form-group custom-form-group">
                                                        <label class="form-label" for="customer">Company Name<span
                                                                class="text-danger">*</span></label>
                                                        <input name="company_name" class="form-control"
                                                            placeholder="Enter Company Name" type="text"
                                                            value="{{ !empty($generalInformation['userCompanyDetails']['company_name']) ? $generalInformation['userCompanyDetails']['company_name'] : (!empty($generalInformation['first_name']) ? $generalInformation['first_name'] : old('company_name')) }}">
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group custom-form-group">
                                                        <label class="form-label" for="customer">Company Email Id<span
                                                                class="text-danger">*</span></label>
                                                        <input name="company_email" class="form-control" placeholder=""
                                                            type="text"
                                                            value="{{ !empty($generalInformation['userCompanyDetails']['company_email']) ? $generalInformation['userCompanyDetails']['company_email'] : (!empty($generalInformation['email']) ? $generalInformation['email'] : old('company_email')) }}">
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group custom-form-group">
                                                        <label class="form-label" for="customer">GST No
                                                            @if ($generalInformation['is_gst_verified'] == 'yes')
                                                                <i class="fa fa-check text-success"></i>
                                                            @endif
                                                        </label>
                                                        <input name="gstin_number" class="form-control" placeholder=""
                                                            type="text"
                                                            value="{{ !empty($generalInformation['userCompanyDetails']['gstin_number']) ? $generalInformation['userCompanyDetails']['gstin_number'] : old('gstin_number') }}">
                                                    </div>
                                                </div>


                                                <div class="col-md-4">
                                                    <div class="form-group custom-form-group">
                                                        <label class="form-label" for="passward">PAN Number<span
                                                                class="text-danger">*</span>
                                                            @if ($generalInformation['is_pan_verified'] == 'yes')
                                                                <i class="fa fa-check text-success"></i>
                                                            @endif
                                                        </label>
                                                        <input type="text" class="form-control" name="pan_number"
                                                            value="{{ !empty($generalInformation['userCompanyDetails']['pan_number']) ? $generalInformation['userCompanyDetails']['pan_number'] : old('pan_number') }}"
                                                            placeholder="Pan Number">
                                                    </div>
                                                </div>
                                                @if (Auth::user()->role != 'lsp')
                                                    <div class="col-md-4">
                                                        <div class="form-group custom-form-group">
                                                            <label class="form-label" for="aadhar">Aadhaar Number
                                                                @if ($generalInformation['is_adhar_verified'] == 'yes')
                                                                    <i class="fa fa-check text-success"></i>
                                                                @endif
                                                            </label>
                                                            <input type="text" class="form-control"
                                                                name="adhar_number"
                                                                value="{{ !empty($generalInformation['userCompanyDetails']['adhar_number']) ? $generalInformation['userCompanyDetails']['adhar_number'] : old('adhar_number') }}"
                                                                placeholder="Aadhaar Number">
                                                        </div>
                                                    </div>
                                                @endif
                                                <div class="col-md-4">
                                                    <div class="form-group custom-form-group">
                                                        <label class="form-label" for="number *">TAN Number </label>
                                                        @if ($generalInformation['is_tan_verified'] == 'yes')
                                                            <i class="fa fa-check text-success"></i>
                                                        @endif
                                                        <input type="text" class="form-control" name="tan_number"
                                                            value=" {{ !empty($generalInformation['userCompanyDetails']['tan_number']) ? $generalInformation['userCompanyDetails']['tan_number'] : old('tan_number') }}"
                                                            placeholder="TAN Number">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-md-12">
                                                <div class="title-section">
                                                    <p>Billing Address</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="user-box">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div class="form-group custom-form-group">
                                                        <label class="form-label" for="customer">Address Line 1<span
                                                                class="text-danger">*</span></label>
                                                        <input name="billing_address_1" class="form-control"
                                                            placeholder="" type="text"
                                                            value="{{ !empty($generalInformation['userCompanyDetails']['billing_address_1']) ? $generalInformation['userCompanyDetails']['billing_address_1'] : (!empty($generalInformation['address']) ? $generalInformation['address'] : old('billing_address_1')) }}">
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group custom-form-group">
                                                        <label class="form-label" for="customer">Address Line 2<span
                                                                class="text-danger">*</span></label>
                                                        <input name="billing_address_2" class="form-control"
                                                            placeholder="" type="text"
                                                            value="{{ !empty($generalInformation['userCompanyDetails']['billing_address_2']) ? $generalInformation['userCompanyDetails']['billing_address_2'] : (!empty($generalInformation['temp_address']) ? $generalInformation['temp_address'] : old('billing_address_1')) }}">
                                                    </div>
                                                </div>


                                                <div class="col-md-4">
                                                    <div class="form-group custom-form-group">
                                                        <label class="form-label" for="customer">Phone No<span
                                                                class="text-danger">*</span></label>
                                                        <input name="phone_number" class="form-control" placeholder=""
                                                            type="text"
                                                            maxlength="10" pattern="\d{10}"
                                                            value="{{ !empty($generalInformation['userCompanyDetails']['phone_number']) ? $generalInformation['userCompanyDetails']['phone_number'] : (!empty($generalInformation['mobile_number']) ? $generalInformation['mobile_number'] : old('phone_number')) }}">
                                                    </div>
                                                </div>

                                                <div class="col-md-4">
                                                    <div class="form-group custom-form-group">
                                                        <label class="form-label" for="customer">Zip<span
                                                                class="text-danger">*</span></label>
                                                        <input name="zipcode" id="pincode_id" class="form-control"
                                                            placeholder="" type="text"
                                                            value="{{ !empty($generalInformation['userCompanyDetails']['zipcode']) ? $generalInformation['userCompanyDetails']['zipcode'] : (!empty($generalInformation['pincode']) ? $generalInformation['pincode'] : old('zipcode')) }}">
                                                    </div>
                                                </div>

                                                <div class="col-md-4">
                                                    <div class="form-group custom-form-group">
                                                        <label class="form-label" for="customer">State<span
                                                                class="text-danger">*</span></label>

                                                        <select class="form-control" name="state" id="state">
                                                            <option value="" disabled selected>Select State
                                                            </option>
                                                            @foreach ($generalInformation['states'] as $value)
                                                                <option value="{{ $value['id'] }}"
                                                                    {{ old('state', !empty($generalInformation['userCompanyDetails']['state_id']) ? $generalInformation['userCompanyDetails']['state_id'] : $generalInformation['state_id']) == $value['id'] ? 'selected' : '' }}>
                                                                    {{ $value['name'] }}</option>
                                                            @endforeach
                                                        </select>

                                                    </div>
                                                </div>




                                                <div class="col-md-4">
                                                    <div class="form-group custom-form-group">
                                                        <label class="form-label" for="customer">City<span
                                                                class="text-danger">*</span></label>
                                                        <select id="city_id" class="form-control" autocomplete="off"
                                                            name="city_id" required>
                                                            <option value="">Select City</option>
                                                        </select>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                        @if (Auth::user()->type == 'lsp')
                                            <div class="row mt-4">
                                                <div class="col-md-12">
                                                    <div class="title-section">
                                                        <p>Upload Sign</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="user-box">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <div class="col-md-3">
                                                            <h6 class="cancel-cheque">
                                                                <div class="user-img">
                                                                    @if ($generalInformation['upload_sign'])
                                                                        <img src="{{ $generalInformation['upload_sign'] }}"
                                                                            alt="" id="previewSign">
                                                                    @else
                                                                        <img src="{{ asset('assets/images/user-procapture.png') }}"
                                                                            alt="" id="previewSign">
                                                                    @endif
                                                                </div>
                                                            </h6>

                                                            <div class="upload-btn-wrapper kyc-btn mt-3">
                                                                <button class="kycupload" id="uploadSign">
                                                                    Upload
                                                                </button>
                                                                <input type="file" name="upload_sign" id="SelectSign"
                                                                    enctype="multipart/form-data" accept="image/*">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                        <div class="row mt-4 mb-4 text-right">
                                            <div class="col-md-12">
                                                <button id="thirdPreviosButton" type="button"
                                                    class="btn btn-danger mr-3" data-target="#home2"
                                                    data-toggle="tab">Back</button>
                                                <button type="submit" class="btn tn-outline-dark next-btn">Save</button>
                                                <button type="submit" id="nextButtonHome4" data-target="#home4"
                                                    class="btn btn-outline-dark next-btn">Next</button>
                                            </div>
                                        </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="about-youreself-box">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="title-section">
                                                    <p>About Your Company</p>
                                                </div>
                                            </div>
                                        </div>
                                        <p>In publishing and graphic design, Lorem ipsum is a placeholder text commonly
                                            used
                                            to demonstrate
                                            the visual form of a document or a typeface without relying on meaningful
                                            content.
                                        </p>
                                    </div>
                                    <div class="row mt-5">
                                        <div class="col-md-12">
                                            <div class="title-section">
                                                <p>Explore topics you are
                                                    interested in
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <span class="badge  Explore-topic-bgd mr-1">Science and Environment</span>
                                            <span class="badge  Explore-topic-bgd">Health</span>
                                            <span class="badge  Explore-topic-bgd mr-1 mt-3">Health</span>
                                            <span class="badge  Explore-topic-bgd mt-3 ">Marketing and
                                                Advertising</span>
                                            <span class="badge  Explore-topic-bgd mr-1 mt-3">Society and Culture</span>
                                            <span class="badge  Explore-topic-bgd mt-1 ">Society and Culture</span>
                                            <span class="badge  Explore-topic-bgd mr-1 mt-3">Science and
                                                Environment</span>
                                            <span class="badge  Explore-topic-bgd mt-3">Health</span>
                                            <span class="badge  Explore-topic-bgd mr-1 mt-3">Health</span>
                                            <span class="badge  Explore-topic-bgd mt-3 ">Marketing and
                                                Advertising</span>
                                            <span class="badge  Explore-topic-bgd mr-1 mt-3">Society and Culture</span>
                                            <span class="badge  Explore-topic-bgd mt-3 ">Society and Culture</span>
                                        </div>
                                    </div>
                                </div>
                                </form>
                            </div>
                        </div>
                        {{-- END COMPANY DETAILS  --}}

                        {{-- ACCOUNT INFORMATION  --}}
                        <div class="tab-pane fade" id="home4" role="tabpanel" aria-labelledby="profile-tab">
                            <ul class="appointmnettabs">
                                <li class="active">
                                    General Information
                                    <div class="appoint-ratedashed"><span class="appoint-rate"></span></div>
                                </li>
                                <li class="active">
                                    About you
                                    <div class="appoint-ratedashed"><span class="appoint-rate"></span></div>
                                </li>
                                <li class="active company-details" id="companyDetails4">
                                    Company Details
                                    <div class="appoint-ratedashed"><span class="appoint-rate"></span></div>
                                </li>
                                <li class="active">
                                    Account Information
                                    <div class="appoint-ratedashed"><span class="appoint-rate"></span></div>
                                </li>
                                <li>
                                    KYC
                                    <div class="appoint-ratedashed appoint-ratedashedtop"><span
                                            class="appoint-rate"></span></div>
                                </li>
                            </ul>
                            <div class="row mt-4">
                                <div class="col-md-12">
                                    <div class="title-section">
                                        <p>Account information</p>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-8 justify-content-between">
                                    <form id="account_information_form" method="post" autocomplete="off">
                                        <div class="about-you-sec">
                                            <p>As a verification process, we’ll make a transaction of Rs. 1 to your bank
                                                account. Your account gets verified when the amount
                                                is credited successfully in your bank account.
                                            </p>
                                            <div class="user-box">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <div class="form-group custom-form-group">
                                                            <label class="form-label" for="customer">Benificiary
                                                                Name<span class="text-danger">*</span></label>
                                                            <input class="form-control" placeholder="Benificiary Name"
                                                                type="text" name="beneficiary_name"
                                                                value="{{ !empty($generalInformation['beneficiary_name']) ? $generalInformation['beneficiary_name'] : old('beneficiary_name') }}"
                                                                id="beneficiary_name">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group custom-form-group">
                                                            <label class="form-label" for="customer">Account Type<span
                                                                    class="text-danger">*</span></label>
                                                            <select class="form-control" name="account_type"
                                                                id="account_type">
                                                                <option value="">Select Account Type</option>
                                                                <option value="savings"
                                                                    {{ !empty($generalInformation['account_type']) && $generalInformation['account_type'] == 'savings' ? 'selected' : '' }}>
                                                                    Savings</option>
                                                                <option value="current"
                                                                    {{ !empty($generalInformation['account_type']) && $generalInformation['account_type'] == 'current' ? 'selected' : '' }}>
                                                                    Current</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <div class="form-group custom-form-group">
                                                            <label class="form-label" for="customer">Account
                                                                Number<span class="text-danger">*</span></label>
                                                            <input class="form-control AllowNumeric"
                                                                placeholder="Account Number" type="text"
                                                                name="account_number"
                                                                value="{{ !empty($generalInformation['account_number']) ? $generalInformation['account_number'] : old('account_number') }}"
                                                                id="account_number">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group custom-form-group">
                                                            <label class="form-label" for="customer">Re-Enter Account
                                                                Number<span class="text-danger">*</span></label>
                                                            <input class="form-control"
                                                                placeholder="Re-Enter Account Number" type="text"
                                                                name="re_account_number"
                                                                value="{{ !empty($generalInformation['account_number']) ? $generalInformation['account_number'] : old('re_account_number') }}"
                                                                id="re_account_number">
                                                                <span id="acc-alert"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row align-items-end">
                                                    <div class="col-md-4">
                                                        <div class="form-group custom-form-group">
                                                            <label class="form-label" for="customer">IFSC Code<span
                                                                    class="text-danger">*</span></label>
                                                            <input class="form-control" placeholder="IFSC Code"
                                                                type="text" name="ifsc_code"
                                                                value="{{ !empty($generalInformation['ifsc_code']) ? $generalInformation['ifsc_code'] : old('ifsc_code') }}"
                                                                id="ifsc_code"
                                                                oninput="ifcCodeFetchData(this)">
                                                            <span style="display: none; background-color: red;" id="ifsc_code_error">Invalid IFSC</span>

                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group custom-form-group">
                                                            <label class="form-label" for="customer">Branch Name</label>
                                                            <input class="form-control" placeholder="Branch Name"
                                                                type="text" name="branch_name"
                                                                id="branch_name" value="{{ !empty($generalInformation['branch_name']) ? $generalInformation['branch_name'] : old('branch_name') }}">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group custom-form-group">
                                                            <label class="form-label" for="customer">Bank Name</label>
                                                            <input class="form-control" placeholder="Bank Name"
                                                                type="text" name="bank_name"
                                                                id="bank_name" value="{{ !empty($generalInformation['bank_name']) ? $generalInformation['bank_name'] : old('bank_name') }}">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4" hidden>
                                                        <div class="form-group custom-form-group">
                                                            <label class="form-label" for="customer">&nbsp;&nbsp;</label>
                                                            <button type="button" class="btn btn-outline-dark next-btn"
                                                                data-target="#home5" data-toggle="tab">IFSC
                                                                Lookup</button>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <label class="form-label" for="customer">Upload Cancelled
                                                            cheque</label>
                                                        <div class="col-md-3">
                                                            <h6 class="cancel-cheque">
                                                                <div class="user-img">
                                                                    @if ($generalInformation['upload_cancelled_cheque'])
                                                                        <img src="{{ $generalInformation['upload_cancelled_cheque'] }}"
                                                                            alt="" id="previewCancelledCheque">
                                                                    @else
                                                                        <img src="{{ asset('assets/images/user-procapture.png') }}"
                                                                            alt="" id="previewCancelledCheque">
                                                                    @endif
                                                                </div>
                                                            </h6>

                                                            <div class="upload-btn-wrapper kyc-btn mt-3">
                                                                <button class="kycupload" id="uploadCancelledCheque">
                                                                    Upload
                                                                </button>
                                                                <input type="file" name="upload_cancelled_cheque"
                                                                    id="SelectCancelledCheque"
                                                                    enctype="multipart/form-data" accept="image/*">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row mt-4">
                                                    {{-- <div class="col-md-12">
                                                        <button type="submit" class="btn btn-danger  mr-3">Save</button>
                                                        <button type="button" class="btn btn-outline-dark next-btn"
                                                            id="resetField">Reset</button>
                                                    </div> --}}
                                                </div>
                                            </div>
                                            <div class="row text-right mt-4 mb-4">
                                                <div class="col-md-12">
                                                    <button id="forthPreviosButton1" type="button"
                                                        class="btn btn-danger  mr-3 company-details" data-target="#home3"
                                                        data-toggle="tab">Back</button>
                                                    <button id="forthPreviosButton2" type="button"
                                                        class="btn btn-danger  mr-3 individual-details"
                                                        data-target="#home2" data-toggle="tab">Back</button>
                                                    <button type="submit"
                                                        class="btn tn-outline-dark next-btn">Save</button>
                                                    <button id="nextButtonHome5" type="submit"
                                                        class="btn btn-outline-dark next-btn"
                                                        data-target="#home5">Next</button>
                                                </div>
                                            </div>
                                    </form>
                                </div>
                            </div>
                            <div class="col-md-3"></div>
                        </div>
                        {{-- END ACCOUNT INFORMATION  --}}

                    </div>
                    <div class="tab-pane fade" id="home5" role="tabpanel" aria-labelledby="profile-tab">
                        <ul class="appointmnettabs">
                            <li class="active">
                                General Information
                                <div class="appoint-ratedashed"><span class="appoint-rate"></span></div>
                            </li>
                            <li class="active">
                                About you
                                <div class="appoint-ratedashed"><span class="appoint-rate"></span></div>
                            </li>
                            <li class="active company-details" id="companyDetails5">
                                Company Details
                                <div class="appoint-ratedashed"><span class="appoint-rate"></span></div>
                            </li>
                            <li class="active">
                                Account Information
                                <div class="appoint-ratedashed"><span class="appoint-rate"></span></div>
                            </li>
                            <li class="active">
                                KYC
                                <div class="appoint-ratedashed appoint-ratedashedtop"><span class="appoint-rate"></span>
                                </div>
                            </li>
                        </ul>
                        <div class="row mt-4">
                            <div class="col-md-12">
                                <div class="title-section">
                                    <p>KYC</p>
                                </div>
                            </div>
                        </div>
                        <div class="about-you-sec">
                            <div class="row">
                                <div class="col-md-5">
                                    <p>Are you an individual or a company running the bussiness?</p>
                                </div>
                            </div>
                        </div>
                        <ul class="nav nav-tabs kyc-tabs" id="myTab" role="tablist">
                            <li class="nav-item kyc-item individual-details" id="individual-details-tab">
                                <a class="nav-link kyc-link active" id="individual-tab" data-toggle="tab"
                                    href="#individual" role="tab" aria-controls="individual"
                                    aria-selected="true">Individual</a>
                            </li>
                            <li class="nav-item kyc-item company-details" id="company-details-tab">
                                <a class="nav-link kyc-link active" id="business-tab" data-toggle="tab" href="#business"
                                    role="tab" aria-controls="business" aria-selected="true">Business</a>
                            </li>
                        </ul>
                        <div class="tab-content kyc-content" id="myTabContent">
                            <!-- individual-tab  -->
                            <div class="tab-pane fade  individual-details" id="individual" role="tabpanel"
                                aria-labelledby="individual-tab">
                                <div class="about-you-sec">
                                    <div class="row mt-4">
                                        <div class="col-md-12">
                                            <h6>Complete the below mentioned KYC steps:</h6>
                                        </div>
                                    </div>
                                    <div class="kyc-section-content mt-3">
                                        <div class="row">
                                            <div class="col-md-6 col-10">
                                                <h3>Step 1 - Photo Identification</h3>
                                            </div>
                                            <div class="col-md-6 col-2 text-right">
                                                <span class="badge badge-danger tab-badeg">i</span>
                                            </div>
                                        </div>
                                    </div>
                                    <h4>Please switch ON webcam by clicking on the ‘switch Webcam ON' button, capture
                                        your
                                        selfie image and upload below.</h4>
                                </div>
                                <div class="row mt-4">
                                    <div class="col-md-12">
                                        <div class="user-box">
                                            <div class="row justify-content-center text-center">
                                                <div class="col-md-9">
                                                    <div class="row py-3">
                                                        <div class="col-md-6 mb-3">
                                                            <div class="capture-image-box">
                                                                <div id="capture_image_div">
                                                                    <p id="selphi_paragraph">Switch on webcam and allow
                                                                        to
                                                                        take selfie</p>
                                                                    <h5 id="capture_image">Capture Image</h5>
                                                                    <button type="button"
                                                                        class="btn btn-primary switch-btn my-4"
                                                                        id="webcamOn">Switch webcam on</button>
                                                                </div>
                                                                <div id="my_camera">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 mb-3">
                                                            <div class="capture-image-box h-100">
                                                                <div class="capture-img">
                                                                    @if (!empty($generalInformation['user_images']))
                                                                        <img id="take_snapshot_image"
                                                                            src="{{ $generalInformation['user_images'] }}"
                                                                            alt="">
                                                                    @else
                                                                        <img id="take_snapshot_image"
                                                                            src="{{ asset('assets/images/user-procapture.png') }}"alt="">
                                                                    @endif
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row text-center my-3">
                                                <div class="col-md-12">
                                                    <button type="button" class="btn btn-danger button-dissable"
                                                        id="take_snapshot_individual">Save Image</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="about-you-sec mt-5">
                                    <div class="kyc-section-content">
                                        <div class="row">
                                            <div class="col-md-6 col-10">
                                                <h3>Step 2 - Photo Identification</h3>
                                            </div>
                                            <div class="col-md-6 col-2 text-right">
                                                <span class="badge badge-danger tab-badeg">i</span>
                                            </div>
                                        </div>
                                    </div>
                                    <h2>You can select any of the below mentioned options where in automated KYC with
                                        Aadhaar
                                        OTP verification process is available in the left section and the manual KYC
                                        option
                                        with
                                        document upload process available in the right section.
                                        The Aadhaar OTP is recommended if you have your mobile number registered with
                                        your
                                        Aadhaar card.
                                    </h2>
                                </div>
                                <div class="row mt-4 dissable-individual-tab" id="individual-document-upload">
                                    <div class="col-md-12">
                                        <div class="user-box">
                                            <div class="row justify-content-center">
                                                <div class="col-md-11">
                                                    <div class="row py-3 ">
                                                        <div class="col-md-5 mb-3">
                                                            <form id="individual_form_express_kyc" method="post"
                                                                autocomplete="off">
                                                                @csrf
                                                                <div class="capture-image-box">
                                                                    <p>Express KYC – Get KYC verified in 30 Seconds</p>
                                                                    <div class="row text-center mt-4">
                                                                        <div class="col-md-12">
                                                                            <button type="button"
                                                                                class="btn btn-primary switch-btn">
                                                                                OTP</button>
                                                                        </div>
                                                                    </div>
                                                                    <h1>Document:</h1>
                                                                    <div class="row">
                                                                        <div class="col-md-12">
                                                                            <div class="form-group custom-form-group mt-3">
                                                                                <label class="form-label"
                                                                                    for="customer">Select Document<span
                                                                                        class="text-danger">*</span></label>
                                                                                <select class="form-control"
                                                                                    name="expressDocument1"
                                                                                    id="expressDocument1">
                                                                                    <option value="">Select Document
                                                                                    </option>
                                                                                    <option value="pancard"
                                                                                        {{ $generalInformation['document1'] == 'pancard' && $generalInformation['kyc_type'] == 'express' ? 'selected' : '' }}>
                                                                                        Pan Card</option>
                                                                                    <option value="adharcard"
                                                                                        {{ $generalInformation['document1'] == 'adharcard' && $generalInformation['kyc_type'] == 'express' ? 'selected' : '' }}>
                                                                                        Adhar Card</option>
                                                                                    <option value="voterid"
                                                                                        {{ $generalInformation['document1'] == 'voterid' && $generalInformation['kyc_type'] == 'express' ? 'selected' : '' }}>
                                                                                        Voter Id</option>
                                                                                    <option value="dl"
                                                                                        {{ $generalInformation['document1'] == 'dl' && $generalInformation['kyc_type'] == 'express' ? 'selected' : '' }}>
                                                                                        Driving License</option>
                                                                                    <option value="passport"
                                                                                        {{ $generalInformation['document1'] == 'passport' && $generalInformation['kyc_type'] == 'express' ? 'selected' : '' }}>
                                                                                        Passport</option>
                                                                                </select>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="col-md-12">
                                                                            <div class="form-group custom-form-group mt-3">
                                                                                <input class="form-control"
                                                                                    placeholder="Selected Id No"
                                                                                    type="text"
                                                                                    name="expressDocumentNumber1"
                                                                                    id="expressDocumentNumber1"
                                                                                    value="{{ !empty($generalInformation['documentNumber1']) && $generalInformation['kyc_type'] == 'express' ? $generalInformation['documentNumber1'] : old('documentNumber1') }}">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    @if ($generalInformation['is_kyc_verified'] == 'no' || $generalInformation['is_kyc_verified'] == '')
                                                                        <button type="button"
                                                                            class="btn btn-danger mt-2 mb-3"
                                                                            id="individualExpressKycGenerateOtp"
                                                                            disabled>Generate
                                                                            OTP</button>
                                                                        <div class="row">
                                                                            <div class="col-md-12">
                                                                                <div class="form-group custom-form-group">
                                                                                    <label class="form-label"
                                                                                        for="customer">Enter OTP<span
                                                                                            class="text-danger">*</span></label>
                                                                                    <input class="form-control"
                                                                                        placeholder="Enter Otp"
                                                                                        type="text" value=""
                                                                                        name="otp" id="expressOtp"
                                                                                        disabled>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <button type="submit"
                                                                            class="btn btn-danger mt-2 mb-3"
                                                                            id="expressKycVerify" disabled>Verify</button>
                                                                    @endif
                                                                    @if ($generalInformation['is_kyc_verified'] == 'yes' && $generalInformation['kyc_type'] == 'express')
                                                                        <p style="color: green;"><i
                                                                                class="fa fa-check"></i>Verified</p>
                                                                    @endif
                                                                </div>
                                                            </form>
                                                        </div>
                                                        <div class="col-md-2 d-none d-sm-block">
                                                            <div class="vertical-line">
                                                                <p class="toggle" style="cursor:default"> OR</p>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-5">
                                                            <form id="individual_form_kyc" method="post"
                                                                autocomplete="off">
                                                                @csrf
                                                                <div class="capture-image-box">
                                                                    <p>Manual KYC – Get KYC verified in 2-3 Business
                                                                        Days
                                                                    </p>
                                                                    <div class="row text-center mt-4">
                                                                        <div class="col-md-12">
                                                                            <button type="button"
                                                                                class="btn btn-primary switch-btn">Manual
                                                                                KYC</button>
                                                                        </div>
                                                                    </div>
                                                                    <h1>Document 1</h1>
                                                                    <div class="row">
                                                                        <div class="col-md-12">
                                                                            <div class="form-group custom-form-group mt-3">

                                                                                <label class="form-label"
                                                                                    for="customer">Select
                                                                                    Document<span
                                                                                        class="text-danger">*</span></label>
                                                                                <select class="form-control"
                                                                                    name="document1" id="document1">
                                                                                    <option value="">Select First
                                                                                        Document</option>
                                                                                    <option value="pancard"
                                                                                        {{ $generalInformation['document1'] == 'pancard' && $generalInformation['kyc_type'] == 'manual' ? 'selected' : '' }}>
                                                                                        Pan Card</option>
                                                                                    <option value="adharcard"
                                                                                        {{ $generalInformation['document1'] == 'adharcard' && $generalInformation['kyc_type'] == 'manual' ? 'selected' : '' }}>
                                                                                        Adhar Card</option>
                                                                                    <option value="voterid"
                                                                                        {{ $generalInformation['document1'] == 'voterid' && $generalInformation['kyc_type'] == 'manual' ? 'selected' : '' }}>
                                                                                        Voter Id</option>
                                                                                    <option value="dl"
                                                                                        {{ $generalInformation['document1'] == 'dl' && $generalInformation['kyc_type'] == 'manual' ? 'selected' : '' }}>
                                                                                        Driving License</option>
                                                                                    <option value="passport"
                                                                                        {{ $generalInformation['document1'] == 'passport' && $generalInformation['kyc_type'] == 'manual' ? 'selected' : '' }}>
                                                                                        Passport</option>
                                                                                </select>
                                                                                <input class="form-control mt-3"
                                                                                    name="documentNumber1"
                                                                                    placeholder="Enter selected ID no"
                                                                                    type="text"
                                                                                    value="{{ !empty($generalInformation['documentNumber1']) && $generalInformation['kyc_type'] == 'manual' ? $generalInformation['documentNumber1'] : old('documentNumber1') }}"
                                                                                    id="documentNumber1">
                                                                                <span id="lblPANCard"
                                                                                    class="error">Invalid
                                                                                    pan
                                                                                    number</span>
                                                                                <span id="adharCardError"
                                                                                    class="error">Invalid adhar
                                                                                    number</span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="col-md-6">
                                                                            <label class="form-label"
                                                                                for="customer">Document
                                                                                Image
                                                                                Front</label>
                                                                            <h6>
                                                                                <div class="user-img">
                                                                                    <img src="{{ asset('assets/images/user-procapture.png') }}"
                                                                                        alt=""
                                                                                        id="frontDocumentImageUpload1">
                                                                                </div>
                                                                                <div
                                                                                    class="upload-btn-wrapper kyc-btn mt-3">
                                                                                    <button class="kycupload"
                                                                                        id="uploadImgeFirst">
                                                                                        Upload
                                                                                    </button>
                                                                                    <input type="file"
                                                                                        name="frontDocumentImage1[]"
                                                                                        id="frontDocumentImage1"
                                                                                        enctype="multipart/form-data"
                                                                                        multiple accept="image/*">
                                                                                </div>
                                                                            </h6>
                                                                        </div>
                                                                        <div class="col-md-6"
                                                                            id="firstDocumentSecondUploadImage">
                                                                            <label class="form-label"
                                                                                for="customer">Back</label>
                                                                            <h6>
                                                                                <div class="user-img">
                                                                                    <img src="{{ asset('assets/images/user-procapture.png') }}"
                                                                                        alt=""
                                                                                        id="frontDocumentImageUpload2">
                                                                                </div>
                                                                                <div
                                                                                    class="upload-btn-wrapper kyc-btn mt-3">
                                                                                    <button class="kycupload">
                                                                                        Upload
                                                                                    </button>
                                                                                    <input type="file"
                                                                                        name="frontDocumentImage2[]"
                                                                                        id="frontDocumentImage2"
                                                                                        enctype="multipart/form-data"
                                                                                        multiple accept="image/*">
                                                                                </div>
                                                                            </h6>
                                                                        </div>
                                                                    </div>

                                                                    <div class="row">
                                                                        <div class="col-md-12">
                                                                            <div class="form-group custom-form-group mt-3">
                                                                                <label class="form-label"
                                                                                    for="customer">Select Document
                                                                                    2<span
                                                                                        class="text-danger">*</span></label>
                                                                                <select class="form-control"
                                                                                    name="document2" id="document2">
                                                                                    <option value="">Select
                                                                                        Second
                                                                                        Document</option>
                                                                                    <option value="pancard"
                                                                                        {{ $generalInformation['document2'] == 'pancard' && $generalInformation['kyc_type'] == 'manual' ? 'selected' : '' }}>
                                                                                        Pan Card</option>
                                                                                    <option value="adharcard"
                                                                                        {{ $generalInformation['document2'] == 'adharcard' && $generalInformation['kyc_type'] == 'manual' ? 'selected' : '' }}>
                                                                                        Adhar Card</option>
                                                                                    <option value="voterid"
                                                                                        {{ $generalInformation['document2'] == 'voterid' && $generalInformation['kyc_type'] == 'manual' ? 'selected' : '' }}>
                                                                                        Voter Id</option>
                                                                                    <option value="dl"
                                                                                        {{ $generalInformation['document2'] == 'dl' && $generalInformation['kyc_type'] == 'manual' ? 'selected' : '' }}>
                                                                                        Driving License</option>
                                                                                    <option value="passport"
                                                                                        {{ $generalInformation['document2'] == 'passport' && $generalInformation['kyc_type'] == 'manual' ? 'selected' : '' }}>
                                                                                        Passport</option>
                                                                                </select>
                                                                                <input class="form-control mt-3"
                                                                                    name="documentNumber2"
                                                                                    placeholder="Enter selected ID no"
                                                                                    type="text"
                                                                                    value="{{ !empty($generalInformation['documentNumber2']) && $generalInformation['kyc_type'] == 'manual' ? $generalInformation['documentNumber2'] : old('documentNumber2') }}"
                                                                                    id="documentNumber2">
                                                                                <span id="lblPANCard1"
                                                                                    class="error">Invalid
                                                                                    pan
                                                                                    number</span>
                                                                                <span id="adharCardError1"
                                                                                    class="error">Invalid adhar
                                                                                    number</span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="col-md-6">
                                                                            <label class="form-label"
                                                                                for="customer">Document
                                                                                Image
                                                                                Front</label>
                                                                            <h6>
                                                                                <div class="user-img">
                                                                                    <img src="{{ asset('assets/images/user-procapture.png') }}"
                                                                                        alt=""
                                                                                        id="frontDocumentImageUpload3">

                                                                                </div>
                                                                                <div
                                                                                    class="upload-btn-wrapper kyc-btn mt-3">
                                                                                    <button class="kycupload"
                                                                                        id="uploadImgeThird">
                                                                                        Upload
                                                                                    </button>
                                                                                    <input type="file"
                                                                                        name="frontDocumentImage3[]"
                                                                                        id="frontDocumentImage3"
                                                                                        enctype="multipart/form-data"
                                                                                        multiple accept="image/*">
                                                                                </div>
                                                                            </h6>
                                                                        </div>
                                                                        <div class="col-md-6" style="display: none;"
                                                                            id="secondDocumentUploadImage">
                                                                            <label class="form-label"
                                                                                for="customer">Back</label>
                                                                            <h6>
                                                                                <div class="user-img">
                                                                                    <img src="{{ asset('assets/images/user-procapture.png') }}"
                                                                                        alt=""
                                                                                        id="uploadBackDocumentImg4">
                                                                                </div>
                                                                                <div
                                                                                    class="upload-btn-wrapper kyc-btn mt-3">
                                                                                    <button class="kycupload"
                                                                                        id="uploadImgeForth">
                                                                                        Upload
                                                                                    </button>
                                                                                    <input type="file"
                                                                                        name="backDocumentImage3[]"
                                                                                        id="backDocumentImage3"
                                                                                        enctype="multipart/form-data"
                                                                                        multiple accept="image/*">
                                                                                </div>
                                                                            </h6>
                                                                        </div>
                                                                    </div>
                                                                    @if ($generalInformation['document1'] == '')
                                                                        <button type="submit"
                                                                            class="btn btn-danger mt-4 mb-3">save</button>
                                                                    @elseif ($generalInformation['is_kyc_verified'] == 'no' || $generalInformation['is_kyc_verified'] == '')
                                                                        <p style="color: red;">Pending for approval</p>
                                                                    @elseif ($generalInformation['is_kyc_verified'] == 'yes' && $generalInformation['kyc_type'] == 'manual')
                                                                        <p style="color: green;"><i
                                                                                class="fa fa-check"></i>Verified</p>
                                                                    @endif

                                                                    {{-- TAGS --}}
                                                                    @if ($generalInformation['is_pan_verified'] == 'no')
                                                                        <p style="color: red;">Pending for PAN Number
                                                                            Approval</p>
                                                                    @endif
                                                                    @if ($generalInformation['is_gst_verified'] == 'no')
                                                                        <p style="color: red;">Pending for GSTIN Number
                                                                            Approval</p>
                                                                    @endif
                                                                    @if ($generalInformation['is_adhar_verified'] == 'no')
                                                                        <p style="color: red;">Pending for Adhar Number
                                                                            Approval</p>
                                                                    @endif
                                                                    @if ($generalInformation['is_tan_verified'] == 'no')
                                                                        <p style="color: red;">Pending for TAN Number
                                                                            Approval</p>
                                                                    @endif
                                                                    @if ($generalInformation['is_account_verified'] == 'no')
                                                                        <p style="color: red;">Pending for Account
                                                                            Information
                                                                            Approval</p>
                                                                    @endif
                                                                </div>
                                                            </form>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mt-4 mb-4 mr-4 text-right">
                                    <div class="col-md-12 ">
                                        @if ($generalInformation['is_kyc_verified'] == 'yes')
                                            <a href="{{ url('orders/all') }}" class="bt btn-primary mr-3">Go to
                                                Orders</a>
                                        @else
                                            <button id="fifthPreviousButton" type="button"
                                                class="btn btn-danger mr-3" data-target="#home4"
                                                data-toggle="tab">Back</button>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <!------->
                            <!-- business-tab  -->
                            <div class="tab-pane fade active company-details" id="business" role="tabpanel"
                                aria-labelledby="business-tab">
                                <div class="row align-items-center mt-4">
                                    <div class="col-md-2">
                                        <h6>{{ isset($generalInformation['userCompanyDetails']['company_name']) ? $generalInformation['userCompanyDetails']['company_name'] : '' }}
                                        </h6>
                                    </div>
                                </div>
                                <div class="about-you-sec">
                                    <div class="row mt-2">
                                        <div class="col-md-12">
                                            <h6>Complate the below mentioned KYC steps:</h6>
                                        </div>
                                    </div>
                                    <div class="kyc-section-content mt-3">
                                        <div class="row">
                                            <div class="col-md-6 col-10">
                                                <h3>Step 1 - Photo Identification</h3>
                                            </div>
                                            <div class="col-md-6 col-2 text-right">
                                                <span class="badge badge-danger tab-badeg">i</span>
                                            </div>
                                        </div>
                                    </div>
                                    <h4>Please switch ON webcam by clicking on the ‘switch Webcam ON' button, capture your
                                        selfie image
                                        and
                                        upload below.</h4>
                                </div>
                                <div class="row mt-4">
                                    <div class="col-md-12">
                                        <div class="user-box">
                                            <div class="row justify-content-center text-center">
                                                <div class="col-md-9">
                                                    <div class="row py-3">
                                                        <div class="col-md-6 mb-3">
                                                            <div class="capture-image-box">
                                                                <div id="my_camera_for_Buissiness_static">
                                                                    <p id="selphi_paragraph">Switch on webcam and allow to
                                                                        take selfie
                                                                    </p>
                                                                    <h5 id="capture_image">Capture Image</h5>
                                                                    <button type="button"
                                                                        class="btn btn-primary switch-btn my-4"
                                                                        id="webcamOnForBuissiness">Switch webcam
                                                                        on</button>
                                                                </div>
                                                                <div id="my_camera_for_Buissiness">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 mb-3">
                                                            <div class="capture-image-box h-100">
                                                                <div class="capture-img">
                                                                    @if (!empty($generalInformation['user_images']))
                                                                        <img id="take_snapshot_image_bussiness"
                                                                            src="{{ $generalInformation['user_images'] }}"
                                                                            alt="">
                                                                    @else
                                                                        <img id="take_snapshot_image_bussiness"
                                                                            src="{{ asset('assets/images/user-procapture.png') }}"alt="">
                                                                    @endif
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row text-center my-3">
                                                <div class="col-md-12">
                                                    <button type="button" class="btn btn-danger"
                                                        id="take_snapshot_buissiness">Save
                                                        Image</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="about-you-sec mt-5">
                                    <div class="kyc-section-content">
                                        <div class="row">
                                            <div class="col-md-6 col-10">
                                                <h3>Step 2 - Photo Identification</h3>
                                            </div>
                                            <div class="col-md-6 col-2 text-right">
                                                <span class="badge badge-danger tab-badeg">i</span>
                                            </div>
                                        </div>
                                    </div>
                                    <h2>You can select any of the below mentioned options where in automated KYC with
                                        Aadhaar
                                        OTP verification process is available in the left section and the manual KYC option
                                        with
                                        document upload process available in the right section.
                                        The Aadhaar OTP is recommended if you have your mobile number registered with your
                                        Aadhaar card.
                                    </h2>
                                </div>

                                <div class="row mt-4 dissable-business-tab" id="business-document-upload">
                                    <div class="col-md-12">
                                        <div class="user-box">
                                            <div class="row justify-content-center">
                                                <div class="col-md-11">
                                                    <div class="row py-3 ">
                                                        <div class="col-md-5 mb-3">
                                                            <form id="express_buissiness_form_kyc" method="post"
                                                                autocomplete="off">
                                                                @csrf
                                                                <div class="capture-image-box">
                                                                    <p>Express KYC – Get KYC verified in 30 Seconds</p>
                                                                    <div class="row text-center mt-4">
                                                                        <div class="col-md-12">
                                                                            <button type="button"
                                                                                class="btn btn-primary switch-btn">
                                                                                OTP</button>
                                                                        </div>
                                                                    </div>
                                                                    <h1>Document:</h1>
                                                                    <div class="row">
                                                                        <div class="col-md-12">
                                                                            <div
                                                                                class="form-group custom-form-group mt-3">
                                                                                <label class="form-label"
                                                                                    for="customer">Select Document<span
                                                                                        class="text-danger">*</span></label>
                                                                                <select class="form-control"
                                                                                    name="expressBusninessDocument1"
                                                                                    id="expressBusninessDocument1">
                                                                                    <option value="">Select Document
                                                                                    </option>
                                                                                    @if (Auth::user()->type == 'agent')
                                                                                        <option value="adharcard"
                                                                                            {{ !empty($generalInformation['document1']) && $generalInformation['document1'] == 'adharcard' && $generalInformation['kyc_type'] == 'express' ? 'selected' : '' }}>
                                                                                            Adhar Card</option>
                                                                                    @endif
                                                                                    @if (Auth::user()->type == 'individual')
                                                                                        <option value="adharcard"
                                                                                            {{ !empty($generalInformation['document1']) && $generalInformation['document1'] == 'adharcard' && $generalInformation['kyc_type'] == 'express' ? 'selected' : '' }}>
                                                                                            Adhar Card</option>
                                                                                        <option value="voterid"
                                                                                            {{ !empty($generalInformation['document1']) && $generalInformation['document1'] == 'voterid' && $generalInformation['kyc_type'] == 'express' ? 'selected' : '' }}>
                                                                                            Voter Id</option>
                                                                                        <option value="dl"
                                                                                            {{ !empty($generalInformation['document1']) && $generalInformation['document1'] == 'dl' && $generalInformation['kyc_type'] == 'express' ? 'selected' : '' }}>
                                                                                            Driving License</option>
                                                                                    @endif
                                                                                    <option value="pancard"
                                                                                        {{ !empty($generalInformation['document1']) && $generalInformation['document1'] == 'pancard' && $generalInformation['kyc_type'] == 'express' ? 'selected' : '' }}>
                                                                                        Pan Card</option>
                                                                                    <option value="gstin"
                                                                                        {{ !empty($generalInformation['document1']) && $generalInformation['document1'] == 'gstin' && $generalInformation['kyc_type'] == 'express' ? 'selected' : '' }}>
                                                                                        GST</option>
                                                                                    <option value="tan"
                                                                                        {{ !empty($generalInformation['document1']) && $generalInformation['document1'] == 'tan' && $generalInformation['kyc_type'] == 'express' ? 'selected' : '' }}>
                                                                                        TAN</option>
                                                                                </select>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="col-md-12">
                                                                            <div
                                                                                class="form-group custom-form-group mt-3">
                                                                                <input class="form-control"
                                                                                    placeholder="Selected Id No"
                                                                                    type="text"
                                                                                    name="expressBusninessDocumentNumber1"
                                                                                    id="expressBusninessDocumentNumber1"
                                                                                    value="{{ !empty($generalInformation['documentNumber1']) && $generalInformation['kyc_type'] == 'express' ? $generalInformation['documentNumber1'] : old('documentNumber1') }}">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    @if ($generalInformation['is_kyc_verified'] == 'no' || $generalInformation['is_kyc_verified'] == '')
                                                                        <button type="button"
                                                                            class="btn btn-danger mt-2 mb-3"
                                                                            id="busninessExpressKycGenerateOtp"
                                                                            disabled>Generate
                                                                            OTP</button>
                                                                        <div class="row">
                                                                            <div class="col-md-12">
                                                                                <div class="form-group custom-form-group">
                                                                                    <label class="form-label"
                                                                                        for="customer">Enter OTP<span
                                                                                            class="text-danger">*</span></label>
                                                                                    <input class="form-control"
                                                                                        placeholder="Enter Otp"
                                                                                        type="text" value=""
                                                                                        name="busniness_otp"
                                                                                        id="busninessExpressOtp" disabled>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <button type="submit"
                                                                            class="btn btn-danger mt-2 mb-3"
                                                                            id="busninessExpressKycVerify"
                                                                            disabled>Verify</button>
                                                                    @endif
                                                                    @if ($generalInformation['is_kyc_verified'] == 'yes' && $generalInformation['kyc_type'] == 'express')
                                                                        <p style="color: green;"><i
                                                                                class="fa fa-check"></i>Verified</p>
                                                                    @endif
                                                                </div>
                                                            </form>
                                                        </div>
                                                        <div class="col-md-2 d-none d-sm-block">
                                                            <div class="vertical-line">
                                                                <p class="toggle" style="cursor:default"> OR</p>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-5" id="buissiness_document_kyc_approval">
                                                            <form id="manual_buissiness_form_kyc" method="post"
                                                                autocomplete="off">
                                                                @csrf
                                                                <div class="capture-image-box">
                                                                    <p>Manual KYC – Get KYC verified in 2-3 Business Days
                                                                    </p>
                                                                    <div class="row text-center mt-4">
                                                                        <div class="col-md-12">
                                                                            <button type="button"
                                                                                class="btn btn-primary switch-btn">Manual
                                                                                KYC</button>
                                                                        </div>
                                                                    </div>
                                                                    <h1>Document 1</h1>
                                                                    <div class="col-md-12">
                                                                        <div class="row">
                                                                            <div class="col-md-12">
                                                                                <div
                                                                                    class="form-group custom-form-group mt-3">
                                                                                    <label class="form-label"
                                                                                        for="customer">Select
                                                                                        Document<span
                                                                                            class="text-danger">*</span></label>
                                                                                    <select class="form-control"
                                                                                        name="buissiness_document_1"
                                                                                        id="buissiness_document_1">
                                                                                        <option value="">Select
                                                                                            First Document
                                                                                        </option>
                                                                                        @if (Auth::user()->type == 'agent')
                                                                                            <option value="adharcard"
                                                                                                {{ !empty($generalInformation['document1']) && $generalInformation['document1'] == 'adharcard' && $generalInformation['kyc_type'] == 'manual' ? 'selected' : '' }}>
                                                                                                Adhar Card</option>
                                                                                        @endif
                                                                                        @if (Auth::user()->type == 'individual')
                                                                                            <option value="adharcard"
                                                                                                {{ !empty($generalInformation['document1']) && $generalInformation['document1'] == 'adharcard' && $generalInformation['kyc_type'] == 'manual' ? 'selected' : '' }}>
                                                                                                Adhar Card</option>
                                                                                            <option value="voterid"
                                                                                                {{ !empty($generalInformation['document1']) && $generalInformation['document1'] == 'voterid' && $generalInformation['kyc_type'] == 'manual' ? 'selected' : '' }}>
                                                                                                Voter Id</option>
                                                                                            <option value="dl"
                                                                                                {{ !empty($generalInformation['document1']) && $generalInformation['document1'] == 'dl' && $generalInformation['kyc_type'] == 'manual' ? 'selected' : '' }}>
                                                                                                Driving License</option>
                                                                                        @endif
                                                                                        <option value="pancard"
                                                                                            {{ !empty($generalInformation['document1']) && $generalInformation['document1'] == 'pancard' && $generalInformation['kyc_type'] == 'manual' ? 'selected' : '' }}>
                                                                                            Pan Card</option>
                                                                                        <option value="gstin"
                                                                                            {{ !empty($generalInformation['document1']) && $generalInformation['document1'] == 'gstin' && $generalInformation['kyc_type'] == 'manual' ? 'selected' : '' }}>
                                                                                            GST</option>
                                                                                        <option value="tan"
                                                                                            {{ !empty($generalInformation['document1']) && $generalInformation['document1'] == 'tan' && $generalInformation['kyc_type'] == 'manual' ? 'selected' : '' }}>
                                                                                            TAN</option>
                                                                                    </select>
                                                                                    <input class="form-control mt-3"
                                                                                        placeholder="Enter selected ID no"
                                                                                        type="text"
                                                                                        name="buissiness_document_1_number"
                                                                                        value="{{ !empty($generalInformation['documentNumber1']) && $generalInformation['kyc_type'] == 'manual' ? $generalInformation['documentNumber1'] : old('documentNumber1') }}"
                                                                                        id="buissiness_document_1_number">
                                                                                    <span id="lblPANCard5"
                                                                                        class="error">Invalid
                                                                                        pan
                                                                                        number</span>
                                                                                    <span id="adharCardError5"
                                                                                        class="error">Invalid
                                                                                        adhar number</span>
                                                                                    <span id="tanError5"
                                                                                        class="error">Invalid
                                                                                        TAN Number</span>
                                                                                    <span id="gstinError5"
                                                                                        class="error">Invalid
                                                                                        GST Number</span>
                                                                                </div>

                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="col-md-6">
                                                                            <label class="form-label"
                                                                                for="customer">Document Image
                                                                                Front</label>
                                                                            <h6>
                                                                                @if (!empty($generalInformation['document1_front_image']))
                                                                                    <img id="frontDocumentBuissinessImageUpload1"
                                                                                        src="{{ $generalInformation['document1_front_image'] }}"
                                                                                        alt="">
                                                                                @else
                                                                                    <img src="{{ asset('assets/images/user-procapture.png') }}"
                                                                                        alt=""
                                                                                        id="frontDocumentBuissinessImageUpload1">
                                                                                @endif

                                                                                <div
                                                                                    class="upload-btn-wrapper kyc-btn mt-3">
                                                                                    <button class="kycupload">
                                                                                        Upload
                                                                                    </button>
                                                                                    <input type="file"
                                                                                        name="frontBuissinessDocumentImage1"
                                                                                        id="frontBuissinessDocumentImage1"
                                                                                        accept="image/*">
                                                                                </div>
                                                                            </h6>
                                                                        </div>
                                                                        <div class="col-md-6"
                                                                            id="buissiness_document_upload_2">
                                                                            <label class="form-label"
                                                                                for="customer">Back</label>
                                                                            <h6>
                                                                                <!-- <img src="{{ asset('assets/images/user-procapture.png') }}" alt="" id="backDocumentBuissinessImageUpload1"> -->
                                                                                @if (!empty($generalInformation['document1_back_image']))
                                                                                    <img id="backDocumentBuissinessImageUpload1"
                                                                                        src="{{ $generalInformation['document1_back_image'] }}"
                                                                                        alt="">
                                                                                @else
                                                                                    <img src="{{ asset('assets/images/user-procapture.png') }}"
                                                                                        alt=""
                                                                                        id="backDocumentBuissinessImageUpload1">
                                                                                @endif
                                                                                <div
                                                                                    class="upload-btn-wrapper kyc-btn mt-3">
                                                                                    <button class="kycupload">
                                                                                        Upload
                                                                                    </button>
                                                                                    <input type="file"
                                                                                        name="backBuissinessDocumentImage1"
                                                                                        id="backBuissinessDocumentImage1"
                                                                                        accept="image/*">
                                                                                </div>
                                                                            </h6>
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="col-md-12">
                                                                            <div
                                                                                class="form-group custom-form-group mt-3">
                                                                                <label class="form-label"
                                                                                    for="customer">Select
                                                                                    Document
                                                                                    2<span
                                                                                        class="text-danger">*</span></label>
                                                                                <select class="form-control"
                                                                                    name="buissiness_document_4"
                                                                                    id="buissiness_document_4">
                                                                                    <option value="">Select Second
                                                                                        Document
                                                                                    </option>
                                                                                    @if (Auth::user()->type == 'agent')
                                                                                        <option value="adharcard"
                                                                                            {{ !empty($generalInformation['document1']) && $generalInformation['document1'] == 'adharcard' && $generalInformation['kyc_type'] == 'manual' ? 'selected' : '' }}>
                                                                                            Adhar Card</option>
                                                                                    @endif
                                                                                    @if (Auth::user()->type == 'individual')
                                                                                        <option value="adharcard"
                                                                                            {{ !empty($generalInformation['document2']) && $generalInformation['document2'] == 'adharcard' && $generalInformation['kyc_type'] == 'manual' ? 'selected' : '' }}>
                                                                                            Adhar Card</option>
                                                                                        <option value="voterid"
                                                                                            {{ !empty($generalInformation['document2']) && $generalInformation['document2'] == 'voterid' && $generalInformation['kyc_type'] == 'manual' ? 'selected' : '' }}>
                                                                                            Voter Id</option>
                                                                                        <option value="dl"
                                                                                            {{ !empty($generalInformation['document2']) && $generalInformation['document2'] == 'dl' && $generalInformation['kyc_type'] == 'manual' ? 'selected' : '' }}>
                                                                                            Driving License</option>
                                                                                    @endif
                                                                                    <option value="pancard"
                                                                                        {{ !empty($generalInformation['document2']) && $generalInformation['document2'] == 'pancard' && $generalInformation['kyc_type'] == 'manual' ? 'selected' : '' }}>
                                                                                        Pan Card</option>
                                                                                    <option value="gstin"
                                                                                        {{ !empty($generalInformation['document2']) && $generalInformation['document2'] == 'gstin' && $generalInformation['kyc_type'] == 'manual' ? 'selected' : '' }}>
                                                                                        GST</option>
                                                                                    <option value="tan"
                                                                                        {{ !empty($generalInformation['document2']) && $generalInformation['document2'] == 'tan' && $generalInformation['kyc_type'] == 'manual' ? 'selected' : '' }}>
                                                                                        TAN</option>
                                                                                </select>
                                                                                <input class="form-control mt-3"
                                                                                    placeholder="Enter selected ID no"
                                                                                    type="text"
                                                                                    name="buissiness_document_4_number"
                                                                                    value="{{ !empty($generalInformation['documentNumber2']) && $generalInformation['kyc_type'] == 'manual' ? $generalInformation['documentNumber2'] : old('documentNumber2') }}"
                                                                                    id="buissiness_document_4_number">

                                                                                <span id="lblPANCard6"
                                                                                    class="error">Invalid pan
                                                                                    number</span>
                                                                                <span id="adharCardError6"
                                                                                    class="error">Invalid
                                                                                    adhar
                                                                                    number</span>
                                                                                <span id="tanError6"
                                                                                    class="error">Invalid
                                                                                    TAN
                                                                                    Number</span>
                                                                                <span id="gstinError6"
                                                                                    class="error">Invalid
                                                                                    GST
                                                                                    Number</span>

                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="col-md-6">
                                                                            <label class="form-label"
                                                                                for="customer">Document Image
                                                                                Front</label>
                                                                            <h6>
                                                                                <!-- <img src="{{ asset('assets/images/user-procapture.png') }}" alt="" id="frontDocumentBuissinessImageUpload2"> -->
                                                                                @if (!empty($generalInformation['document2_front_image']))
                                                                                    <img id="frontDocumentBuissinessImageUpload2"
                                                                                        src="{{ $generalInformation['document2_front_image'] }}"
                                                                                        alt="">
                                                                                @else
                                                                                    <img src="{{ asset('assets/images/user-procapture.png') }}"
                                                                                        alt=""
                                                                                        id="frontDocumentBuissinessImageUpload2">
                                                                                @endif
                                                                                <div
                                                                                    class="upload-btn-wrapper kyc-btn mt-3">
                                                                                    <button class="kycupload">
                                                                                        Upload
                                                                                    </button>
                                                                                    <input type="file"
                                                                                        name="frontDocumentBuissinessImage2"
                                                                                        id="frontDocumentBuissinessImage2"
                                                                                        accept="image/*">
                                                                                </div>
                                                                            </h6>
                                                                        </div>
                                                                        <div class="col-md-6"
                                                                            id="buissiness_document_upload_3">
                                                                            <label class="form-label"
                                                                                for="customer">Back</label>
                                                                            <h6>
                                                                                <!-- <img src="{{ asset('assets/images/user-procapture.png') }}" alt="" id="backBuissinessDocumentImageUpload2"> -->
                                                                                @if (!empty($generalInformation['document2_back_image']))
                                                                                    <img id="backBuissinessDocumentImageUpload2"
                                                                                        src="{{ $generalInformation['document2_back_image'] }}"
                                                                                        alt="">
                                                                                @else
                                                                                    <img src="{{ asset('assets/images/user-procapture.png') }}"
                                                                                        alt=""
                                                                                        id="backBuissinessDocumentImageUpload2">
                                                                                @endif
                                                                                <div
                                                                                    class="upload-btn-wrapper kyc-btn mt-3">
                                                                                    <button class="kycupload">
                                                                                        Upload
                                                                                    </button>
                                                                                    <input type="file"
                                                                                        name="backBuissinessDocumentImage2"
                                                                                        id="backBuissinessDocumentImage2"
                                                                                        accept="image/*">
                                                                                </div>
                                                                            </h6>
                                                                        </div>
                                                                    </div>
                                                                    @if ($generalInformation['document1'] == '')
                                                                        <button type="submit"
                                                                            class="btn btn-danger mt-4 mb-3">save</button>
                                                                    @elseif ($generalInformation['is_kyc_verified'] == '' || $generalInformation['is_kyc_verified'] == 'no')
                                                                        <p style="color: red;">Pending for approval</p>
                                                                    @elseif ($generalInformation['is_kyc_verified'] == 'yes' && $generalInformation['kyc_type'] == 'manual')
                                                                        <p style="color: green;"><i
                                                                                class="fa fa-check"></i>Verified</p>
                                                                    @endif
                                                                    @if ($generalInformation['is_pan_verified'] == 'no')
                                                                        <p style="color: red;">Pending for PAN Number
                                                                            Approval</p>
                                                                    @endif
                                                                    @if ($generalInformation['is_gst_verified'] == 'no')
                                                                        <p style="color: red;">Pending for GSTIN Number
                                                                            Approval</p>
                                                                    @endif
                                                                    @if ($generalInformation['is_adhar_verified'] == 'no')
                                                                        <p style="color: red;">Pending for Adhar Number
                                                                            Approval</p>
                                                                    @endif
                                                                    @if ($generalInformation['is_tan_verified'] == 'no')
                                                                        <p style="color: red;">Pending for TAN Number
                                                                            Approval</p>
                                                                    @endif
                                                                    @if ($generalInformation['is_account_verified'] == 'no')
                                                                        <p style="color: red;">Pending for Account
                                                                            Information
                                                                            Approval</p>
                                                                    @endif


                                                                </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {{-- <div class="row mt-4 mb-4 mr-4 text-right">
                                <div class="col-md-12 ">
                                    <button id="fifthPreviousButton" type="button" class="btn btn-danger mr-3"
                                        data-target="#home4" data-toggle="tab">Back</button>
                                    <!-- <button type="submit" class="btn btn-outline-dark next-btn">Done</button> -->
                                    <a href="{{ route('kyc/download') }}" class="btn btn-outline-dark next-btn"
                                        target="_blank" style="display: none;">Download</a>
                                </div>
                            </div> --}}
                                        </div>
                                        </form>
                                    </div>
                                </div>
                                <div class="row mt-4 mb-4 mr-4 text-right">
                                    <div class="col-md-12 ">
                                        @if ($generalInformation['is_kyc_verified'] == 'yes')
                                            @if (Auth::user()->type == 'agent')
                                                <a href="{{ url('agent/all-booking') }}"
                                                    class="btn btn-primary mr-3">Go
                                                    to
                                                    Booking</a>
                                            @elseif(Auth::user()->type == 'enterprise')
                                                <a href="{{ url('orders/all') }}" class="btn btn-primary mr-3">Go to
                                                    Orders</a>
                                            @endif
                                        @else
                                            <button id="fifthPreviousButtonBusiness" type="button"
                                                class="btn btn-danger mr-3" data-target="#home4"
                                                data-toggle="tab">Back</button>
                                        @endif
                                        <!-- <button type="submit" class="btn btn-outline-dark next-btn">Done</button> -->
                                        <a href="{{ route('kyc/download') }}" class="btn btn-outline-dark next-btn"
                                            target="_blank" style="display: none;">Download</a>
                                    </div>
                                </div>
                                <a href="{{ route('home') }}" class="btn btn-danger mr-3">Finish</a>
                            </div>
                        </div>
                        <!-- ---- -->
                    </div>
                </div>
            </div>
        </div>
    </section>
    <style type="text/css">
        .button-dissable {
            pointer-events: none;
        }

        .dissable-individual-tab {
            pointer-events: none;
        }

        .dissable-business-tab {
            pointer-events: none;
        }

        .company-details {
            display: none;
        }

        .individual-details {
            display: none;
        }

        .dissbleClickButton {
            pointer-events: none;
        }
    </style>
    <script src="{{ asset('assets/js/jquery-3.4.1.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/jquery/jquery.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/jquery-validation/jquery.validate.js') }}"></script>
    <script src="{{ asset('assets/plugins/jquery-validation/jquery.validate.min.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/webcamjs/1.0.25/webcam.min.js"></script>
    <script src="{{ asset('js/custom-script.js') }}"></script>

    <script type="text/javascript">

        function ifcCodeFetchData(e) {

            var test = /^[A-Z]{4}0[A-Z0-9]{6}$/;
            var value = e.value;
            if (value.match(test)) { 
                $('#ifsc_code_error').hide();
                jQuery.ajax({
                    url: "{{route('fetching-ifsc-code')}}",
                    type: "POST",
                    data: { _token: "{{csrf_token()}}", ifsc_code: value },
                    success: function(data) {
                        console.log(data);
                    $('#bank_name').val(data.data.bank_name);
                    $('#branch_name').val(data.data.branch_name);
                    }
                });

                return;

            }else {

                $('#ifsc_code_error').show();
                return;

            }
        }


        $(document).ready(function() {


            $('#buissiness_document_upload_2').hide();
            $('#buissiness_document_upload_3').hide();

            var a = $('#buissiness_document_1').val();
            var b = $('#buissiness_document_4').val();
            if (a && a != 'pancard') {

                $('#buissiness_document_upload_2').show();
            }
            if (b && b != 'pancard') {
                $('#buissiness_document_upload_3').show();
            }

            // frontDocumentBuissinessImageUpload2



            let tab = "general-information";
            let kyc = "no";
            let userType = "";

            if (tab == 'about') {
                $('#home1').removeClass('active show');
                $('#home2').addClass('active show');
                $('#home3').removeClass('active show');
                $('#home4').removeClass('active show');
                $('#home5').removeClass('active show');
            }

            if (tab == 'account-information') {
                $('#home1').removeClass('active show');
                $('#home2').removeClass('active show');
                $('#home3').removeClass('active show');
                $('#home4').addClass('active show');
                $('#home5').removeClass('active show');
            }

            if (tab == 'kyc') {
                $('#home1').removeClass('active show');
                $('#home2').removeClass('active show');
                $('#home3').removeClass('active show');
                $('#home4').removeClass('active show');
                $('#home5').addClass('active show');
                $('#nextButtonHome5').addClass('active');
            }

            if (tab == 'general-information') {
                $('#home1').addClass('active show');
                $('#home2').removeClass('active show');
                $('#home3').removeClass('active show');
                $('#home4').removeClass('active show');
                $('#home5').removeClass('active show');
            }

            if (tab == 'company-details') {
                $('#home1').removeClass('active show');
                $('#home2').removeClass('active show');
                $('#home3').addClass('active show');
                $('#home4').removeClass('active show');
                $('#home5').removeClass('active show');
            }


            if (kyc == 'yes') {

                $('#home1').removeClass('active show');
                $('#home2').removeClass('active show');
                $('#home3').removeClass('active show');
                $('#home4').removeClass('active show');
                $('#home5').addClass('active show');
                $('#nextButtonHome5').addClass('active');

                //return;
            }


            //div hide show according to manual kyc

            let documentValBuissiness = '';
            let documentVal2Buissiness = '';

            $("#buissiness_document_1").on("change", function(e) {

                documentValBuissiness = $('#buissiness_document_1').val();
                documentVal2Buissiness = $('#buissiness_document_4').val() ? $('#buissiness_document_4')
                    .val() : $('#buissiness_document_4').val('');
                // console.log(documentVal2Buissiness); return false;
                // $('#front').show();

                if (documentValBuissiness == 'pancard') {
                    var panvalue =
                        "{{ !empty($generalInformation['userCompanyDetails']['pan_number']) ? $generalInformation['userCompanyDetails']['pan_number'] : '' }}";
                    $('#buissiness_document_1_number').val(panvalue);

                    $('#buissiness_document_upload_2').hide();
                    $("#buissiness_document_4 option[value='pancard']").hide();
                    $("#buissiness_document_4 option[value='adharcard']").show();
                    $("#buissiness_document_4 option[value='voterid']").show();
                    $("#buissiness_document_4 option[value='dl']").show();
                    $("#buissiness_document_4 option[value='gstin']").show();
                    $("#buissiness_document_4 option[value='tan']").show();

                    $("#lblPANCard5").hide();
                    $("#adharCardError5").hide();
                    $("#gstinError5").hide();
                    $("#tanError5").hide();

                } else if (documentValBuissiness == 'adharcard') {
                    var adharnumber =
                        "{{ !empty($generalInformation['userCompanyDetails']['adhar_number']) ? $generalInformation['userCompanyDetails']['adhar_number'] : '' }}";
                    $('#buissiness_document_1_number').val(adharnumber);
                    $('#buissiness_document_upload_2').show();
                    $("#buissiness_document_4 option[value='pancard']").show();
                    $("#buissiness_document_4 option[value='adharcard']").hide();
                    $("#buissiness_document_4 option[value='voterid']").show();
                    $("#buissiness_document_4 option[value='dl']").show();
                    $("#buissiness_document_4 option[value='gstin']").show();
                    $("#buissiness_document_4 option[value='tan']").show();

                    $("#lblPANCard5").hide();
                    $("#adharCardError5").hide();
                    $("#gstinError5").hide();
                    $("#tanError5").hide();

                } else if (documentValBuissiness == 'dl') {

                    $('#buissiness_document_upload_2').show();
                    $("#buissiness_document_4 option[value='pancard']").show();
                    $("#buissiness_document_4 option[value='adharcard']").show();
                    $("#buissiness_document_4 option[value='voterid']").show();
                    $("#buissiness_document_4 option[value='dl']").hide();
                    $("#buissiness_document_4 option[value='gstin']").show();
                    $("#buissiness_document_4 option[value='tan']").show();

                    $("#lblPANCard5").hide();
                    $("#adharCardError5").hide();
                    $("#gstinError5").hide();
                    $("#tanError5").hide();

                } else if (documentValBuissiness == 'gstin') {
                    var gstinvalue =
                        "{{ !empty($generalInformation['userCompanyDetails']['gstin_number']) ? $generalInformation['userCompanyDetails']['gstin_number'] : '' }}";
                    $('#buissiness_document_1_number').val(gstinvalue);

                    $('#buissiness_document_upload_2').show();
                    $("#buissiness_document_4 option[value='pancard']").show();
                    $("#buissiness_document_4 option[value='adharcard']").show();
                    $("#buissiness_document_4 option[value='voterid']").show();
                    $("#buissiness_document_4 option[value='dl']").show();
                    $("#buissiness_document_4 option[value='gstin']").hide();
                    $("#buissiness_document_4 option[value='tan']").show();

                    $("#lblPANCard5").hide();
                    $("#adharCardError5").hide();
                    $("#gstinError5").hide();
                    $("#tanError5").hide();

                } else if (documentValBuissiness == 'tan') {
                    var tanvalue =
                        "{{ !empty($generalInformation['userCompanyDetails']['tan_number']) ? $generalInformation['userCompanyDetails']['tan_number'] : '' }}";
                    $('#buissiness_document_1_number').val(tanvalue);

                    $('#buissiness_document_upload_2').show();
                    $("#buissiness_document_4 option[value='pancard']").show();
                    $("#buissiness_document_4 option[value='adharcard']").show();
                    $("#buissiness_document_4 option[value='voterid']").show();
                    $("#buissiness_document_4 option[value='dl']").show();
                    $("#buissiness_document_4 option[value='gstin']").show();
                    $("#buissiness_document_4 option[value='tan']").hide();

                    $("#lblPANCard5").hide();
                    $("#adharCardError5").hide();
                    $("#gstinError5").hide();
                    $("#tanError5").hide();

                }


            });


            $("#buissiness_document_4").on("change", function(e) {

                documentVal2Buissiness = $('#buissiness_document_4').val();

                $("#buissiness_document_1 option[value='" + documentVal2Buissiness + "']").hide();
                $("#buissiness_document_1 option[value!='" + documentVal2Buissiness + "']").show();

                if (documentVal2Buissiness == 'pancard') {
                    var panvalue =
                        "{{ !empty($generalInformation['userCompanyDetails']['pan_number']) ? $generalInformation['userCompanyDetails']['pan_number'] : '' }}";
                    $('#buissiness_document_4_number').val(panvalue);
                } else if (documentVal2Buissiness == 'gstin') {
                    var gstinvalue =
                        "{{ !empty($generalInformation['userCompanyDetails']['gstin_number']) ? $generalInformation['userCompanyDetails']['gstin_number'] : '' }}";
                    $('#buissiness_document_4_number').val(gstinvalue);
                } else if (documentVal2Buissiness == 'tan') {
                    var tanvalue =
                        "{{ !empty($generalInformation['userCompanyDetails']['tan_number']) ? $generalInformation['userCompanyDetails']['tan_number'] : '' }}";
                    $('#buissiness_document_4_number').val(tanvalue);
                } else if (documentVal2Buissiness == 'adharcard') {
                    var adharnumber =
                        "{{ !empty($generalInformation['userCompanyDetails']['adhar_number']) ? $generalInformation['userCompanyDetails']['adhar_number'] : '' }}";
                    $('#buissiness_document_4_number').val(adharnumber);
                }

                if (documentVal2Buissiness == 'pancard') {
                    //alert(documentVal2Buissiness);
                    $('#buissiness_document_upload_3').hide();
                    $("#lblPANCard6").hide();
                    $("#adharCardError6").hide();
                    $("#tanError6").hide();
                    $("#gstinError6").hide();
                } else {
                    $('#buissiness_document_upload_3').show();
                    $("#lblPANCard6").hide();
                    $("#adharCardError6").hide();
                    $("#tanError6").hide();
                    $("#gstinError6").hide();
                }

            });


            //Condition for Individual Kyc Images

            let firstFontImages = "";

            let secondFontImages = "";

            let firstBackImages = "";

            let SecondBackImages = "";

            //alert(secondFontImages);

            if (firstFontImages != '') $('#frontDocumentImageUpload1').attr('src', firstFontImages);

            if (secondFontImages != '') $('#frontDocumentImageUpload3').attr('src', secondFontImages);

            if (firstBackImages != '') {
                $('#frontDocumentImageUpload2').attr('src', firstBackImages);
                $('#firstDocumentSecondUploadImage').show();
            }

            if (SecondBackImages != '') {
                $('#uploadBackDocumentImg4').attr('src', SecondBackImages);
                $('#secondDocumentUploadImage').show();
            }




            //Kyc documentUpload 1 Condition habdling

            $("#lblPANCard").hide();
            $("#adharCardError").hide();

            $("#lblPANCard1").hide();
            $("#adharCardError1").hide();

            $("#lblPANCard5").hide();
            $("#adharCardError5").hide();
            $("#tanError5").hide();
            $("#gstinError5").hide();

            $("#lblPANCard6").hide();
            $("#adharCardError6").hide();
            $("#tanError6").hide();
            $("#gstinError6").hide();

            let documentVal = '';
            let documentVal2 = '';

            $("#document1").on("change", function(e) {

                documentVal = $('#document1').val();

                if (documentVal == 'pancard') {

                    documentVal == $('#document2').val() ? $('#document2').val('') : $('#document2').val();

                    $('#firstDocumentSecondUploadImage').hide();
                    $("#document2 option[value='pancard']").hide();
                    $("#document2 option[value='adharcard']").show();
                    $("#document2 option[value='voterid']").show();
                    $("#document2 option[value='dl']").show();
                    $("#document2 option[value='passport']").show();
                    $("#adharCardError").hide();
                    $("#lblPANCard").hide();

                    $("#lblPANCard1").hide();
                    $("#adharCardError1").hide();

                } else if (documentVal == 'adharcard') {

                    documentVal == $('#document2').val() ? $('#document2').val('') : $('#document2').val();
                    $('#firstDocumentSecondUploadImage').show();
                    $("#document2 option[value='adharcard']").hide();
                    $("#document2 option[value='voterid']").show();
                    $("#document2 option[value='dl']").show();
                    $("#document2 option[value='pancard']").show();
                    $("#document2 option[value='passport']").show();
                    $("#adharCardError").hide();
                    $("#lblPANCard").hide();

                    $("#lblPANCard1").hide();
                    $("#adharCardError1").hide();

                } else if (documentVal == 'dl') {

                    documentVal == $('#document2').val() ? $('#document2').val('') : $('#document2').val();

                    $("#document2 option[value='dl']").hide();
                    $("#document2 option[value='voterid']").show();
                    $("#document2 option[value='adharcard']").show();
                    $("#document2 option[value='pancard']").show();
                    $("#document2 option[value='passport']").show();
                    $("#adharCardError").hide();
                    $("#lblPANCard").hide();

                    $("#lblPANCard1").hide();
                    $("#adharCardError1").hide();

                } else if (documentVal == 'passport') {

                    documentVal == $('#document2').val() ? $('#document2').val('') : $('#document2').val();

                    $("#document2 option[value='dl']").show();
                    $("#document2 option[value='voterid']").show();
                    $("#document2 option[value='adharcard']").show();
                    $("#document2 option[value='pancard']").show();
                    $("#document2 option[value='passport']").hide();
                    $("#adharCardError").hide();
                    $("#lblPANCard").hide();

                    $("#lblPANCard1").hide();
                    $("#adharCardError1").hide();

                } else {

                    documentVal = 'dl';

                    documentVal == $('#document2').val() ? $('#document2').val('') : $('#document2').val();

                    $("#document2 option[value='dl']").show();
                    $("#document2 option[value='voterid']").hide();
                    $("#document2 option[value='adharcard']").show();
                    $("#document2 option[value='pancard']").show();
                    $("#document2 option[value='passport']").show();
                    $("#adharCardError").hide();
                    $("#lblPANCard").hide();

                    $("#lblPANCard1").hide();
                    $("#adharCardError1").hide();

                }

            });

            $("#document2").on("change", function(e) {

                documentVal = $('#document2').val();
                $("#document1 option[value='" + documentVal + "']").hide();
                $("#document1 option[value!='" + documentVal + "']").show();

                if (documentVal == 'pancard') {
                    $('#secondDocumentUploadImage').hide();
                } else {
                    $('#secondDocumentUploadImage').show();
                }

            });


            let photoIdentification = "";

            if (photoIdentification != '') {

                $('#individual-document-upload').removeClass('dissable-individual-tab');
                $('#business-document-upload').removeClass('dissable-business-tab');

            }

            if (userType == 'individual') {

                $('#forthPreviosButton2').removeClass('individual-details');
                $('#thirdNextHomeButtonb2').removeClass('individual-details');
                $('#individual-details-tab').removeClass('individual-details');
                $('#business').removeClass('active');
                $('#business').removeClass('show');
                $('#individual').addClass('show');
                $('#individual').addClass('active');

            } else {
                $('#home3').removeClass('company-details');
                $('#companyDetails1').removeClass('company-details');
                $('#companyDetails2').removeClass('company-details');
                $('#companyDetails3').removeClass('company-details');
                $('#companyDetails4').removeClass('company-details');
                $('#companyDetails5').removeClass('company-details');
                $('#forthPreviosButton1').removeClass('company-details');
                $('#thirdNextHomeButtonb1').removeClass('company-details');
                $('#company-details-tab').removeClass('company-details');
                $('#business').removeClass('company-details');
                $('#business').addClass('show');
                $('#business').addClass('active');
            }

            // Validation rules for general information
            $("#general_information").validate({
                rules: {
                    // first_name: "required",
                    last_name: "required",
                    dob: {
                        required: true
                    },
                    gender: "required",
                    email: {
                        required: true,
                        email: true
                    },
                    city: "required",
                    state: "required",
                    address: "required",
                    address_line_2: "required",
                    location: "required",
                    mobile_number: {
                        required: true,
                        digits: true,
                        minlength: 10,
                        maxlength: 10
                    },
                    pincode: {
                        required: true,
                        number: true,
                    },
                },
                messages: {
                    // first_name: "First name is required",
                    last_name: "Last name is required",
                    dob: "Dob is required",
                    gender: "Gender is required",
                    email: "Email is required",
                    state: "State is required",
                    city: "City is required",
                    address: "Address is required",
                    address_line_2: "Address is required",
                    location: "Location is required",
                    mobile_number: {
                        required: 'Please enter mobile number',
                        digits: 'please enter digits only',
                        minLength: 'Invalid mobile number',
                        maxlength: 'Invalid mobile number'
                    },
                    pincode: {
                        required: 'Zipcode is required',
                        number: 'Zipcode must be a number',
                    },
                    email: {
                        required: 'Email is required',
                        email: 'Please enter a valid email address'
                    },

                }

            });

            //General Inforamtion Save
            $("#general_information").on('submit', function(e) {
                e.preventDefault();
                var form = $(this);
                var validator = $("#general_information").validate();
                if (validator.numberOfInvalids() != 0) {
                    return;
                } else {
                    e.preventDefault();
                    var form = $(this);
                    $.ajax({
                        method: 'POST',
                        url: "{{ url('add-general-inforamation') }}",
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        data: form.serialize(),
                        success: function(data) {
                            console.log(data.success);
                            if (data.success == true) {
                                swal({
                                        title: "Success",
                                        text: data.message,
                                        type: "success",

                                        closeOnConfirm: true,
                                        showLoaderOnConfirm: true,
                                    },
                                    function() {
                                        $('#home1').removeClass('active show');
                                        $('#home2').addClass('active show');
                                        $('#home3').removeClass('active show');
                                        $('#home4').removeClass('active show');
                                        $('#home5').removeClass('active show');
                                        $('#secondHomeButton').addClass('active');
                                        window.location.href =
                                            '{{ url('/profile') }}?tab=about';
                                    });

                            }

                        },
                        error: function($response) {
                            console.log($response.status);
                            if ($response.status === 422) {
                                if (Object.size($response.responseJSON) > 0 && Object.size(
                                        $response
                                        .responseJSON.errors) > 0) {
                                    show_validation_error($response.responseJSON.errors);
                                    $('#home1').addClass('active show');
                                    $('#home2').removeClass('active show');
                                    $('#home3').removeClass('active show');
                                    $('#home4').removeClass('active show');
                                    $('#home5').removeClass('active show');
                                    $('#secondHomeButton').addClass('active');
                                }
                            } else {
                                Swal.fire(
                                    'Error', $response.responseJSON.message, 'warning'
                                )
                                setTimeout(function() {}, 1200)
                            }

                        }
                    });


                }
            });

            // Account Information
            window.onload = () => {       // prevent from copy paste
                const myInput = document.getElementById('re_account_number');
                myInput.onpaste = e => e.preventDefault();
                $('#re_account_number').on("paste", function(e) {
                    $('#acc-alert').text("Please type account number");
                    $('#acc-alert').css("color","red");
                });
                
            }
            $('#re_account_number').on("keyup", function(e) {
                if (this.value.length > 1) {
                    $('#acc-alert').text('');
                }
                    
            });

            $("#account_information_form").validate({

                rules: {

                    beneficiary_name: "required",
                    account_type: "required",
                    account_number: {
                        required: true,
                        number: true,
                    },
                    re_account_number: "required",
                    ifsc_code: "required",
                },
                messages: {
                    beneficiary_name: "Beneficiary name is required",
                    account_type: "Account type is required",
                    account_number: {
                        required: "Account number is required",
                        number: "Account number shoud be numaric.",
                    },
                    re_account_number: "Re account number is required",
                    ifsc_code: "Ifsc code is required",
                }

            });

            //Individual Form Kyc validations

            $("#individual_form_kyc").validate({

                rules: {

                    document1: "required",
                    document2: "required",
                    documentNumber1: "required",
                    documentNumber2: "required",
                },
                messages: {
                    document1: "Please select first document",
                    document2: "Please select first document",
                    documentNumber1: "Please enter first document number",
                    documentNumber2: "Please enter second document number",
                }

            });

            $("#individual_form_express_kyc").validate({
                rules: {
                    expressDocument1: "required",
                    expressDocumentNumber1: "required",
                },
                messages: {
                    expressDocument1: "Please select document",
                    expressDocumentNumber1: "Please enter document number",
                }
            });

            $('#expressDocument1').on("change", function() {
                if ($(this).val()) {
                    $('#individualExpressKycGenerateOtp').prop('disabled', false);
                } else {
                    $('#individualExpressKycGenerateOtp').prop('disabled', true);

                }
            })

            //Buissiness Form Kyc validations 

            $('#expressBusninessDocument1').on("change", function() {
                if ($(this).val() == 'pancard') {
                    var panvalue =
                        "{{ !empty($generalInformation['userCompanyDetails']['pan_number']) ? $generalInformation['userCompanyDetails']['pan_number'] : '' }}";
                    $('#expressBusninessDocumentNumber1').val(panvalue);
                } else if ($(this).val() == 'adharcard') {
                    var adharnumber =
                        "{{ !empty($generalInformation['userCompanyDetails']['adhar_number']) ? $generalInformation['userCompanyDetails']['adhar_number'] : '' }}";
                    $('#expressBusninessDocumentNumber1').val(adharnumber);
                } else if ($(this).val() == 'gstin') {
                    var gstinvalue =
                        "{{ !empty($generalInformation['userCompanyDetails']['gstin_number']) ? $generalInformation['userCompanyDetails']['gstin_number'] : '' }}";
                    $('#expressBusninessDocumentNumber1').val(gstinvalue);
                } else if ($(this).val() == 'tan') {
                    var tanvalue =
                        "{{ !empty($generalInformation['userCompanyDetails']['tan_number']) ? $generalInformation['userCompanyDetails']['tan_number'] : '' }}";
                    $('#expressBusninessDocumentNumber1').val(tanvalue);
                }

                if ($(this).val()) {
                    $('#busninessExpressKycGenerateOtp').prop('disabled', false);
                } else {
                    $('#busninessExpressKycGenerateOtp').prop('disabled', true);

                }
            })

            $("#express_buissiness_form_kyc").validate({
                rules: {
                    expressBusninessDocument1: "required",
                    expressBusninessDocumentNumber1: "required",
                },
                messages: {
                    expressBusninessDocument1: "Please select document",
                    expressBusninessDocumentNumber1: "Please enter document number",
                }
            });

            $("#manual_buissiness_form_kyc").validate({

                rules: {

                    buissiness_document_1: "required",
                    buissiness_document_4: "required",
                    buissiness_document_1_number: "required",
                    buissiness_document_4_number: "required",
                },
                messages: {
                    buissiness_document_1: "Please select first document",
                    buissiness_document_4: "Please select first document",
                    buissiness_document_1_number: "Please enter first document number",
                    buissiness_document_4_number: "Please enter second document number",
                }

            });
            check = [];

            check = 'home2';


            //Movement with next button

            $("#secondHomeButton").on("click", function(e) {

                if ($("#general_information").valid()) {

                    $('#home1').removeClass('active show');
                    $('#home2').addClass('active show');
                    $('#home3').removeClass('active show');
                    $('#home4').removeClass('active show');
                    $('#home5').removeClass('active show');
                    $('#secondHomeButton').addClass('active');

                } else {

                    $('#home1').addClass('active show');
                    $('#home2').removeClass('active show');
                    $('#home3').removeClass('active show');
                    $('#home4').removeClass('active show');
                    $('#home5').removeClass('active show');
                    $('#secondHomeButton').addClass('active');

                    swal({
                        icon: 'error',
                        title: "Alert",
                        text: 'Please fill all mandatory fields.',
                        type: "error",

                        closeOnConfirm: false,
                        showLoaderOnConfirm: true,
                    });

                    return;

                }




            });

            $("#thirdNextHomeButtonb2").on("click", function(e) {

                if ($("#about_you_form").valid()) {

                    $('#home1').removeClass('active show');
                    $('#home2').removeClass('active show');
                    $('#home3').removeClass('active show');
                    $('#home4').addClass('active show');
                    $('#home5').removeClass('active show');
                    $('#thirdNextHomeButtonb2').addClass('active');

                } else {


                    $('#home1').removeClass('active show');
                    $('#home2').addClass('active show');
                    $('#home3').removeClass('active show');
                    $('#home4').removeClass('active show');
                    $('#home5').removeClass('active show');
                    $('#thirdNextHomeButtonb2').addClass('active');

                    swal({
                        icon: 'error',
                        title: "Alert",
                        text: 'Please fill all mandatory fields.',
                        type: "error",

                        closeOnConfirm: false,
                        showLoaderOnConfirm: true,
                    });

                    return;

                }


            });

            $("#thirdNextHomeButtonb1").on("click", function(e) {

                if ($("#about_you_form").valid()) {

                    $('#home1').removeClass('active show');
                    $('#home2').removeClass('active show');
                    $('#home3').addClass('active show');
                    $('#home4').removeClass('active show');
                    $('#home5').removeClass('active show');
                    // $('#thirdNextHomeButtonb').addClass('active');
                    $('#thirdNextHomeButtonb1').addClass('active');

                } else {
                    $('#home1').removeClass('active show');
                    $('#home2').addClass('active show');
                    $('#home3').removeClass('active show');
                    $('#home4').removeClass('active show');
                    $('#home5').removeClass('active show');
                    // $('#thirdNextHomeButtonb').addClass('active');
                    $('#thirdNextHomeButtonb1').addClass('active');

                    swal({
                        icon: 'error',
                        title: "Alert",
                        text: 'Please fill all mandatory fields.',
                        type: "error",

                        closeOnConfirm: false,
                        showLoaderOnConfirm: true,
                    });

                    return;

                }


            });

            $("#nextButtonHome4").on("click", function(e) {

                if ($("#company_details").valid()) {
                    $('#home1').removeClass('active show');
                    $('#home2').removeClass('active show');
                    $('#home3').removeClass('active show');
                    $('#home4').addClass('active show');
                    $('#home5').removeClass('active show');
                    $('#nextButtonHome4').addClass('active');
                } else {
                    $('#home1').removeClass('active show');
                    $('#home2').removeClass('active show');
                    $('#home3').addClass('active show');
                    $('#home4').removeClass('active show');
                    $('#home5').removeClass('active show');
                    $('#nextButtonHome4').addClass('active');

                    swal({
                        icon: 'error',
                        title: "Oops...",
                        text: 'Please fill all mandatory fields.',
                        type: "error",

                        closeOnConfirm: false,
                        showLoaderOnConfirm: true,
                    });

                    return;

                }

            });

            //Pincode country dependent dropdown

            $("#pincode").keyup(function() {

                let pincode = $('#pincode').val();

                if (pincode.length == 6) {
                    $('#custum-loader').removeClass('hidden');
                    jQuery.ajax({
                        url: "{{ route('pincode-country-state') }}",
                        type: "POST",
                        data: {
                            _token: "{{ csrf_token() }}",
                            pincode: pincode
                        },
                        success: function(data) {
                            $('#custum-loader').addClass('hidden');
                            if (!data.data) {
                                jQuery('select[name="state"]').empty();
                                jQuery('select[name="city"]').empty();

                                $('#state').removeClass('dissbleClickButton');
                                $('#city').removeClass('dissbleClickButton');

                                $('select[name="state"]').append('<option value="">' +
                                    'Select State' + '</option>');

                                jQuery.each(data.states, function(key, value) {

                                    $('select[name="state"]').append('<option value="' +
                                        value.id + '">' + value.name + '</option>');
                                });

                                swal({
                                    icon: 'error',
                                    title: "Alert",
                                    text: 'Pincode is not serviceable.',
                                    type: "error",

                                    closeOnConfirm: false,
                                    showLoaderOnConfirm: true,
                                });

                                return;
                            } else {
                                $('#state').addClass('dissbleClickButton');
                                $('#city').addClass('dissbleClickButton');

                                jQuery('select[name="state"]').empty();
                                jQuery('select[name="city"]').empty();

                                if (data.data.state) {
                                    $('select[name="state"]').append('<option value="' + data
                                        .data.state.id + '">' + data.data.state.name +
                                        '</option>');
                                }

                                if (data.data.district) {
                                    $('select[name="city"]').append('<option value="' + data
                                        .data.district.id + '">' + data.data.district.name +
                                        '</option>');
                                }

                                $('#custum-loader').addClass('hidden');
                            }

                        }
                    });

                }

            });

            //Pincode dependenet dropdown for model

            $("#userAddressPincode").keyup(function() {

                let pincode = $('#userAddressPincode').val();

                if (pincode.length == 6) {
                    $('#custum-loader').removeClass('hidden');
                    jQuery.ajax({
                        url: "{{ route('pincode-country-state') }}",
                        type: "POST",
                        data: {
                            _token: "{{ csrf_token() }}",
                            pincode: pincode
                        },
                        success: function(data) {
                            $('#custum-loader').addClass('hidden');
                            if (!data.data) {
                                jQuery('select[name="userAddressState"]').empty();
                                jQuery('select[name="userAddressCountry"]').empty();
                                jQuery('select[name="userAddressCity"]').empty();

                                $('#userAddressState').removeClass('dissbleClickButton');
                                $('#userAddressCity').addClass('dissbleClickButton');
                                $('#userAddressCountry').removeClass('dissbleClickButton');


                                $('select[name="userAddressCountry"]').append(
                                    '<option value="">' + 'Select Country' + '</option>');
                                $('select[name="userAddressCountry"]').append(
                                    '<option value="' + 101 + '">' + 'India' + '</option>');

                                $('select[name="userAddressState"]').append(
                                    '<option value="">' + 'Select State' + '</option>');

                                jQuery.each(data.states, function(key, value) {

                                    $('select[name="userAddressState"]').append(
                                        '<option value="' + value.id + '">' + value
                                        .name + '</option>');
                                });

                                swal({
                                    icon: 'error',
                                    title: "Alert",
                                    text: 'Pincode is not serviceable.',
                                    type: "error",

                                    closeOnConfirm: false,
                                    showLoaderOnConfirm: true,
                                });
                                return;
                            }

                            $('#userAddressState').addClass('dissbleClickButton');
                            $('#userAddressCity').addClass('dissbleClickButton');
                            $('#userAddressCountry').addClass('dissbleClickButton');

                            jQuery('select[name="userAddressState"]').empty();
                            jQuery('select[name="userAddressCity"]').empty();
                            jQuery('select[name="userAddressCountry"]').empty();

                            $('select[name="userAddressCountry"]').append('<option value="' +
                                101 + '">' + 'India' + '</option>');

                            if (data.data.state) {
                                $('select[name="userAddressState"]').append('<option value="' +
                                    data.data.state.id + '">' + data.data.state.name +
                                    '</option>');
                            }

                            if (data.data.district) {
                                $('select[name="userAddressCity"]').append('<option value="' +
                                    data.data.district.id + '">' + data.data.district.name +
                                    '</option>');
                            }

                            $('#custum-loader').addClass('hidden');
                        }
                    });
                }
            });

            $("#nextButtonHome5").on("click", function(e) {


                if ($('#re_account_number').val() != $('#account_number').val()) {

                    swal({
                        icon: 'error',
                        title: "Alert",
                        text: 'Account number and re-account number must be same.',
                        type: "error",

                        closeOnConfirm: false,
                        showLoaderOnConfirm: true,
                    });

                    $('#home1').removeClass('active show');
                    $('#home2').removeClass('active show');
                    $('#home3').removeClass('active show');
                    $('#home4').addClass('active show');
                    $('#home5').removeClass('active show');
                    $('#nextButtonHome5').addClass('active');

                    return;

                } else {

                    $('#home1').removeClass('active show');
                    $('#home2').removeClass('active show');
                    $('#home3').removeClass('active show');
                    $('#home4').removeClass('active show');
                    $('#home5').addClass('active show');
                    $('#nextButtonHome5').addClass('active');

                }

            });

            //Movement with Previos button

            $("#fifthPreviousButton").on("click", function(e) {
                $('#home1').removeClass('active show');
                $('#home2').removeClass('active show');
                $('#home3').removeClass('active show');
                $('#home4').addClass('active show');
                $('#home5').removeClass('active show');
                window.location.href = '{{ url('/profile') }}?tab=account-information';
            });

            $("#fifthPreviousButtonBusiness").on("click", function(e) {
                $('#home1').removeClass('active show');
                $('#home2').removeClass('active show');
                $('#home3').removeClass('active show');
                $('#home4').addClass('active show');
                $('#home5').removeClass('active show');
                window.location.href = '{{ url('/profile') }}?tab=account-information';
            });

            $("#forthPreviosButton2").on("click", function(e) {

                $('#home1').removeClass('active show');
                $('#home2').addClass('active show');
                $('#home3').removeClass('active show');
                $('#home4').removeClass('active show');
                $('#home5').removeClass('active show');
                window.location.href = '{{ url('/profile') }}?tab=about';
            });

            $("#forthPreviosButton1").on("click", function(e) {

                $('#home1').removeClass('active show');
                $('#home2').removeClass('active show');
                $('#home3').addClass('active show');
                $('#home4').removeClass('active show');
                $('#home5').removeClass('active show');
                $('#nextButtonHome4').addClass('active show');
                window.location.href = '{{ url('/profile') }}?tab=company-details';
            });

            $("#thirdPreviosButton").on("click", function(e) {

                $('#home1').removeClass('active show');
                $('#home2').addClass('active show');
                $('#home3').removeClass('active show');
                $('#home4').removeClass('active show');
                $('#home5').removeClass('active show');
                $('#thirdNextHomeButtonb1').addClass('active show');
                window.location.href = '{{ url('/profile') }}?tab=about';

            });

            $("#secondPreviosButton").on("click", function(e) {

                $('#home1').addClass('active show');
                $('#home2').removeClass('active show');
                $('#home3').removeClass('active show');
                $('#home4').removeClass('active show');
                $('#home5').removeClass('active show');
                $('#secondHomeButton').addClass('active');
                window.location.href = '{{ url('/profile') }}?tab=general-information';
            });

            //Resetting Account Information field

            $("#resetField").on("click", function(e) {

                $('#beneficiary_name').val('');
                $('#account_type').val('');
                $('#account_number').val('');
                $('#re_account_number').val('');
                $('#ifsc_code').val('');


            });

            // About you
            // Validation rules for general information
            $("#about_you_form").on('submit', function(e) {
                e.preventDefault();
                var form = $(this);
                var validator = $("#about_you_form").validate();
                if (validator.numberOfInvalids() != 0) {

                    return;
                } else {

                    e.preventDefault();

                    var form = $(this);

                    $.ajax({
                        method: 'POST',
                        url: "{{ url('add-about-you') }}",
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        data: form.serialize(),
                        success: function(data) {

                            if (data.success == true) {

                                swal({
                                        title: "Success",
                                        text: data.message,
                                        type: "success",
                                        closeOnConfirm: true,
                                        showLoaderOnConfirm: true,
                                    },
                                    function() {
                                        $('#home1').removeClass('active show');
                                        $('#home2').removeClass('active show');
                                        $('#home5').removeClass('active show');
                                        if (userType == 'individual') {
                                            $('#home3').removeClass('active show');
                                            $('#home4').addClass('active show');
                                            $('#thirdNextHomeButtonb2').addClass('active');
                                            window.location.href =
                                                '{{ url('/profile') }}?tab=account-information';
                                        } else {
                                            $('#home3').addClass('active show');
                                            $('#home4').removeClass('active show');
                                            $('#thirdNextHomeButtonb1').addClass('active');
                                            window.location.href =
                                                '{{ url('/profile') }}?tab=company-details';
                                        }
                                    });


                            }

                        },
                        error: function($response) {
                            if ($response.status === 422) {
                                if (Object.size($response.responseJSON) > 0 && Object.size(
                                        $response
                                        .responseJSON.errors) > 0) {
                                    show_validation_error($response.responseJSON.errors);

                                    $('#home1').removeClass('active show');
                                    $('#home2').addClass('active show');
                                    $('#home3').removeClass('active show');
                                    $('#home4').removeClass('active show');
                                    $('#home5').removeClass('active show');
                                    if (userType == 'individual') {
                                        $('#thirdNextHomeButtonb2').addClass('active');
                                    } else {
                                        $('#thirdNextHomeButtonb1').addClass('active');
                                    }
                                }
                            } else {
                                Swal.fire(
                                    'Error', $response.responseJSON.message, 'warning'
                                )
                                setTimeout(function() {}, 1200)
                            }

                        }
                    });


                }
            });


            //Update Bank Information

            $("#SelectCancelledCheque").change(function() {
                readURL(this, 'previewCancelledCheque');
            });

            $("#account_information_form").on('submit', function(e) {
                e.preventDefault();
                var form = $(this);
                let accountInfoUpload = new FormData(form[0]);
                var validator = $("#account_information_form").validate();
                if (validator.numberOfInvalids() != 0) {
                    return;
                } else {
                    e.preventDefault();
                    // var form = $(this);
                    if ($('#re_account_number').val() != $('#account_number').val()) {
                        swal({
                            icon: 'error',
                            title: "Alert",
                            text: 'Account number and re-account number must be same.',
                            type: "error",

                            closeOnConfirm: false,
                            showLoaderOnConfirm: true,
                        });
                        return;
                    }

                    $.ajax({
                        method: 'POST',
                        url: "{{ url('add-account-information-form') }}",
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        data: accountInfoUpload,
                        contentType: false,
                        processData: false,
                        success: function(data) {

                            if (data.success == true) {

                                swal({
                                        title: "Success",
                                        text: data.message,
                                        type: "success",

                                        closeOnConfirm: true,
                                        showLoaderOnConfirm: true,
                                    },
                                    function() {
                                        $('#home1').removeClass('active show');
                                        $('#home2').removeClass('active show');
                                        $('#home3').removeClass('active show');
                                        $('#home4').removeClass('active show');
                                        $('#home5').addClass('active show');
                                        $('#nextButtonHome5').addClass('active');
                                        window.location.href =
                                            '{{ url('/profile') }}?tab=kyc';
                                    });

                            }

                        },
                        error: function($response) {
                            console.log($response);
                            if ($response.status === 422) {
                                if (Object.size($response.responseJSON) > 0 && Object.size(
                                        $response
                                        .responseJSON.errors) > 0) {
                                    show_validation_error($response.responseJSON.errors);
                                    $('#home1').removeClass('active show');
                                    $('#home2').removeClass('active show');
                                    $('#home3').removeClass('active show');
                                    $('#home4').addClass('active show');
                                    $('#home5').removeClass('active show');
                                    $('#nextButtonHome5').addClass('active');
                                    if ($response.responseJSON.errors.is_account_verified) {
                                        swal({
                                            title: "Error",
                                            text: $response.responseJSON.errors
                                                .is_account_verified,
                                            type: "error",

                                            closeOnConfirm: true,
                                            showLoaderOnConfirm: true,
                                        });
                                    }
                                }
                            } else {
                                swal({
                                    title: "Error",
                                    text: $response.responseJSON.message,
                                    type: "warning",
                                    closeOnConfirm: true,
                                    showLoaderOnConfirm: true,
                                });
                                setTimeout(function() {}, 1200)
                            }

                        }
                    });


                }
            });

            //Individual KYC


            function readURL(input, id) {

                if (input.files && input.files[0]) {
                    var reader = new FileReader();

                    reader.onload = function(e) {
                        $('#' + id + '').attr('src', e.target.result);
                    }

                    reader.readAsDataURL(input.files[0]);
                }

            }
            // getPincode
            $("#pincode_id").keyup(function() {
                // console.log('hi');

                let pincode = $('#pincode_id').val();
                // console.log(pincode);

                if (pincode.length == 6) {
                    $('#custum-loader').removeClass('hidden');
                    jQuery.ajax({
                        url: "{{ route('pincode-country-state') }}",
                        type: "POST",
                        data: {
                            _token: "{{ csrf_token() }}",
                            pincode: pincode
                        },
                        success: function(data) {
                            // console.log(data.data.state); return false;



                            $('#custum-loader').addClass('hidden');
                            if (!data.data) {
                                jQuery('select[name="state"]').empty();
                                //jQuery('select[name="country_id"]').empty();
                                jQuery('select[name="city"]').empty();

                                $('#state').removeClass('dissbleClickButton');
                                $('#city_id').addClass('dissbleClickButton');
                                //$('#country_id').removeClass('dissbleClickButton');


                                /* $('select[name="country_id"]').append('<option value="">'+ 'Select Country' +'</option>');
                                                        $('select[name="country_id"]').append('<option value="'+ 101 +'">'+ 'India' +'</option>');
                                */
                                $('select[name="state"]').append('<option value="">' +
                                    'Select State' + '</option>');

                                jQuery.each(data.states, function(key, value) {

                                    $('select[name="state"]').append('<option value="' +
                                        value.id + '">' + value.name + '</option>');
                                });

                                swal({
                                    icon: 'error',
                                    title: "Alert",
                                    text: 'Please select state & city',
                                    type: "error",

                                    closeOnConfirm: false,
                                    showLoaderOnConfirm: true,
                                });
                                return;
                            }

                            $('#state_id').addClass('dissbleClickButton');
                            $('#city_id').addClass('dissbleClickButton');
                            // $('#country_id').addClass('dissbleClickButton');

                            jQuery('select[name="state"]').empty();
                            jQuery('select[name="city_id"]').empty();
                            // jQuery('select[name="country_id"]').empty();

                            // $('select[name="country_id"]').append('<option value="'+ 101 +'">'+ 'India' +'</option>');

                            if (data.data.state) {
                                $('select[name="state"]').append('<option value="' + data.data
                                    .state.id + '">' + data.data.state.name + '</option>');
                            }

                            if (data.data.district) {
                                $('select[name="city_id"]').append('<option value="' + data.data
                                    .district.id + '">' + data.data.district.name +
                                    '</option>');
                            }

                            $('#custum-loader').addClass('hidden');
                        }
                    });

                }

            });

            //individuial Image Reader
            $("#frontDocumentImage1").change(function() {
                readURL(this, 'frontDocumentImageUpload1');
            });

            $("#frontDocumentImage2").change(function() {
                readURL(this, 'frontDocumentImageUpload2');
            });

            $("#frontDocumentImage3").change(function() {
                readURL(this, 'frontDocumentImageUpload3');
            });

            $("#backDocumentImage3").change(function() {
                readURL(this, 'uploadBackDocumentImg4');
            });


            //Buissiness Image Reader

            $("#frontBuissinessDocumentImage1").change(function() {
                readURL(this, 'frontDocumentBuissinessImageUpload1');
            });


            $("#backBuissinessDocumentImage1").change(function() {
                readURL(this, 'backDocumentBuissinessImageUpload1');
            });

            $("#frontDocumentBuissinessImage2").change(function() {
                readURL(this, 'frontDocumentBuissinessImageUpload2');
            });

            $("#backBuissinessDocumentImage2").change(function() {
                readURL(this, 'backBuissinessDocumentImageUpload2');
            });

            //Form submission


            $("#individual_form_kyc").on('submit', function(e) {
                event.preventDefault();

                console.log($('#document1').val(), $('#document2').val());

                if ($('#document1').val() == 'pancard') {
                    if (pancardRegualExpression()) {
                        return;
                    }
                }
                if ($('#document1').val() == 'adharcard') {
                    if (adharcardRegualarExpression()) {
                        return;
                    }
                }

                if ($('#document2').val() == 'pancard') {
                    if (pancardRegualExpression1()) {
                        return;
                    }
                }

                if ($('#document2').val() == 'adharcard') {
                    if (adharcardRegualarExpression1()) {
                        return;
                    }
                }

                let kycDocumentUpload = new FormData();


                let TotalImages = $('#frontDocumentImage1')[0].files.length;
                let frontImage = $('#frontDocumentImage1')[0];

                for (let i = 0; i < TotalImages; i++) {
                    kycDocumentUpload.append('frontImage[]', frontImage.files[i]);
                }

                kycDocumentUpload.append('TotalImages', TotalImages);

                let TotalImages1 = 0;

                if ($('#frontDocumentImage2')[0].files.length > 0) {

                    TotalImages1 = $('#frontDocumentImage2')[0].files.length;
                    let backImage = $('#frontDocumentImage2')[0];

                    for (let i = 0; i < TotalImages1; i++) {
                        kycDocumentUpload.append('backImage[]', backImage.files[i]);
                    }

                    kycDocumentUpload.append('TotalImages', TotalImages1);

                    console.log('ImageUploadedData', backImage.files[0]);
                }

                //second document first document image.

                let TotalImages3 = $('#frontDocumentImage3')[0].files.length;
                let frontImage3 = $('#frontDocumentImage3')[0];

                for (let i = 0; i < TotalImages3; i++) {
                    kycDocumentUpload.append('frontImage3[]', frontImage3.files[i]);
                }

                //Second back document image.

                let TotalImages4 = $('#backDocumentImage3')[0].files.length;
                let SecondDocumentBackImg = $('#backDocumentImage3')[0];

                for (let i = 0; i < TotalImages4; i++) {
                    kycDocumentUpload.append('SecondDocumentBackImg[]', SecondDocumentBackImg.files[i]);
                }

                kycDocumentUpload.append('documentNumber1', $('#documentNumber1').val());
                kycDocumentUpload.append('documentNumber2', $('#documentNumber2').val());
                kycDocumentUpload.append('document1', $('#document1').val());
                kycDocumentUpload.append('document2', $('#document2').val());
                kycDocumentUpload.append('kyc_type', 'manual');

                let validateArrayImages = [];

                validateArrayImages.push(TotalImages4, TotalImages3, TotalImages1, TotalImages);

                validateArrayImages = validateArrayImages.filter(function(item) {
                    return item !== 0;
                });

                if (validateArrayImages.length < 3) {

                    swal({
                        title: "warning!",
                        text: 'Please select all documents',
                        type: "warning",
                        closeOnConfirm: false,
                        showLoaderOnConfirm: true,
                    });

                    return;

                }

                $.ajax({
                    method: 'POST',
                    url: "{{ url('upload-individual-user-kyc-document') }}",
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    // data: {
                    //     "_token": "{{ csrf_token() }}",
                    //     "data": kycDocumentUpload
                    //     },
                    data: kycDocumentUpload,
                    contentType: false,
                    processData: false,
                    success: function(data) {
                        console.log('Data', data);
                        if (data.success == true) {
                            $('#individual-document-upload').addClass('dissbleClickButton');
                            swal({

                                    title: "Success",
                                    text: data.message,
                                    type: "success",

                                    closeOnConfirm: true,
                                    showLoaderOnConfirm: true,
                                },
                                function() {
                                    $('#home1').removeClass('active show');
                                    $('#home2').removeClass('active show');
                                    $('#home3').removeClass('active show');
                                    $('#home4').removeClass('active show');
                                    $('#home5').addClass('active show');
                                    window.location.href =
                                        '{{ url('/profile') }}?tab=kyc';
                                });
                            return;

                        } else {

                            swal({
                                title: "oops!",
                                text: data.message,
                                type: "error",
                                closeOnConfirm: false,
                                showLoaderOnConfirm: true,
                            });

                        }
                    },
                    error: function() {
                        console.log(`Failed`)
                    }
                })

            });

            $("#individual_form_express_kyc").on('submit', function(e) {
                event.preventDefault();
                let kycDocumentUpload = new FormData();

                kycDocumentUpload.append('expressDocumentNumber1', $('#expressDocumentNumber1').val());
                kycDocumentUpload.append('expressDocument1', $('#expressDocument1').val());
                kycDocumentUpload.append('otp', $('#expressOtp').val());
                kycDocumentUpload.append('kyc_type', 'express');

                $.ajax({
                    method: 'POST',
                    url: "{{ url('upload-express-kyc-document') }}",
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    data: kycDocumentUpload,
                    contentType: false,
                    processData: false,
                    success: function(data) {
                        if (data.success == true) {
                            $('#individual-document-upload').addClass('dissbleClickButton');
                            swal({
                                    title: "Success",
                                    text: data.message,
                                    type: "success",

                                    closeOnConfirm: true,
                                    showLoaderOnConfirm: true,
                                },
                                function() {
                                    $('#home1').removeClass('active show');
                                    $('#home2').removeClass('active show');
                                    $('#home3').removeClass('active show');
                                    $('#home4').removeClass('active show');
                                    $('#home5').addClass('active show');
                                    window.location.href =
                                        '{{ url('/profile') }}?tab=kyc';
                                });

                        }

                    },
                    error: function($response) {
                        if ($response.status === 422) {
                            if (Object.size($response.responseJSON) > 0 && Object.size(
                                    $response
                                    .responseJSON.errors) > 0) {
                                show_validation_error($response.responseJSON.errors);
                                $('#home1').removeClass('active show');
                                $('#home2').removeClass('active show');
                                $('#home3').removeClass('active show');
                                $('#home4').removeClass('active show');
                                $('#home5').addClass('active show');
                            }
                        } else {
                            Swal.fire(
                                'Error', $response.responseJSON.message, 'warning'
                            )
                            setTimeout(function() {}, 1200)
                        }

                    }
                })

            });

            $('#individualExpressKycGenerateOtp').on("click", function() {
                $.ajax({
                    method: 'GET',
                    url: "{{ url('generate-otp-express-kyc') }}",
                    data: {
                        expressDocumentNumber1: $('#expressDocumentNumber1').val(),
                        expressDocument1: $('#expressDocument1').val(),
                    },
                    success: function(data) {
                        if (data.success == true) {
                            $("#expressOtp").prop("disabled", false);
                            $("#expressKycVerify").prop("disabled", false);
                            swal({
                                icon: 'success',
                                title: "Success",
                                text: data.message,
                                type: "success",
                                closeOnConfirm: false,
                                showLoaderOnConfirm: true,
                            });
                            return;

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

                    },
                    error: function($response) {
                        console.log($response.status);
                        if ($response.status === 422) {
                            if (Object.size($response.responseJSON) > 0 &&
                                Object.size(
                                    $response
                                    .responseJSON.errors) > 0) {
                                show_validation_error($response.responseJSON
                                    .errors);
                            }
                        } else {
                            Swal.fire(
                                'Error', $response.responseJSON.message,
                                'warning'
                            )
                            setTimeout(function() {}, 1200)
                        }

                    }
                });
            });



            //Manual Kyc form submittions

            $("#manual_buissiness_form_kyc").on('submit', function(e) {
                event.preventDefault();

                console.log($('#buissiness_document_1').val(), $('#buissiness_document_1').val());

                if ($('#buissiness_document_1').val() == 'pancard') {
                    if (pancardRegualExpressionForBuissiness()) {
                        return;
                    }
                }

                if ($('#buissiness_document_1').val() == 'adharcard') {
                    if (adharcardRegualarExpressionForBuissiness()) {
                        return;
                    }
                }

                if ($('#buissiness_document_1').val() == 'tan') {
                    if (tanRegualarExpressionForBuissiness()) {
                        return;
                    }
                }

                if ($('#buissiness_document_1').val() == 'gstin') {
                    if (gstinRegualarExpressionForBuissiness()) {
                        return;
                    }
                }


                if ($('#buissiness_document_4').val() == 'pancard') {
                    if (pancardRegualExpressionForBuissiness1()) {
                        return;
                    }
                }

                if ($('#buissiness_document_4').val() == 'adharcard') {
                    if (adharcardRegualarExpressionForBuissiness1()) {
                        return;
                    }
                }

                if ($('#buissiness_document_4').val() == 'tan') {
                    if (tanRegualarExpressionForBuissiness1()) {
                        return;
                    }
                }

                if ($('#buissiness_document_4').val() == 'gstin') {
                    if (gstinRegualarExpressionForBuissiness1()) {
                        return;
                    }
                }


                let kycDocumentUpload = new FormData();


                let TotalImages = $('#frontBuissinessDocumentImage1')[0].files.length;
                let frontImage = $('#frontBuissinessDocumentImage1')[0];

                for (let i = 0; i < TotalImages; i++) {
                    kycDocumentUpload.append('frontImage[]', frontImage.files[i]);
                }

                kycDocumentUpload.append('TotalImages', TotalImages);

                let TotalImages1 = 0;

                if ($('#backBuissinessDocumentImage1')[0].files.length > 0) {

                    TotalImages1 = $('#backBuissinessDocumentImage1')[0].files.length;
                    let backImage = $('#backBuissinessDocumentImage1')[0];

                    for (let i = 0; i < TotalImages1; i++) {
                        kycDocumentUpload.append('backImage[]', backImage.files[i]);
                    }

                    kycDocumentUpload.append('TotalImages', TotalImages1);

                    console.log('ImageUploadedData', backImage.files[0]);
                }

                //second document first document image.

                let TotalImages3 = $('#frontDocumentBuissinessImage2')[0].files.length;
                let frontImage3 = $('#frontDocumentBuissinessImage2')[0];

                for (let i = 0; i < TotalImages3; i++) {
                    kycDocumentUpload.append('frontImage3[]', frontImage3.files[i]);
                }

                //Second back document image.

                let TotalImages4 = $('#backBuissinessDocumentImage2')[0].files.length;
                let SecondDocumentBackImg = $('#backBuissinessDocumentImage2')[0];

                for (let i = 0; i < TotalImages4; i++) {
                    kycDocumentUpload.append('SecondDocumentBackImg[]', SecondDocumentBackImg.files[i]);
                }

                kycDocumentUpload.append('documentNumber1', $('#buissiness_document_1_number').val());
                kycDocumentUpload.append('documentNumber2', $('#buissiness_document_4_number').val());
                kycDocumentUpload.append('document1', $('#buissiness_document_1').val());
                kycDocumentUpload.append('document2', $('#buissiness_document_4').val());
                kycDocumentUpload.append('kyc_type', 'manual');



                let validateArrayImages = [];

                validateArrayImages.push(TotalImages4, TotalImages3, TotalImages1, TotalImages);

                validateArrayImages = validateArrayImages.filter(function(item) {
                    return item !== 0;
                });

                if (validateArrayImages.length < 3) {

                    swal({
                        title: "warning!",
                        text: 'Please select all documents',
                        type: "warning",
                        closeOnConfirm: false,
                        showLoaderOnConfirm: true,
                    });

                    return;

                }

                $.ajax({
                    method: 'POST',
                    url: "{{ url('upload-buissiness-user-kyc-document') }}",
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    data: kycDocumentUpload,
                    contentType: false,
                    processData: false,
                    success: function(data) {
                        console.log('Data', data);
                        if (data.success == true) {
                            $('#individual-document-upload').addClass('dissbleClickButton');
                            $('#business-document-upload').addClass('dissbleClickButton');
                            swal({

                                    title: "Success",
                                    text: data.message,
                                    type: "success",

                                    closeOnConfirm: true,
                                    showLoaderOnConfirm: true,
                                },
                                function() {
                                    $('#home1').removeClass('active show');
                                    $('#home2').removeClass('active show');
                                    $('#home3').removeClass('active show');
                                    $('#home4').removeClass('active show');
                                    $('#home5').addClass('active show');
                                    window.location.href =
                                        '{{ url('/profile') }}?tab=kyc';
                                });

                            return;

                        } else {

                            swal({
                                title: "oops!",
                                text: data.message,
                                type: "error",
                                closeOnConfirm: false,
                                showLoaderOnConfirm: true,
                            });

                        }
                    },
                    error: function() {
                        console.log(`Failed`)
                    }
                })

            });

            $("#express_buissiness_form_kyc").on('submit', function(e) {
                event.preventDefault();
                let kycDocumentUpload = new FormData();

                kycDocumentUpload.append('expressBusninessDocument1', $('#expressBusninessDocument1')
                    .val());
                kycDocumentUpload.append('expressBusninessDocumentNumber1', $(
                    '#expressBusninessDocumentNumber1').val());
                kycDocumentUpload.append('busniness_otp', $('#busninessExpressOtp').val());
                kycDocumentUpload.append('kyc_type', 'express');

                $.ajax({
                    method: 'POST',
                    url: "{{ url('upload-business-express-kyc-document') }}",
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    data: kycDocumentUpload,
                    contentType: false,
                    processData: false,
                    success: function(data) {
                        if (data.success == true) {
                            $('#individual-document-upload').addClass('dissbleClickButton');
                            swal({
                                    title: "Success",
                                    text: data.message,
                                    type: "success",

                                    closeOnConfirm: true,
                                    showLoaderOnConfirm: true,
                                },
                                function() {
                                    $('#home1').removeClass('active show');
                                    $('#home2').removeClass('active show');
                                    $('#home3').removeClass('active show');
                                    $('#home4').removeClass('active show');
                                    $('#home5').addClass('active show');
                                    window.location.href =
                                        '{{ url('/profile') }}?tab=kyc';
                                });

                        }

                    },
                    error: function($response) {
                        if ($response.status === 422) {
                            if (Object.size($response.responseJSON) > 0 && Object.size(
                                    $response
                                    .responseJSON.errors) > 0) {
                                show_validation_error($response.responseJSON.errors);
                                $('#home1').removeClass('active show');
                                $('#home2').removeClass('active show');
                                $('#home3').removeClass('active show');
                                $('#home4').removeClass('active show');
                                $('#home5').addClass('active show');
                            }
                        } else {
                            Swal.fire(
                                'Error', $response.responseJSON.message, 'warning'
                            )
                            setTimeout(function() {}, 1200)
                        }

                    }
                })

            });

            $('#busninessExpressKycGenerateOtp').on("click", function() {
                $.ajax({
                    method: 'GET',
                    url: "{{ url('generate-otp-business-express-kyc') }}",
                    data: {
                        expressBusninessDocument1: $('#expressBusninessDocument1').val(),
                        expressBusninessDocumentNumber1: $('#expressBusninessDocumentNumber1')
                            .val(),
                    },
                    success: function(data) {
                        if (data.success == true) {
                            $("#busninessExpressOtp").prop("disabled", false);
                            $("#busninessExpressKycVerify").prop("disabled", false);
                            swal({
                                icon: 'success',
                                title: "Success",
                                text: data.message,
                                type: "success",
                                closeOnConfirm: false,
                                showLoaderOnConfirm: true,
                            });
                            return;

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

                    },
                    error: function($response) {
                        console.log($response.status);
                        if ($response.status === 422) {
                            if (Object.size($response.responseJSON) > 0 &&
                                Object.size(
                                    $response
                                    .responseJSON.errors) > 0) {
                                show_validation_error($response.responseJSON
                                    .errors);
                            }
                        } else {
                            Swal.fire(
                                'Error', $response.responseJSON.message,
                                'warning'
                            )
                            setTimeout(function() {}, 1200)
                        }

                    }
                });
            });


            //image upload

            $('#image-upload').change(function() {

                event.preventDefault();
                let image_upload = new FormData();
                let TotalImages = $('#image-upload')[0].files.length;
                let images = $('#image-upload')[0];

                for (let i = 0; i < TotalImages; i++) {
                    image_upload.append('images[]', images.files[i]);
                }

                image_upload.append('TotalImages', TotalImages);
                console.log(image_upload);

                $.ajax({
                    method: 'POST',
                    url: "{{ url('user-profile-images') }}",
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    data: image_upload,
                    contentType: false,
                    processData: false,
                    success: function(data) {
                        if (data.status == 'true') {

                            $('#profilePic').attr('src', data.data);
                            $('#headerProfilePic').attr('src', data.data);


                            swal({

                                title: "Success",
                                text: data.message,
                                type: "success",

                                closeOnConfirm: true,
                                showLoaderOnConfirm: true,
                            });

                            return;

                        } else {

                            swal({
                                title: "oops!",
                                text: data.message,
                                type: "error",
                                closeOnConfirm: false,
                                showLoaderOnConfirm: true,
                            });

                        }
                    },
                    error: function() {
                        console.log(`Failed`)
                    }
                })

            });

            //open web cam for individual Users

            $("#webcamOn").on("click", function(e) {

                Webcam.set({
                    height: 160,
                    image_format: 'jpeg',
                    jpeg_quality: 90
                });

                Webcam.attach('#my_camera');

                $("#capture_image_div").hide();
                $('#take_snapshot_individual').removeClass('button-dissable');


            });


            //Open web cam for Buissiness Users

            $("#webcamOnForBuissiness").on("click", function(e) {

                Webcam.set({
                    height: 160,
                    image_format: 'jpeg',
                    jpeg_quality: 90
                });

                Webcam.attach('#my_camera_for_Buissiness');

                $("#my_camera_for_Buissiness_static").hide();
                //$('#take_snapshot_individual').removeClass('button-dissable');


            });




            $("#take_snapshot_individual").on("click", function(e) {

                Webcam.snap(function(data_uri) {
                    $("#take_snapshot_image").attr('src', data_uri);
                    $('#custum-loader').removeClass('hidden');
                    jQuery.ajax({
                        enctype: 'multipart/form-data',
                        url: "{{ route('save-selfie') }}",
                        type: "POST",
                        data: {
                            _token: "{{ csrf_token() }}",
                            images: $("#take_snapshot_image").attr('src'),
                            userType: 'individual'
                        },
                        success: function(data) {
                            $('#custum-loader').addClass('hidden');
                            Webcam.reset();
                            $("#capture_image_div").show();
                            swal({

                                title: "Success",
                                text: data.message,
                                type: "success",

                                closeOnConfirm: true,
                                showLoaderOnConfirm: true,
                            });
                            $('#take_snapshot_individual').addClass('button-dissable');
                            $('#individual-document-upload').removeClass(
                                'dissable-individual-tab');

                        },
                        error: function(errorLog) {
                            $('#custum-loader').addClass('hidden');
                            $('#take_snapshot_individual').addClass('button-dissable');
                            $("#capture_image_div").show();
                        }

                    });


                });



            });


            $("#take_snapshot_buissiness").on("click", function(e) {

                Webcam.snap(function(data_uri) {
                    $("#take_snapshot_image_bussiness").attr('src', data_uri);
                    $('#custum-loader').removeClass('hidden');
                    jQuery.ajax({
                        enctype: 'multipart/form-data',
                        url: "{{ route('save-selfie') }}",
                        type: "POST",
                        data: {
                            _token: "{{ csrf_token() }}",
                            images: $("#take_snapshot_image_bussiness").attr('src'),
                            userType: 'enterprise'
                        },
                        success: function(data) {
                            $('#custum-loader').addClass('hidden');
                            Webcam.reset();
                            $("#my_camera_for_Buissiness_static").show();
                            swal({

                                title: "Success",
                                text: data.message,
                                type: "success",

                                closeOnConfirm: true,
                                showLoaderOnConfirm: true,
                            });
                            $('#take_snapshot_individual').addClass('button-dissable');
                            $('#individual-document-upload').removeClass(
                                'dissable-individual-tab');
                            $('#business-document-upload').removeClass(
                                'dissable-business-tab');

                        },
                        error: function(errorLog) {
                            $('#custum-loader').addClass('hidden');
                            $('#take_snapshot_individual').addClass('button-dissable');
                            $("#my_camera_for_Buissiness_static").show();
                        }

                    });


                });



            });


            //Individual Document Validations

            $("#documentNumber1").on("input", function() {

                if ($('#document1').val() == 'pancard') {
                    pancardRegualExpression();
                } else if ($('#document1').val() == 'adharcard') {
                    adharcardRegualarExpression();
                }

            });

            $("#documentNumber2").on("input", function() {

                if ($('#document2').val() == 'pancard') {
                    pancardRegualExpression1();
                    //return;
                } else if ($('#document2').val() == 'adharcard') {
                    adharcardRegualarExpression1();
                }

            });

            //Buissiness Validations

            $("#buissiness_document_1_number").on("input", function() {

                if ($('#buissiness_document_1').val() == 'pancard') {
                    pancardRegualExpressionForBuissiness();
                    //return;
                } else if ($('#buissiness_document_1').val() == 'adharcard') {
                    adharcardRegualarExpressionForBuissiness();
                } else if ($('#buissiness_document_1').val() == 'tan') {
                    tanRegualarExpressionForBuissiness();
                } else if ($('#buissiness_document_1').val() == 'gstin') {
                    gstinRegualarExpressionForBuissiness();
                }

            });

            $("#buissiness_document_4_number").on("input", function() {

                if ($('#buissiness_document_4').val() == 'pancard') {
                    pancardRegualExpressionForBuissiness1();
                } else if ($('#buissiness_document_4').val() == 'adharcard') {
                    adharcardRegualarExpressionForBuissiness1();
                } else if ($('#buissiness_document_4').val() == 'gstin') {
                    gstinRegualarExpressionForBuissiness1();
                } else if ($('#buissiness_document_4').val() == 'tan') {
                    tanRegualarExpressionForBuissiness1();
                }

            });

            //Pancard Regular expression.

            function pancardRegualExpression() {

                var regex = /([A-Z]){5}([0-9]){4}([A-Z]){1}$/;

                if (regex.test($("#documentNumber1").val().toUpperCase())) {
                    $("#lblPANCard").hide();
                    return false;
                } else {
                    $("#lblPANCard").show();
                    return true;
                }

            }

            function pancardRegualExpression1() {

                var regex = /([A-Z]){5}([0-9]){4}([A-Z]){1}$/;

                if (regex.test($("#documentNumber2").val().toUpperCase())) {
                    $("#lblPANCard1").hide();
                    return false;
                } else {
                    $("#lblPANCard1").show();
                    return true;
                }

            }

            function pancardRegualExpressionForBuissiness() {

                var regex = /([A-Z]){5}([0-9]){4}([A-Z]){1}$/;

                if (regex.test($("#buissiness_document_1_number").val().toUpperCase())) {
                    $("#lblPANCard5").hide();
                    return false;
                } else {
                    $("#lblPANCard5").show();
                    return true;
                }

            }

            function pancardRegualExpressionForBuissiness1() {

                var regex = /([A-Z]){5}([0-9]){4}([A-Z]){1}$/;

                if (regex.test($("#buissiness_document_4_number").val().toUpperCase())) {
                    $("#lblPANCard6").hide();
                    return false;
                } else {
                    $("#lblPANCard6").show();
                    return true;
                }

            }

            function adharcardRegualarExpression() {
                var regex = /^[0-9]*$/;

                if (regex.test($("#documentNumber1").val()) && ($("#documentNumber1").val().length == 12)) {
                    $("#adharCardError").hide();
                    return false;
                } else {
                    $("#adharCardError").show();
                    return true;
                }

            }

            function adharcardRegualarExpression1() {

                var regex = /^[0-9]*$/;

                if (regex.test($("#documentNumber2").val()) && $("#documentNumber2").val().length == 12) {
                    $("#adharCardError1").hide();
                    return false;
                } else {
                    $("#adharCardError1").show();
                    return true;
                }

            }

            //Buissiness Adharcard validations

            function adharcardRegualarExpressionForBuissiness() {

                var regex = /^[0-9]*$/;

                if (regex.test($("#buissiness_document_1_number").val()) && $("#buissiness_document_1_number").val()
                    .length == 12) {
                    $("#adharCardError5").hide();
                    return false;
                } else {
                    $("#adharCardError5").show();
                    return true;
                }

            }

            function adharcardRegualarExpressionForBuissiness1() {

                var regex = /^[0-9]*$/;

                if (regex.test($("#buissiness_document_4_number").val()) && $("#buissiness_document_4_number").val()
                    .length == 12) {
                    $("#adharCardError6").hide();
                    return false;
                } else {
                    $("#adharCardError6").show();
                    return true;
                }

            }

            function tanRegualarExpressionForBuissiness() {

                var regex = /([A-Z]){4}([0-9]){5}([A-Z]){1}$/;

                if (regex.test($("#buissiness_document_1_number").val().toUpperCase())) {
                    $("#tanError5").hide();
                    return false;
                } else {
                    $("#tanError5").show();
                    return true;
                }

            }

            function tanRegualarExpressionForBuissiness1() {

                var regex = /([A-Z]){4}([0-9]){5}([A-Z]){1}$/;

                if (regex.test($("#buissiness_document_4_number").val().toUpperCase())) {
                    $("#tanError6").hide();
                    return false;
                } else {
                    $("#tanError6").show();
                    return true;
                }

            }

            function gstinRegualarExpressionForBuissiness() {

                var regex = /^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z]{1}[1-9A-Z]{1}Z[0-9A-Z]{1}$/;

                if (regex.test($("#buissiness_document_1_number").val().toUpperCase())) {
                    $("#gstinError5").hide();
                    return false;
                } else {
                    $("#gstinError5").show();
                    return true;
                }

            }

            function gstinRegualarExpressionForBuissiness1() {

                var regex = /^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z]{1}[1-9A-Z]{1}Z[0-9A-Z]{1}$/;
                if (regex.test($("#buissiness_document_4_number").val().toUpperCase())) {
                    $("#gistinError6").hide();
                    return false;
                } else {
                    $("#gistinError6").show();
                    return true;
                }

            }

            //Ajax Calling while we selecting state


            jQuery('select[name="state"]').on('change', function() {

                var state_id = jQuery(this).val();

                if (state_id) {
                    jQuery.ajax({
                        url: "{{ route('cities-list') }}",
                        type: "POST",
                        data: {
                            _token: "{{ csrf_token() }}",
                            state_id: state_id
                        },

                        success: function(data) {
                            jQuery('select[name="city"]').empty();
                            window.localStorage.removeItem('city');
                            localStorage.setItem("city", JSON.stringify(data));
                            $('select[name="city"]').append('<option value="' + '' + '">' +
                                'Select City' + '</option>');
                            jQuery.each(data.cities, function(key, value) {

                                $('select[name="city"]').append('<option value="' +
                                    value.id + '">' + value.name + '</option>');
                            });
                        }
                    });


                }
            });


            //Company Details Forms
            $.validator.addMethod(
                "regex",
                function(value, element, regexp) {
                    return this.optional(element) || regexp.test(value);
                },
                "Please enter valid pan number."
            );

            $("#company_details").validate({

                rules: {

                    company_name: "required",
                    billing_address_1: "required",
                    billing_address_2: "required",
                    pan_number: {
                        required: true,
                        regex: /^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$/
                    },
                    adhar_number:{
                        digits: true,
                        minlength: 12,
                        maxlength: 12
                    },
                    company_email: {
                        required: true,
                        email: true
                    },
                    state: "required",
                    city: "required",
                    phone_number: {
                        required: true,
                        digits: true,
                        minlength: 10,
                        maxlength: 10
                    },
                    zipcode: {
                        required: true,
                        number: true,
                    },
                },
                messages: {
                    company_name: "Company name is required",
                    gstin_number: "GST number is required",
                    billing_address_1: "Billing address 1 is required",
                    billing_address_2: "Billing address 2 is required",
                    city: "City is required",
                    pan_number:  {
                        required: 'Please enter pan number',
                        // pattern : "Please enter valid pan number",
                    },
                    phone_number: {
                        required: 'Please enter mobile number',
                        digits: 'please enter digits only',
                        minLength: 'Invalid mobile number',
                        maxlength: 'Invalid mobile number'
                    },
                    zipcode: {
                        required: 'Zipcode is required',
                        number: 'Zipcode must be a number',
                    },
                    company_email: {
                        required: 'Email is required',
                        email: 'Please enter a valid email address'
                    },

                }

            });


            //Ajax calling form Company Details 
            $("#SelectSign").change(function() {
                readURL(this, 'previewSign');
            });

            $("#company_details").on('submit', function(e) {
                e.preventDefault();
                var form = $(this);
                let companyInfoUpload = new FormData(form[0]);
                var validator = $("#company_details").validate();

                if (validator.numberOfInvalids() != 0) {
                    return;
                } else {
                    e.preventDefault();
                    // var form = $(this);
                    $.ajax({
                        method: 'POST',
                        url: "{{ url('save-company-information') }}",
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        data: companyInfoUpload,
                        contentType: false,
                        processData: false,
                        success: function(data) {
                            if (data.success == true) {
                                swal({
                                        title: "Success",
                                        text: data.message,
                                        type: "success",

                                        closeOnConfirm: true,
                                        showLoaderOnConfirm: true,
                                    },
                                    function() {
                                        $('#home1').removeClass('active show');
                                        $('#home2').removeClass('active show');
                                        $('#home3').removeClass('active show');
                                        $('#home4').addClass('active show');
                                        $('#home5').removeClass('active show');
                                        $('#nextButtonHome4').addClass('active');
                                        window.location.href =
                                            '{{ url('/profile') }}?tab=account-information';
                                    });

                            }

                        },
                        error: function($response) {
                            if ($response.status === 422) {
                                if (Object.size($response.responseJSON) > 0 && Object.size(
                                        $response
                                        .responseJSON.errors) > 0) {
                                    show_validation_error($response.responseJSON.errors);
                                    if ($response.responseJSON.errors.document) {
                                        swal({
                                            title: "Error",
                                            text: $response.responseJSON.errors
                                                .document,
                                            type: "error",
                                            closeOnConfirm: true,
                                            showLoaderOnConfirm: true,
                                        });
                                    }
                                    if ($response.responseJSON.errors.is_document_verified) {
                                        swal({
                                            title: "Error",
                                            text: $response.responseJSON.errors
                                                .is_document_verified,
                                            type: "error",

                                            closeOnConfirm: true,
                                            showLoaderOnConfirm: true,
                                        });
                                    }
                                    $('#home1').removeClass('active show');
                                    $('#home2').removeClass('active show');
                                    $('#home3').addClass('active show');
                                    $('#home4').removeClass('active show');
                                    $('#home5').removeClass('active show');
                                    $('#nextButtonHome4').addClass('active');
                                }
                            } else {
                                swal({
                                    title: "Error",
                                    text: $response.responseJSON.message,
                                    type: "warning",
                                    closeOnConfirm: true,
                                    showLoaderOnConfirm: true,
                                });
                                setTimeout(function() {}, 1200)
                            }

                        }
                    });


                }
            });

            // Localstorage Handling Dependend dropdown

            // var city = JSON.parse(localStorage.getItem("city"));
            // console.log(city + 'city test');

            var city_id = "";
            if (city_id == '' || city_id == null) {
                $('select[name="city"]').val('');
                // window.localStorage.removeItem('city');
            }

            if (city_id != '' || city_id != null) {
                jQuery.each(city.cities, function(key, value) {
                    $('select[name="city"]').append('<option value="' + value.id + '" ' + (value
                        .id ==
                        city_id ? 'selected' : '') + '>' + value.name + '</option>');
                });
            }
        });

        let oldPincode = $('#pincode').val();

        if (oldPincode.length == 6) {
            $('#custum-loader').removeClass('hidden');
            jQuery.ajax({
                url: "{{ route('pincode-country-state') }}",
                type: "POST",
                data: {
                    _token: "{{ csrf_token() }}",
                    pincode: oldPincode
                },
                success: function(data) {

                    $('#custum-loader').addClass('hidden');

                    if (!data.data) {
                        return;
                    } else {

                        $('#city').addClass('dissbleClickButton');
                        $('#city').empty();

                        console.log('+++oldPincode+++', oldPincode);

                        if (data.data.district) {
                            $('select[name="city"]').append('<option value="' + data.data.district.id +
                                '">' +
                                data.data.district.name + '</option>');
                        }

                    }


                }
            });

        }

        //$("#pincode_id").keyup(function(){
        // console.log('hi');

        let oldpincodeId = $('#pincode_id').val();
        // console.log(pincode);

        if (oldpincodeId.length == 6) {
            $('#custum-loader').removeClass('hidden');
            jQuery.ajax({
                url: "{{ route('pincode-country-state') }}",
                type: "POST",
                data: {
                    _token: "{{ csrf_token() }}",
                    pincode: oldpincodeId
                },
                success: function(data) {
                    // console.log(data.data.state); return false;



                    $('#custum-loader').addClass('hidden');
                    if (!data.data) {
                        jQuery('select[name="state"]').empty();
                        //jQuery('select[name="country_id"]').empty();
                        jQuery('select[name="city_id"]').empty();

                        $('#state').removeClass('dissbleClickButton');
                        $('#city').addClass('dissbleClickButton');
                        //$('#country_id').removeClass('dissbleClickButton');


                        /* $('select[name="country_id"]').append('<option value="">'+ 'Select Country' +'</option>');
                                                $('select[name="country_id"]').append('<option value="'+ 101 +'">'+ 'India' +'</option>');
                        */
                        $('select[name="state"]').append('<option value="">' + 'Select State' +
                            '</option>');

                        jQuery.each(data.states, function(key, value) {

                            $('select[name="state"]').append('<option value="' + value.id +
                                '">' + value
                                .name + '</option>');
                        });

                        swal({
                            icon: 'error',
                            title: "Alert",
                            text: 'Please select state & city',
                            type: "error",

                            closeOnConfirm: false,
                            showLoaderOnConfirm: true,
                        });
                        return;
                    }

                    $('#state').addClass('dissbleClickButton');
                    $('#city_id').addClass('dissbleClickButton');
                    // $('#country_id').addClass('dissbleClickButton');

                    jQuery('select[name="state"]').empty();
                    jQuery('select[name="city_id"]').empty();
                    // jQuery('select[name="country_id"]').empty();

                    // $('select[name="country_id"]').append('<option value="'+ 101 +'">'+ 'India' +'</option>');

                    if (data.data.state) {
                        $('select[name="state"]').append('<option value="' + data.data.state.id + '">' +
                            data
                            .data.state.name + '</option>');
                    }

                    if (data.data.district) {
                        $('select[name="city_id"]').append('<option value="' + data.data.district.id +
                            '">' +
                            data.data.district.name + '</option>');
                    }

                    $('#custum-loader').addClass('hidden');
                }
            });

        }

        //Allow only numeric fields

        $(".AllowNumeric").on("keypress keyup blur", function(event) {
            $(this).val($(this).val().replace(/[^\d].+/, ""));
            if ((event.which < 48 || event.which > 57)) {
                event.preventDefault();
            }
        });

        let documentImage123 = '{{ $generalInformation['document1'] }}';
        // let isGstVerifed = '{{ $generalInformation['is_gst_verified'] ? $generalInformation['is_gst_verified'] : '' }}';
        // let isTanVerifed = '{{ $generalInformation['is_tan_verified'] ? $generalInformation['is_tan_verified'] : '' }}';
        // let isPanVerifed = '{{ $generalInformation['is_pan_verified'] ? $generalInformation['is_pan_verified'] : '' }}';
        // let isAdharVerifed =
        //     '{{ $generalInformation['is_adhar_verified'] ? $generalInformation['is_adhar_verified'] : '' }}';
        // let isAccountVerifed =
        //     '{{ $generalInformation['is_account_verified'] ? $generalInformation['is_account_verified'] : '' }}';

        if (documentImage123 && documentImage123 != '') {
            $('#buissiness_document_kyc_approval').addClass('dissbleClickButton');
            $('#fifthPreviousButton').prop('disabled', false);
            $('#fifthPreviousButtonBusiness').prop('disabled', false);
            $('#individual-document-upload').addClass('dissbleClickButton');
            $('#business-document-upload').addClass('dissbleClickButton');
        }

        // if (isKyc == 'yes') {
        //     $('#home1').removeClass('dissbleClickButton');
        //     $('#home2').removeClass('dissbleClickButton');
        //     $('#home3').removeClass('dissbleClickButton');
        //     $('#home4').removeClass('dissbleClickButton');
        // }

        // if (isAccountVerifed == 'yes') {
        //     $('#home4').removeClass('dissbleClickButton');
        // }
        // if (isGstVerifed == 'no') {
        //     $('#home3').removeClass('dissbleClickButton');
        // }
        // if (isAccountVerifed == 'no') {
        //     $('#home4').addClass('dissbleClickButton');
        // }
        // if (isGstVerifed == 'no') {
        //     $('#home3').addClass('dissbleClickButton');
        // }

        // if (isKyc == 'no') {
        //     $('#home1').addClass('dissbleClickButton');
        //     $('#home2').addClass('dissbleClickButton');
        //     $('#home3').addClass('dissbleClickButton');
        //     $('#home4').addClass('dissbleClickButton');
        //     $('#home5').addClass('dissbleClickButton');
        // }

        // });
    </script>
@endsection