@extends('admin.layouts.leadManagement')
@section('title')
    Lead Management
@endsection
    @section('style')
    {{-- <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css?v={{ env('CRM_VERSION') }}" as="style" />
    <link rel="preload" href="{{ asset('backend') }}/lead-management/css/customer-detail.css?v={{ env('CRM_VERSION') }}" as="style" />
    <link rel="preload" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css?v={{ env('CRM_VERSION') }}" as="style" />
    <link rel="preload" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css?v={{ env('CRM_VERSION') }}" as="style" />
    <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css?v={{ env('CRM_VERSION') }}" as="style" /> --}}
    {{-- <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css?v={{ env('CRM_VERSION') }}" />
    <link rel="stylesheet"
        href="{{ asset('backend') }}/lead-management/css/customer-detail.css?v={{ env('CRM_VERSION') }}">
        <link rel="stylesheet" type="text/css"
        href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css?v={{ env('CRM_VERSION') }}" />
    <link rel="stylesheet" type="text/css"
        href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css?v={{ env('CRM_VERSION') }}" />
        <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css?v={{ env('CRM_VERSION') }}" /> --}}
    <link rel="stylesheet"
        href="{{ asset('backend') }}/lead-management/css/customer-detail.css?v={{ env('CRM_VERSION') }}">
    <style>

    </style>
@endsection
@section('content')
    

    @php
        // dd($candidate->destination);
        $intake_names = explode(',', @$candidate->destination[0]->intake);
        $intake_years = explode(',', @$candidate->destination[0]->intake_years);
        $intake_months = explode(',', @$candidate->destination[0]->intake_months);
        $partner_id = explode(',', $user->partner_id);
        $jsonString = str_replace(['"', '[', ']'], '', @$candidate->destination[0]->preferred_country);
        $preferred_country_ids = explode(',', $jsonString);

        $last_names = array_column($candidate->educations->toArray(), 'qualification');
        $index_10th = array_search('10th', $last_names);
        $index_12th = array_search('12th', $last_names);
        $index_Bachelor = array_search('Bachelors', $last_names);
        $index_Master = array_search('Masters', $last_names);
        $index_Diploma = array_search('Diploma', $last_names);
        $education_index = 5;
        $educations = @$candidate->educations ?? [];
        $can_educations_count = count($educations) + 1;
        $counter = 0;
        $education_boards = [
            'Andhra Pradesh Board of Secondary Education',
            'Arunachal Pradesh State Board of School Education',
            'Assam Higher Secondary Education Council',
            'Bihar School Examination Board',
            'Central Board of Secondary Education (CBSE)',
            'Chhattisgarh Board of Secondary Education',
            'Council for the Indian School Certificate Examinations (CISCE)',
            'Goa Board of Secondary & Higher Secondary Education',
            'Gujarat Secondary and Higher Secondary Education Board',
            'Haryana Board of School Education',
            'Himachal Pradesh Board of School Education',
            'Indian Certificate of Secondary Education (ICSE)',
            'Jammu & Kashmir State Board of School Education',
            'Jharkhand Academic Council',
            'Karnataka Secondary Education Examination Board',
            'Kerala State Board of Education',
            'Madhya Pradesh Board of Secondary Education',
            'Maharashtra State Board of Secondary & Higher Secondary Education',
            'Manipur State Board of Examination',
            'Meghalaya Board of School Education',
            'Mizoram Board of School Education',
            'Nagaland Board of School Education',
            'National Institute of Open Schooling (NIOS)',
            'Odisha Board of Secondary Education',
            'Punjab School Education Board',
            'Rajasthan Board of Secondary Education',
            'Sikkim Board of School Education',
            'Tamil Nadu State Board of Examination',
            'Telangana State Board of Intermediate Education',
            'Tripura Board of Secondary Education',
            'Uttar Pradesh Board of High School and Intermediate Education',
            'Uttarakhand Board of School Education',
            'West Bengal Board of Secondary Education',
        ];

        // $english_test = [
        //     'test_name' => '',
        //     'test_taken_date' => '',
        //     'test_result_date' => '',
        //     'test_scores' => '',
        //     'speaking_scores' => '',
        //     'reading_scores' => '',
        //     'listening_scores' => '',
        //     'writing_scores' => '',
        // ];
        // $abroad_test = [
        //     'test_name' => '',
        //     'test_taken_date' => '',
        //     'test_result_date' => '',
        //     'test_scores' => '',
        // ];

        // foreach ($candidate->candidate_exam as $index => $exam) {
        //     if ($exam->test_type == '1') {
        //         $abroad_test = [
        //             'test_name' => $exam->test_name,
        //             'test_taken_date' => $exam->test_taken_date,
        //             'test_result_date' => $exam->test_result_date,
        //             'test_scores' => $exam->test_scores,
        //         ];
        //     } elseif ($exam->test_type == '0') {
        //         $english_test = [
        //             'test_name' => $exam->test_name,
        //             'test_taken_date' => $exam->test_taken_date,
        //             'test_result_date' => $exam->test_result_date,
        //             'test_scores' => $exam->test_scores,
        //             'speaking_scores' => $exam->speaking_scores,
        //             'reading_scores' => $exam->reading_scores,
        //             'listening_scores' => $exam->listening_scores,
        //             'writing_scores' => $exam->writing_scores,
        //         ];
        //     }
        // }

    @endphp

    <style>
        .loader {
            display: none;
        }

        .cancel-text {
            display: none;
        }

        .hide {
            display: none;
        }

        /* .upload-loader {
            display: inline;
        }

        .overlay {
            display: inline;
        } */


        #notes_data_form_edit {
            background: #bfc3c7;
        }

        #test_prepration {
            display: none;
        }

        .custom-w-img {
            width: 32px !important;
            height: 32px !important;
        }

        .tox .tox-editor-header {
            z-index: 1 !important;
        }

        #select2-assign_to_rm_change-container,
        #select2-assign_to_change-container {
            padding-left: 0px !important;
        }
        #stages_show_div{
            display: none;
        }
    </style>
    <script>
        window.onscroll = function() {
            handleScroll();
        };

        function handleScroll() {

        }
    </script>

    <div class="overlay"></div>
    <div class="sidebar-overlay"></div>
    <div class="upload-loader"></div>
    <div class="loader"></div>
    <div class="container-fluid">

        <div class="top-section" style="display: none">
            <div class="first-row">
                <div class="user-info">
                    @if (
                        !$candidate->interested_webinar->isEmpty() &&
                            $candidate->interested_webinar->first()->webinar &&
                            $candidate->interested_webinar->first()->webinar->dateTime)
                        <div class="tool-tip-div">
                            <span class="webinar">W</span>
                            <div class="tooltip">
                                <p class="t-item">
                                    <span class="t-head">Webinar Date :</span><span
                                        class="t-value">{{ dateMonthFormat(@$candidate->interested_webinar[0]->webinar->dateTime) }}</span>
                                </p>

                                <p class="t-item">
                                    <span class="t-head">Webinar Title :</span><span class="t-value">
                                        {{ @$candidate->interested_webinar[0]->webinar->webinar_name }}
                                    </span>
                                </p>
                            </div>
                        </div>
                    @endif
                    <span class="name" id="candidate_name_update"> {{ ucwords($candidate->user->name) }}
                        {{ ucwords($candidate->user->last_name) }}</span>
                    <span class="c-id">(ID: <span class="id-value"> {{ $candidate->user_id }}</span> )</span>

                    @if (@$candidate->student_category == 'Gold')
                        <span class="category gold"><span class="cat-text">Gold</span></span>
                    @elseif(@$candidate->student_category == 'Silver')
                        <span class="category silver"><span class="cat-text">Silver</span></span>
                    @elseif(@$candidate->student_category == 'Bronze')
                        <span class="category bronze"><span class="cat-text">Bronze</span></span>
                    @endif
                </div>
                <div class="profile-progress">
                    <span class="progress-value"></span>
                    <div class="progress-line" id="data_progress_bar"
                        data-progress="{{ $profile_progress['available_percentage'] }}">
                        <span class="filled-line"></span>
                    </div>
                    <span class="progress-title">Profile Completed</span>
                </div>

                <p class="contacts">
                    <span class="rm-head">RM:<span
                            class="rm-name">{{ ucwords(adminIdToNameGet(@$candidate->user->assigned_rm)) }}
                            @if (!empty(@$candidate->user->assign_date))
                                on ({{ dateMonthFormat(@$candidate->user->assign_date) }})
                            @endif
                        </span>
                    </span>


                    <span class="rm-head">Counsellor:<span class="rm-name">
                            {{ adminIdToNameGet(@$candidate->user->assign_to) }}
                        </span>
                    </span>
                </p>
            </div>

            <div class="last-row">
                <div class="dropdown-list">
                </div>
                <a href="{{ route('lead-management.student_case', $candidate->id) }}" target="_blank"
                    class="view-case-link">View Case</a>
            </div>

        </div>

        <!--New-->
        <div class="top-detail">
            <div class="common-card user-card">
                <div class="user-details">
                    <p class="name" id="candidate_name_update">{{ ucwords($candidate->user->name) }}
                        {{ ucwords($candidate->user->last_name) }}
                    </p>
                    <div class="other-user-details">
                        <p class="sub-text">
                            <img src="{{ asset('backend') }}/lead-management/images/customer-detail/user-new.svg"
                                alt="icon" width="100%" height="100%">
                            <span class="id-value" title="User Id"> {{ $candidate->user_id }}</span>
                        </p>
                        @if (count($preferred_countries) > 0)
                            <div>
                                <p class="ct-grps">
                                    @if ($candidate->passport_status == 1)
                                        <span class="c-name" title="{{ @$candidate->passportCountry->name }}">
                                            {{ @$candidate->passportCountry->sortname }} @if (@$candidate->passportCountry->name == '' || @$candidate->passportCountry->name == null)
                                                <span class="c-name" id="resident_country">
                                        </span>
                                            @endif
                                        @else
                                            <span class="c-name" id="resident_country">
                                            </span>
                                    @endif
                                    <img src="{{ asset('backend') }}/lead-management/images/customer-detail/arrow-long-right.svg"
                                        alt="icon" width="100%" height="100%">
                                    @foreach ($preferred_countries as $key => $preferred_country)
                                        <span class="c-name" title="{{ $preferred_country['name'] }}">
                                            {{ $preferred_country['sortname'] }}
                                            @if ($key < count($preferred_countries) - 1)
                                                ,
                                            @endif
                                        </span>
                                    @endforeach
                                </p>
                            </div>
                        @endif

                        {{-- @if ($english_test['test_name'] == '' || ($english_test['test_name'] == null && $abroad_test['test_name'] == '') || $abroad_test['test_name'] == null)
                        @else
                                <span class="green-label" ><span title="English test"> {{ $english_test['test_name'] }} @if ($english_test['test_scores'] != null && $english_test['test_scores'] != '')
                                        
                                    ({{ $english_test['test_scores'] }})</span>
                                    <span title="Apptitude test">
                                        @endif {{ $abroad_test['test_name'] }} @if ($abroad_test['test_scores'] != null && $abroad_test['test_scores'] != '')
                                            ({{ $abroad_test['test_scores'] }})
                                        @endif
                                    </span>
                                </span>
                        @endif --}}

                        <span id="change_student_category">
                            @if (@$candidate->student_category == 'Gold')
                                <p class="category gold" title="Student Category"><span class="cat-icon"></span><span
                                        class="cat-text">Gold</span></p>
                            @elseif(@$candidate->student_category == 'Silver')
                                <p class="category silver" title="Student Category"><span class="cat-icon"></span><span
                                        class="cat-text">Silver</span>
                                </p>
                            @elseif(@$candidate->student_category == 'Bronze')
                                <p class="category bronze" title="Student Category"><span class="cat-icon"></span><span
                                        class="cat-text">Bronze</span>
                                </p>
                            @endif
                        </span>


                        @if (is_numeric($candidate->state_id) && @$candidate->passportState->name == null)
                            <p class="sub-text" title="Passport State">
                                <img src="{{ asset('backend') }}/lead-management/images/customer-detail/location.svg"
                                    alt="icon" width="100%" height="100%">
                                <span class="id-value">
                                    {{ $candidate->state_id }}
                                </span>
                            </p>
                        @elseif (@$candidate->passportState->name != null && @$candidate->passportState->name != '')
                            <p class="sub-text" title="Passport State">
                                <img src="{{ asset('backend') }}/lead-management/images/customer-detail/location.svg"
                                    alt="icon" width="100%" height="100%">
                                <span class="id-value">
                                    {{ @$candidate->passportState->name }}
                                </span>
                            </p>
                        @elseif (!is_numeric($candidate->state_id) && $candidate->state_id != null)
                            <p class="sub-text" title="Passport State">
                                <img src="{{ asset('backend') }}/lead-management/images/customer-detail/location.svg"
                                    alt="icon" width="100%" height="100%">
                                <span class="id-value">
                                    {{ $candidate->state_id }}
                                </span>
                            </p>    
                        @endif

                        @if (
                            !$candidate->interested_webinar->isEmpty() &&
                                $candidate->interested_webinar->first()->webinar &&
                                $candidate->interested_webinar->first()->webinar->dateTime)
                            <div class="tool-tip-div">
                                <span class="sub-text webinar" title="Webinar">
                                    <img src="{{ asset('backend') }}/lead-management/images/customer-detail/webinar-icon.svg"
                                        alt="icon" width="100%" height="100%">
                                    Webinar
                                </span>
                                <div class="tooltip">
                                    <p class="t-item">
                                        <span class="t-head">Webinar Date :</span><span
                                            class="t-value">{{ dateMonthFormat(@$candidate->interested_webinar[0]->webinar->dateTime) }}</span>
                                    </p>

                                    <p class="t-item">
                                        <span class="t-head">Webinar Title :</span><span class="t-value">
                                            {{ @$candidate->interested_webinar[0]->webinar->webinar_name }}
                                        </span>
                                    </p>
                                </div>
                            </div>
                        @endif
                        @if (@$candidate->highest_education != null && $candidate->highest_education != '')
                            <p class="sub-text" title="Highest Education" id="highest_education_show_div">
                                <img src="{{ asset('backend') }}/lead-management/images/customer-detail/book.svg"
                                    alt="icon" width="100%" height="100%">
                                <span class="id-value"
                                    id="highest_education_show">{{ $candidate->highest_education }}</span>
                            </p>
                        @else
                            <p class="sub-text" title="Highest Education" id="highest_education_show_div"
                                style="display:none;">
                                <img src="{{ asset('backend') }}/lead-management/images/customer-detail/book.svg"
                                    alt="icon" width="100%" height="100%">
                                <span class="id-value" id="highest_education_show"></span>
                            </p>
                        @endif

                        @if (@$candidate->fund_source != null && $candidate->fund_source != '')
                            <p class="sub-text" title="Fund Source">
                                <img src="{{ asset('backend') }}/lead-management/images/customer-detail/dollar-circle.svg"
                                    alt="icon" width="100%" height="100%">
                                <span class="id-value">{{ $candidate->fund_source }}</span>
                            </p>
                        @endif

                        @if (
                            @$candidate->destination[0]->intake_years == null ||
                                (@$candidate->destination[0]->intake_years == '' && @$candidate->destination[0]->intake_months == null) ||
                                @$candidate->destination[0]->intake_years == '')
                        @else
                            <p class="sub-text" title="Intake Year and Month">
                                <img src="{{ asset('backend') }}/lead-management/images/customer-detail/calendar-2.svg"
                                    alt="icon" width="100%" height="100%">
                                <span class="id-value">{{ @$candidate->destination[0]->intake_months }}
                                    {{ @$candidate->destination[0]->intake_years }}</span>
                            </p>
                            <p class="sub-text" title="Intake Year and Month"></p>
                        @endif

                        @if (@$user->source != null && $user->source != '')
                            <p class="sub-text" title="Source" id="change_source">
                                {{-- <img src="{{ asset('backend') }}/lead-management/images/customer-detail/dollar-circle.svg"
                                    alt="icon" width="100%" height="100%"> --}}
                                <span class="id-value">{!! sourceToIconWithCompaign_name(@$user->source, @$candidate->campaign_name) !!}</span>
                            </p>
                        @else
                            <p class="sub-text" title="Fund Source" id="change_source">

                            </p>
                        @endif
                    </div>
                </div>

                <div class="progress-box">
                    <div class="circular-progress" id="data_progress_bar2" data-inner-circle-color="white"
                        data-percentage="{{ $profile_progress['available_percentage'] }}"
                        data-progress-color="#8DBD66, #71A62D" data-bg-color="#DCEBCA">
                        <div class="inner-circle"></div>
                        <p class="percentage">0%</p>
                    </div>
                </div>
            </div>

            <div class="common-card dropdown-list" id="stages_show_div">
                <div class="single-col">
                    <p class="d-name">Stage:</p>
                    <div class="single-input">
                        <select name="stages" class="select-list select2-with-search" id="stageshow" autofocus disabled>

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

                <div class="single-col">
                    <p class="d-name">Sub Stage:</p>

                    <div class="single-input stage-tt">
                        <select name="stages"
                            class="select-list select2-with-search @error('stages') is-invalid @enderror w-100-p select2bs4"
                            id="stageSelect" onchange="select_stateges()"
                            @if (!userCan('candidate.update')) disabled @endif>

                        </select>

                        <div class="tooltip" id="stage_on_hover">
                            <p class="t-item">
                                <span class="t-head">Wait Loading Data....</span>
                            </p>
                        </div>
                    </div>
                </div>

                <div class="single-col">
                    <p class="d-name">Lead Type:</p>
                    <div class="single-input">
                        <select name="" id="lead_type" onchange="change_lead_type()"
                            class="select-list select2-with-search" @if (!userCan('candidate.update')) disabled @endif>
                            @if (userCan('candidate.update'))
                                <option value="">NA</option>
                                <option class="hot"
                                    {{ 'Hot' == old('lead_type', $candidate->user->lead_type) ? 'selected' : '' }}
                                    value="Hot">{{ __('Hot') }}</option>
                                <option class="cold"
                                    {{ 'Cold' == old('lead_type', $candidate->user->lead_type) ? 'selected' : '' }}
                                    value="Cold">{{ __('Cold') }}</option>
                                <option class="warm"
                                    {{ 'Warm' == old('lead_type', $candidate->user->lead_type) ? 'selected' : '' }}
                                    value="Warm">{{ __('Warm') }}</option>
                                <option class="Not Eligible"
                                    {{ 'Not Eligible' == old('lead_type', $candidate->user->lead_type) ? 'selected' : '' }}
                                    value="Not Eligible">{{ __('Not Eligible') }}</option>
                            @else
                                <option value="">{{ $candidate->user->lead_type }}</option>
                            @endif
                        </select>
                    </div>
                </div>
            </div>

            <div class="common-card other-details">
                <div class="rm-head">
                    <img src="{{ asset('backend') }}/lead-management/images/customer-detail/profile-icon.svg"
                        alt="icon" width="100%" height="100%">



                    <div class="single-input stage-tt"
                        @if (userCan('candidate.assignedRm')) id="show_assign_to_rm_change" @endif style="width: 100%; ">
                        <span class="rm-name"
                            id="rm_name_change">{{ ucwords(adminIdToNameGet(@$candidate->user->assigned_rm)) }}


                        </span>
                        <div class="single-input stage-tt" style="width: 100%; ">
                            <span class="sub-head">RM</span>
                        </div>
                    </div>

                    <div style="width: 100%;display: none;" id="dropdown_assign_to_rm_change">
                        <div class="single-input stage-tt" style="width: 100%;">
                            @if (userCan('candidate.assignedRm'))
                                <select name="assign_to_rm_change" style="padding-left: 0px !important"
                                    id="assign_to_rm_change" onchange="change_rm()" class="select2-with-search">
                                    <option value="">Select Assign To</option>

                                    @foreach (array_filter($admin_list_Operation, function ($item) {
                                        return $item['status'] == 1;
                                        }) as $option)
                                        @if (!@empty($option))
                                            <option value="{{ $option['id'] }}"
                                                {{ old('assigned_rm', @$candidate->user->assigned_rm) === $option['id'] ? 'selected' : '' }}>
                                                {{ $option['name'] }}
                                            </option>
                                        @endif
                                    @endforeach
                                </select>
                            @else
                                {{ ucwords(adminIdToNameGet(@$candidate->user->assigned_rm)) }}
                            @endif

                            <div class="single-input stage-tt" style="width: 100%; ">
                                <span class="sub-head">RM</span>
                            </div>
                        </div>
                    </div>


                </div>

                <div class="rm-head">
                    <img src="{{ asset('backend') }}/lead-management/images/customer-detail/profile-icon.svg"
                        alt="icon" width="100%" height="100%">



                    <div style="width: 100%;display: block;">
                       
                        <div class="single-input stage-tt"
                            @if (userCan('admin.assign')) id="show_assign_to_change" @endif style="width: 100%; ">
                            <span class="rm-name">
                                <span
                                    id="assign_name_change">{{ ucwords(adminIdToNameGet(@$candidate->user->assign_to)) }}</span>
                                @if (!empty(@$candidate->user->assign_date))
                                    <span id="assign_date_change">
                                        on ({{ dateMonthFormat(@$candidate->user->assign_date) }})
                                    </span>
                                @else
                                    <span id="assign_date_change">

                                    </span>
                                @endif
                            </span>
                            
                        </div>

                        <div class="single-input stage-tt" id="dropdown_assign_to_change"
                            style="width: 100%; display:none; margin:0px;">

                            @if (userCan('admin.assign'))
                                <select name="assign_to_change" id="assign_to_change"
                                    style="padding-left: 0px !important; display: none;"
                                    class="select-list select2-with-search @error('stages') is-invalid @enderror w-100-p select2-asign_counsller"
                                    onchange="change_counsellor()">
                                    <option value="">Select Assign To</option>

                                    @foreach (array_filter($admin_list, function ($item) {
                                        return $item['status'] == 1;
                                    }) as $option)
                                        @if (!@empty($option))
                                            <option value="{{ $option['id'] }}"
                                                {{ old('assign_to', @$candidate->user->assign_to) === $option['id'] ? 'selected' : '' }}>
                                                {{ $option['name'] }}
                                            </option>
                                        @endif
                                    @endforeach
                                </select>

                            @endif  
                        </div>
            
                        <span class="sub-head" style="">Counsellor</span>
                    </div>

                </div>
            </div>

            <div class="other-btn">
                @if (userCan('followup.create'))
                    <a href="javascript:;" class="links create-link box-link" aria-label="add-icon"
                        onclick="customFollowupModel(event,'{{ $candidate->user->id }}')">
                        Create Follow Up
                    </a>
                @endif
                <a href="{{ route('lead-management.student_case', $candidate->id) }}" target="_blank"
                    class="view-case-link">View Case</a>

                <div class="other-links">
                    @if (userCan('candidate.sendWhatsApp'))
                        <a href="javascript:;" class="links wp-link box-link" aria-label="whatsapp"
                            onclick="customWhatsApp(event, '{{ $candidate->user->id }}', '{{ $candidate->user->name }}', '{{ $candidate->user->phone }}', '{{ @$candidate->user->country_code }}','{{ @$candidate->user->country }}')">
                            <img src="{{ asset('backend') }}/lead-management/images/customer-detail/whatsapp.svg"
                                alt="whatsapp" width="100%" height="100%">
                        </a>
                    @endif

                    @if (userCan('candidate.sendEmail'))
                        <a href="javascript:;" class="links email-link" aria-label="mail" id="email_change_id">
                            <img src="{{ asset('backend') }}/lead-management/images/customer-detail/sms.svg"
                                alt="email" width="100%" height="100%">
                        </a>
                    @endif
                    <a href="javascript:;" onclick="phoneCall({{ Auth::user()->dialer_id }});" class="links call-link"
                        aria-label="call">
                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/call.svg" alt="email"
                            width="100%" height="100%">
                    </a>
                </div>
            </div>
        </div>

        <div class="profile-section">
            <div class="left-section">
                <div class="acc-box">
                    <p class="accordion-head active"><img
                            src="{{ asset('backend') }}/lead-management/images/customer-detail/cap.svg" alt="icon"
                            width="100%" height="100%">Student Information</p>

                    <div class="accordion-list">
                        <a href="javascript:;" class="tab-item active" data-key="1">Personal Information @if ($profile_progress['personal_info_mandatary'] == 1)
                                <img class="error" title="information missing"
                                    src="{{ asset('backend') }}/lead-management/images/customer-detail/error-icon.svg"
                                    alt="error-icon" width="100%" height="100%">
                            @endif
                        </a>


                        <a href="javascript:;" class="tab-item" data-key="2" onclick="work_education_show()">
                            Education Details </a>

                        <a href="javascript:;" class="tab-item" data-key="14" onclick="work_experience_show()"> Work
                            Experience </a>

                        {{-- <a href="javascript:;" class="tab-item" data-key="3" onclick="study_abroad_preference()"> --}}
                        <a href="javascript:;" class="tab-item" data-key="3">
                            Study Abroad Preferences @if ($profile_progress['study_abroad_info_mandatary'] == 1)
                                <img class="error" title="information missing"
                                    src="{{ asset('backend') }}/lead-management/images/customer-detail/error-icon.svg"
                                    alt="error-icon" width="100%" height="100%">
                            @endif
                        </a>
                        <a href="javascript:;" class="tab-item" data-key="4">Budget Preferences </a>

                        <a href="javascript:;" class="tab-item" data-key="5" onclick="get_test_data()">Test Status
                            @if ($profile_progress['test_score_info_mandatary'] == 1)
                                <img class="error" title="information missing"
                                    src="{{ asset('backend') }}/lead-management/images/customer-detail/error-icon.svg"
                                    alt="error-icon" width="100%" height="100%">
                            @endif
                        </a>

                        <a href="javascript:;" class="tab-item" data-key="6" onclick="document_show()">Documents </a>
                        <a href="javascript:;" class="tab-item" data-key="7" onclick="get_webinar()">Webinar</a>
                        <a href="javascript:;" class="tab-item" data-key="8" onclick="get_activity()">Activity </a>
                        <a href="javascript:;" class="tab-item" data-key="21" onclick="get_whatsapp_log()">Whatapp
                            Log</a>
                        <a href="javascript:;" class="tab-item" data-key="25" onclick="get_orders()">Orders</a>
                        <a href="javascript:;" class="tab-item" data-key="26"
                            onclick="get_transaction()">Transactions</a>
                        <a href="javascript:;" class="tab-item" data-key="27" id="test_prepration"
                            onclick="get_tests_data()">Test Preparation</a>
                        <a href="javascript:;" class="tab-item" data-key="28" onclick="get_forms()">Forms</a>
                        <a href="javascript:;" class="tab-item" data-key="29" onclick="level_assessment_test()"> Level
                            Assessment Test</a>
                    </div>
                </div>

                <div class="acc-box">
                    <p class="accordion-head active"><img
                            src="{{ asset('backend') }}/lead-management/images/customer-detail/app-dots.svg"
                            alt="app-dots" width="100%" height="100%">Application Manager</p>
                    <div class="accordion-list">

                        <a href="javascript:;" class="tab-item" data-key="10"
                            onclick="get_short_list()">Shortlisted</a>

                        @if (userCan('candidateApplication.update'))
                            <a href="javascript:;" class="tab-item" data-key="11" id="application_manager_id"
                                onclick="application_manager()">Application</a>
                        @endif

                        {{-- <a href="javascript:;" class="tab-item suggest-tab" data-key="12"onclick="add_new_course()">Suggested Course</a> --}}

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

            <div class="right-section">
                <div class="profile">
                    <div class="view-panel 1">
                        {{-- <form action="" class="detail-form" id="personal_info_form">

                            <p class="panel-top">
                                <span class="p-head">Personal Information</span>
                                @if (userCan('candidate.update'))
                                    <button type="button" class="edit-btn cancel-btn"
                                        data-form_id="personal_information"
                                        onclick="save_data('personal_info_form_cancel')" data-operation_type="cancel"
                                        id="personal_info_form_cancel">
                                        <!--type=submit-->
                                        <span class="cancel-text" id="personal_info_form_cancel_button">Cancel</span>
                                    </button>

                                    <button type="button" class="edit-btn"
                                        onclick="save_data('personal_info_form_edit')" data-form_id="personal_information"
                                        data-operation_type="save_edit" id="personal_info_form_edit">
                                        <!--type=submit-->
                                        <span class="edit-text " id="personal_info_form_edit_button">Edit</span>
                                        <!--OnClick edit-btn Change the text to Save-->
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/pencil.svg"
                                            alt="edit" id="personal_info_form_edit_image" class="field-icon"
                                            width="100%" height="100%">
                                        <!--OnClick edit-btn Change the img to file-save.svg-->
                                    </button>
                                @endif
                            </p>

                            

                            <div class="fields-list">
                                <div class="single-field">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/user.svg"
                                            alt="user" class="field-icon" width="100%" height="100%">
                                        <input type="text" class="input-field" name="name"
                                            placeholder="First Name" readonly value="{{ old('name', $user->name) }}"
                                            id="name" maxlength="100" aria-label="name" autocomplete="off"
                                            required>
                                    </p>
                                    <label for="name" class="field-label">Name</label>
                                </div>

                                <div class="single-field">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/user.svg"
                                            alt="user" class="field-icon" width="100%" height="100%">
                                        <input type="text" class="input-field" name="last_name"
                                            placeholder="Last Name" readonly
                                            value="{{ old('last_name', $user->last_name) }}" id="last_name"
                                            maxlength="100" aria-label="name" autocomplete="off">
                                    </p>
                                    <label for="last_name" class="field-label">Last Name</label>
                                </div>


                               
                                
                            
                                <div class="single-field">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/phone.svg"
                                            alt="phone" class="field-icon" width="100%" height="100%">
                                        <input type="text" class="input-field" name="phone"
                                            placeholder="Mobile number" readonly value="{{ old('phone', $user->phone) }}"
                                            aria-label="Mobile Number" id="phone" autocomplete="off" maxlength="15"
                                            oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1'); ">
                                    </p>
                                    <label for="phone" class="field-label">Number</label>
                                </div>
                                
                                <div class="single-field">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/email.svg"
                                            alt="email" class="field-icon" width="100%" height="100%">
                                        <input type="email" class="input-field" name="email" placeholder="Email"
                                            readonly id="email" autocomplete="off"
                                            value="{{ old('email', $user->email) }}" aria-label="email">
                                    </p>
                                    <label for="email" class="field-label">Email</label>
                                </div>
                                
                                <div class="single-field">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/clock.svg"
                                            alt="clock" class="field-icon" width="100%" height="100%">
                                        <input type="time" name="prefferd_time" id="prefferd_time"
                                            class="input-field"
                                            value="@if ($user->prefferd_time == null) @else{{ date('H:i:s', strtotime($user->prefferd_time)) }} @endif"
                                            placeholder="" maxlength="30" readonly autocomplete="off"
                                            aria-label="prefferd_time">
                                    </p>
                                    <label for="prefferd_time" class="field-label">Prefferd Time</label>
                                </div>
                                <div class="single-field">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/calender.svg"
                                            alt="calender" class="field-icon" width="100%" height="100%">
                                        <input type="date" class="input-field datepickerBirth" name="birth_date"
                                            id="birth_date"
                                            value="@if ($candidate->birth_date == null)@else{{date('Y-m-d', strtotime($candidate->birth_date))}}@endif"
                                            readonly placeholder="Date of Birth" aria-label="DOB"
                                            max="{{ date('Y-m-d') }}">
                                    </p>
                                    <label for="birth_date" class="field-label">Date of Birth</label>
                                </div>
                                <div class="single-field">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/phone.svg"
                                            alt="phone" class="field-icon" width="100%" height="100%">
                                        <input type="text" name="alternate_phone" id="alternate_phone"
                                            class="input-field"
                                            value="{{ old('alternate_phone', $user->alternate_phone) }}"
                                            oninput="this.value = this.value.replace(/[^0-9+]/g, '').replace(/(\..*)\./g, '$1');"
                                            placeholder="Enter Alternate Mobile Number" maxlength="15" readonly
                                            autocomplete="off" aria-label="Mobile Number">
                                    </p>
                                    <label for="alternate_phone" class="field-label">Alternative Number</label>
                                </div>
                                <div class="single-field">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/email.svg"
                                            alt="email" class="field-icon" width="100%" height="100%">
                                        <input type="text" class="input-field" name="secondary_email"
                                            id="secondary_email" autocomplete="off" aria-label="alternate-email" readonly
                                            placeholder="Enter Alternate Email"
                                            value="{{ old('secondary_email', $user->secondary_email) }}" maxlength="50">
                                    </p>
                                    <label for="secondary_email" class="field-label">Alternative Email</label>
                                </div>
                                <div class="single-field">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/gender.svg"
                                            alt="gender" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="gender" id="gender"
                                            disabled>

                                            <option value="">{{ __('select') }} {{ __('gender') }}</option>
                                            <option value="male" {{ $candidate->gender == 'male' ? 'selected' : '' }}>
                                                {{ __('male') }}</option>
                                            <option value="female" {{ $candidate->gender == 'female' ? 'selected' : '' }}>
                                                {{ __('female') }}</option>
                                            <option value="other" {{ $candidate->gender == 'other' ? 'selected' : '' }}>
                                                {{ __('other') }}</option>

                                        </select>
                                    </p>
                                    <label for="gender" class="field-label">Gender</label>
                                </div>

                            </div>
                           
                                <br>
                                <p class="panel-top">
                                    <span class="p-head">Personal Information Address</span>
                                </p>
                           
                            <div class="fields-list">

                                


                                <div class="single-field">
                                    <div class="field-value">
                                        
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/country.svg"
                                            alt="country" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="country" id="country"
                                            autocomplete="off" disabled>
                                            <option value="" class="d-none">
                                                {{ __('select_country') }}
                                            </option>


                                        </select>
                                    </div>

                                    <label for="country" class="field-label">Residence Country</label>
                                </div>

                                
                                <div class="single-field">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/passport.svg"
                                            alt="passport_status" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="passport_status"
                                            id="passport_status" disabled>

                                            <option value=""
                                                {{ $candidate->passport_status == '' ? 'selected' : '' }}>Have a Passport
                                            </option>
                                            <option value="1"
                                                {{ $candidate->passport_status == '1' ? 'selected' : '' }}>Yes</option>
                                            <option value="0"
                                                {{ $candidate->passport_status == '0' ? 'selected' : '' }}>No</option>

                                        </select>
                                    </div>
                                    <label for="passport_status" class="field-label">Passport Status</label>
                                </div>




                                <div class="single-field passport_submanu">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/passport.svg"
                                            alt="passport" class="field-icon" width="100%" height="100%">
                                        <input type="text" class="input-field" name="passport_number"
                                            id="passport_number" readonly
                                            value="{{ old('passport_number', $candidate->passport_number) }}"
                                            placeholder="Enter Your Passport Number" maxlength="20"
                                            aria-label="Passport Number">
                                    </p>
                                    <label for="passport_number" class="field-label">Passport Number</label>
                                </div>
                                <div class="single-field  passport_submanu">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/card-expire.svg"
                                            alt="card-expire" class="field-icon" width="100%" height="100%">
                                        <input type="date" class="input-field datepickerBirth" name="passport_expiry"
                                            id="passport_expiry" readonly aria-label="passport-expiry"
                                            value="@if ($candidate->passport_expiry == null)@else{{ date('Y-m-d', strtotime($candidate->passport_expiry))}}@endif"
                                            placeholder="Enter the Date of Expiration">
                                    </p>
                                    <label for="passport_expiry" class="field-label">Date of Expiration</label>
                                </div>


                                <div class="single-field passport_submanu">
                                    <div class="field-value">
                                        
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/country.svg"
                                            alt="country" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="country_id" id="country_id"
                                            autocomplete="off" disabled>
                                            <option value="" class="d-none">
                                                {{ __('select_country') }}
                                            </option>
                                            @php($flag = 0)
                                            @foreach ($countries as $country)
                                                <option
                                                    {{ $country['id'] == old('country_id', $candidate->country_id) ? 'selected' : '' }}
                                                    {{ $country['id'] == old('country_id', $candidate->country_id) ? ($flag = 1) : '' }}
                                                    value="{{ $country['id'] }}">
                                                    {{ $country['name'] }}

                                                </option>
                                            @endforeach
                                            
                                        </select>
                                    </div>

                                    <label for="country" class="field-label">Passposrt Country</label>
                                </div>
                           
                                <div class="single-field passport_submanu" id="country_id_name_div">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/country.svg"
                                            alt="country" class="field-icon" width="100%" height="100%">
                                        <input type="text" name="country_id_name" id="country_id_name"
                                            class="input-field" value="{{ $candidate->country_id }}"
                                            placeholder="Enter Country Name" maxlength="30" readonly id=""
                                            autocomplete="off" aria-label="Enter Country Name" value="">
                                    </div>

                                    <label for="country" class="field-label">Passport Country Name</label>
                                </div>


                                <div class="single-field passport_submanu">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/state.svg"
                                            alt="state" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="state_id" id="state_id"
                                            disabled>

                                        </select>
                                    </div>
                                    <label for="state" class="field-label">Passport State</label>
                                </div>

                                <div class="single-field passport_submanu" id="state_id_name_div">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/state.svg"
                                            alt="state" class="field-icon" width="100%" height="100%">
                                        <input type="text" name="state_id_name" id="state_id_name"
                                            class="input-field"
                                            value="{{ $candidate->state_id }}"placeholder="Enter State Name"
                                            maxlength="30" readonly autocomplete="off" aria-label="Enter State Name">
                                    </div>

                                    <label for="country" class="field-label">Passport State Name</label>
                                </div>

                                <div class="single-field passport_submanu">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/city.svg"
                                            alt="city" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="city_id" id="city_id"
                                            disabled>

                                        </select>
                                    </div>
                                    <label for="city" class="field-label">Passport City</label>
                                </div>

                                <div class="single-field passport_submanu" id="city_id_name_div">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/city.svg"
                                            alt="city" class="field-icon" width="100%" height="100%">
                                        <input type="text" name="city_id_name" id="city_id_name" class="input-field"
                                            value="{{ $candidate->city_id }}" placeholder="Enter City Name"
                                            maxlength="30" readonly id="" autocomplete="off"
                                            aria-label="Enter City Name" value="{{ $candidate->city_id }}">
                                    </div>

                                    <label for="country" class="field-label">Passport City Name</label>
                                </div>

                                <div class="single-field textarea-single-field">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/message.svg"
                                            alt="message" class="field-icon" width="100%" height="100%">
                                        <textarea type="text" rows="4" class="textarea-input-field input-field" name="permanent_address"
                                            id="permanent_address" placeholder="Enter Permanent Address" readonly>{{ $candidate->permanent_address }}</textarea>
                                    </div>
                                    <label for="address" class="field-label">Parmanent Address</label>
                                </div>

                                <div class="single-field textarea-single-field">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/message.svg"
                                            alt="message" class="field-icon" width="100%" height="100%">
                                        <textarea type="text" rows="4" oninput="autoExpand(this)" class="textarea-input-field input-field"
                                            name="address" id="address" placeholder="Enter Address" readonly>{{ $candidate->address }}</textarea>
                                    </div>
                                    <label for="address" class="field-label">Current Address</label>
                                </div>
                            </div>
                            <p class="panel-top">
                                <span class="p-head">Personal Information Marital Detail</span>
                            </p>
                       
                            <div class="fields-list">
                                <div class="single-field m-ques">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/rings.svg"
                                            alt="rings" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="marital_status"
                                            id="marital_status" disabled>
                                            <option value="">Select Marital Status</option>
                                            <option value="Married" @if ($candidate->marital_status == 'Married') Selected @endif>
                                                Married</option>
                                            <option value="Single" @if ($candidate->marital_status == 'Single') Selected @endif>
                                                Single</option>
                                            <option value="Divorce" @if ($candidate->marital_status == 'Divorce') Selected @endif>
                                                Divorce</option>
                                        </select>
                                    </div>
                                    <label for="marital_status" class="field-label">Marital Status</label>
                                </div>

                                <div class="single-field spouse-ques"
                                    @if ($candidate->marital_status == 'Married') style="display:inline" @endif>
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/gender.svg"
                                            alt="spouse" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="spouse_comming"
                                            id="spouse_comming" disabled>
                                            <option value="">Select Status</option>
                                            <option value="Yes" @if ($candidate->spouse_comming == 'Yes') Selected @endif>Yes
                                            </option>
                                            <option value="No" @if ($candidate->spouse_comming == 'No') Selected @endif>No
                                            </option>
                                        </select>
                                    </div>
                                    <label for="" class="field-label">Are you taking them with you?</label>
                                </div>


                                <div class="single-field family-details">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/cap-icon.svg"
                                            alt="cap-icon" class="field-icon" width="100%" height="100%">
                                        <input type="text" class="input-field" name="spouse_qualification"
                                            id="spouse_qualification" value="{{ $candidate->spouse_qualification }}"
                                            placeholder="Enter Your Enter qualification of spouse" readonly>
                                    </div>
                                    <label for="spouse_qualification" class="field-label">Enter qualification of
                                        spouse</label>
                                </div>

                                <div class="single-field family-details">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/bag.svg"
                                            alt="bag" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="spouse_employment_status"
                                            id="spouse_employment_status" disabled>
                                            <option value="Employed" @if ($candidate->spouse_employment_status == 'Employed') Selected @endif>
                                                Employed</option>
                                            <option value="Unemployed" @if ($candidate->spouse_employment_status == 'Unemployed') Selected @endif>
                                                Unemployed</option>
                                        </select>
                                    </div>
                                    <label for="" class="field-label">Employment status of Spouse</label>
                                </div>

                                <div class="single-field family-details">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/money.svg"
                                            alt="money" class="field-icon" width="100%" height="100%">
                                        <input type="text" class="input-field" name="spouse_income"
                                            id="spouse_income" value="{{ $candidate->spouse_income }}"
                                            placeholder="Income of Spouse" autocomplete="off"
                                            value="{{ $candidate->spouse_income }}"
                                            oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');"
                                            readonly>
                                    </div>
                                    <label for="spouse_income" class="field-label">Income of Spouse</label>
                                </div>

                                <div class="single-field family-details">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/kids.svg"
                                            alt="kids" class="field-icon" width="100%" height="100%">
                                        <input type="text" class="input-field" name="kids_count" id="kids_count"
                                            value="{{ $candidate->kids_count }}" placeholder="No. of Kids"
                                            autocomplete="off"
                                            oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');"
                                            readonly>
                                    </div>
                                    <label for="kids_num" class="field-label">No. of Kids</label>
                                </div>

                                <div class="single-field family-details">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/people.svg"
                                            alt="people" class="field-icon" width="100%" height="100%">
                                        <input type="text" class="input-field" name="accompanying_applicant"
                                            id="accompanying_applicant" value="{{ $candidate->accompanying_applicant }}"
                                            placeholder="No. of dependents accompanying applicant" autocomplete="off"
                                            oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');"
                                            readonly>
                                    </div>
                                    <label for="accompanying_applicant" class="field-label">No. of dependents accompanying
                                        applicant</label>
                                </div>
                            </div>


                            <p class="panel-top">
                                <span class="p-head">Personal Information Other</span>
                            </p>

                        
                            <div class="fields-list">

                                <div class="single-field">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/visa.svg"
                                            alt="visa" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="source" id="source"
                                            disabled>
                                            <option value="" class="d-none">
                                                {{ __('select') }} {{ __('source') }}
                                            </option>
                                            @foreach ($sourcesData as $sd)
                                                <optgroup label="{{ $sd->name }}">
                                                    @foreach ($sd->source as $ssd)
                                                        <option
                                                            {{ old('sourcesData', $user->source) == $ssd->name ? 'selected' : '' }}
                                                            value="{{ $ssd->name }}"> {{ $ssd->name }}</option>
                                                    @endforeach
                                                </optgroup>
                                            @endforeach
                                        </select>
                                        @error('source')
                                            <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                        @enderror
                                        </select>
                                    </div>
                                    <label for="visa_refusal" class="field-label">Source</label>
                                </div>
                                
                                <div class="single-field">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/country.svg"
                                            alt="country" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="student_category"
                                            id="student_category" autocomplete="off" disabled>
                                            <option value="" class="d-none">
                                                {{ __('select_student_category') }}
                                            </option>
                                            <option
                                                {{ 'Gold' == old('student_category', $candidate->student_category) ? 'selected' : '' }}
                                                value="Gold">{{ __('Gold') }}</option>
                                            <option
                                                {{ 'Silver' == old('student_category', $candidate->student_category) ? 'selected' : '' }}
                                                value="Silver">{{ __('Silver') }}</option>
                                            <option
                                                {{ 'Bronze' == old('student_category', $candidate->student_category) ? 'selected' : '' }}
                                                value="Bronze">{{ __('Bronze') }}</option>
                                        </select>
                                        @error('student_category')
                                            <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                        @enderror


                                    </div>

                                    <label for="country" class="field-label">Student Category</label>
                                </div>

                                <div class="single-field">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/visa.svg"
                                            alt="visa" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="partner_id[]" id="partner_id"
                                            disabled multiple>
                                            <option value="" class="d-none">
                                                {{ __('select') }} Partners
                                            </option>
                                            @foreach ($partners as $partner)
                                                <option
                                                    {{   in_array($partner['id'],$partner_id) ? 'selected' : '' }}
                                                    value="{{ $partner['id'] }}"> {{ $partner['name'] }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <label for="visa_refusal" class="field-label">Partner</label>
                                </div>
                                                                <div class="single-field">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/visa.svg"
                                            alt="visa" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="service_id[]"
                                            id="service_id" disabled multiple onchange="show_hide_test()">
                                            <option value="" class="d-none">
                                                {{ __('select') }} Services
                                            </option>
                                            @foreach ($services as $service)
                                                <option
                                                    {{ in_array($service['id'], $selected_services) ? 'selected' : '' }}
                                                    value="{{ $service['id'] }}"> {{ $service['name'] }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <label for="visa_refusal" class="field-label">Services</label>
                                </div>

                                <div class="single-field">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/visa.svg"
                                            alt="visa" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="whatsapp_marketing_status"
                                            id="whatsapp_marketing_status" disabled>
                                            <option value="" class="d-none">
                                                Select Whatsapp Marketing Status
                                            </option>
                                            <option
                                                {{ '1' == old('whatsapp_marketing_status', $candidate->user->whatsapp_marketing_status) ? 'selected' : '' }}
                                                value="1">YES</option>
                                            <option
                                                {{ '0' == old('whatsapp_marketing_status', $candidate->user->whatsapp_marketing_status) ? 'selected' : '' }}
                                                value="0">NO</option>
                                        </select>
                                        @error('whatsapp_marketing_status')
                                            <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                        @enderror
                                    </div>
                                    <label for="visa_refusal" class="field-label">Whatsapp Marketing Status</label>
                                </div>


                               
                                <div class="single-field">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/visa.svg"
                                            alt="visa" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="visa_refusal"
                                            id="visa_refusal" disabled>
                                            @if ($candidate->visa_refusal == 1)
                                                <option value="1" selected>Yes</option>
                                                <option value="0">No</option>
                                            @elseif($candidate->visa_refusal == 0)
                                                <option value="1">Yes</option>
                                                <option value="0" selected>No</option>
                                            @else
                                                <option value="">Have You Faced Visa Refusal</option>
                                                <option value="1">Yes</option>
                                                <option value="0">No</option>
                                            @endif
                                        </select>
                                    </div>
                                    <label for="visa_refusal" class="field-label">Visa Refusal</label>
                                </div>

                                <div class="single-field vias_submanu">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/card-expire.svg"
                                            alt="card-expire" class="field-icon" width="100%" height="100%">
                                        <input type="date" class="input-field" name="date_of_visa_expiration"
                                            aria-label="visa_expiry"
                                            value="@if ($candidate->date_of_visa_expiration == null)@else{{ date('Y-m-d', strtotime($candidate->date_of_visa_expiration))}}@endif"
                                            id="visa_expiry" placeholder="Enter the Date of Expiration">
                                    </p>
                                    <label for="visa_expiry" class="field-label">Date of Visa Expiration</label>
                                </div>

                                <div class="single-field vias_submanu">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/visa.svg"
                                            alt="visa" class="field-icon" width="100%" height="100%">
                                        <input type="text" class="input-field" name="visa_refusal_reason"
                                            id="visa_refusal_reason" placeholder="Visa Refusal Reason" readonly
                                            value="{{ $candidate->visa_refusal_reason }}" aria-label="reason">
                                    </p>
                                    <label for="reason" class="field-label">Reason</label>
                                </div>
                                <div class="single-field vias_submanu">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/category-icon.svg"
                                            alt="category-icon" class="field-icon" width="100%" height="100%">
                                        <input type="text" class="input-field" name="visa_categories"
                                            id="visa_categories" placeholder="Visa Category" readonly
                                            value="{{ $candidate->visa_categories }}" aria-label="visa_categories">
                                    </p>
                                    <label for="visa_categories" class="field-label">Category Visa</label>
                                </div>

                                




                                
                            </div>
                        </form> --}}

                        <form action="" class="detail-form" id="personal_info_form">

                            <p class="panel-top">
                                <span class="p-head">Personal Information</span>
                                @if (userCan('candidate.update'))
                                    <button type="button" class="edit-btn cancel-btn"
                                        data-form_id="personal_information"
                                        onclick="save_data('personal_info_form_cancel')" data-operation_type="cancel"
                                        id="personal_info_form_cancel">
                                        <!--type=submit-->
                                        <span class="cancel-text" id="personal_info_form_cancel_button">Cancel</span>
                                    </button>

                                    <button type="button" class="edit-btn"
                                        onclick="save_data('personal_info_form_edit')" data-form_id="personal_information"
                                        data-operation_type="save_edit" id="personal_info_form_edit">
                                        <!--type=submit-->
                                        <span class="edit-text " id="personal_info_form_edit_button">Edit</span>
                                        <!--OnClick edit-btn Change the text to Save-->
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/pencil.svg"
                                            alt="edit" id="personal_info_form_edit_image" class="field-icon"
                                            width="100%" height="100%">
                                        <!--OnClick edit-btn Change the img to file-save.svg-->
                                    </button>
                                @endif
                            </p>

                            <div class="fields-list">
                                <div class="single-field">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/user.svg"
                                            alt="user" class="field-icon" width="100%" height="100%">
                                        <input type="text" class="input-field" name="name"
                                            placeholder="First Name" readonly value="{{ old('name', $user->name) }}"
                                            id="name" maxlength="100" aria-label="name" autocomplete="off"
                                            required>
                                    </p>
                                    <label for="name" class="field-label">Name</label>
                                </div>

                                <div class="single-field">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/user.svg"
                                            alt="user" class="field-icon" width="100%" height="100%">
                                        <input type="text" class="input-field" name="last_name"
                                            placeholder="Last Name" readonly
                                            value="{{ old('last_name', $user->last_name) }}" id="last_name"
                                            maxlength="100" aria-label="name" autocomplete="off">
                                    </p>
                                    <label for="last_name" class="field-label">Last Name</label>
                                </div>





                                <div class="single-field">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/phone.svg"
                                            alt="phone" class="field-icon" width="100%" height="100%">
                                        <input type="text" class="input-field" name="phone"
                                            placeholder="Mobile number" readonly value="{{ old('phone', $user->phone) }}"
                                            aria-label="Mobile Number" id="phone" autocomplete="off" maxlength="15"
                                            oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1'); ">
                                    </p>
                                    <label for="phone" class="field-label">Number</label>
                                </div>

                                <div class="single-field">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/email.svg"
                                            alt="email" class="field-icon" width="100%" height="100%">
                                        <input type="email" class="input-field" name="email" placeholder="Email"
                                            readonly id="email" autocomplete="off"
                                            value="{{ old('email', $user->email) }}" aria-label="email">
                                    </p>
                                    <label for="email" class="field-label">Email</label>
                                </div>

                                <div class="single-field">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/calender.svg"
                                            alt="calender" class="field-icon" width="100%" height="100%">
                                        <input type="date" class="input-field datepickerBirth" name="birth_date"
                                            id="birth_date" onchange="candidate_age_show()"
                                            value="@if($candidate->birth_date == null)@else{{date('Y-m-d', strtotime($candidate->birth_date))}}@endif"
                                            readonly placeholder="Date of Birth" aria-label="DOB"
                                            max="{{ date('Y-m-d') }}">
                                        {{-- {{dd($user->age)}} --}}
                                        <span id="candidate_age" title="Candidate Age">
                                            @if ($user->age !== null)
                                                {{ @$user->age }}
                                            @else
                                                -
                                            @endif
                                        </span>
                                    </p>
                                    <label for="birth_date" class="field-label">Date of Birth</label>
                                </div>

                                <div class="single-field">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/gender.svg"
                                            alt="gender" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="gender" id="gender"
                                            disabled>

                                            <option value="">{{ __('select') }} {{ __('gender') }}</option>
                                            <option value="male" {{ $candidate->gender == 'male' ? 'selected' : '' }}>
                                                {{ __('male') }}</option>
                                            <option value="female" {{ $candidate->gender == 'female' ? 'selected' : '' }}>
                                                {{ __('female') }}</option>
                                            <option value="other" {{ $candidate->gender == 'other' ? 'selected' : '' }}>
                                                {{ __('other') }}</option>

                                        </select>
                                    </p>
                                    <label for="gender" class="field-label">Gender</label>
                                </div>

                                <div class="single-field">
                                    <div class="field-value">
                                        
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/country.svg"
                                            alt="country" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="country" id="country"
                                            autocomplete="off" disabled>
                                            <option value="" class="d-none">
                                                {{ __('select_country') }}
                                            </option>


                                        </select>
                                    </div>

                                    <label for="country" class="field-label">Residence Country</label>
                                </div>

                                <div class="single-field">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/passport.svg"
                                            alt="passport_status" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="passport_status"
                                            id="passport_status" disabled>

                                            <option value=""
                                                {{ $candidate->passport_status == '' ? 'selected' : '' }}>Have a Passport
                                            </option>
                                            <option value="1"
                                                {{ $candidate->passport_status == '1' ? 'selected' : '' }}>Yes</option>
                                            <option value="0"
                                                {{ $candidate->passport_status == '0' ? 'selected' : '' }}>No</option>

                                        </select>
                                    </div>
                                    <label for="passport_status" class="field-label">Passport Status</label>
                                </div>


                                <div class="single-field passport_submanu">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/passport.svg"
                                            alt="passport" class="field-icon" width="100%" height="100%">
                                        <input type="text" class="input-field" name="passport_number"
                                            id="passport_number" readonly
                                            value="{{ old('passport_number', $candidate->passport_number) }}"
                                            placeholder="Enter Your Passport Number" maxlength="20"
                                            aria-label="Passport Number">
                                    </p>
                                    <label for="passport_number" class="field-label">Passport Number</label>
                                </div>
                                <div class="single-field  passport_submanu">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/card-expire.svg"
                                            alt="card-expire" class="field-icon" width="100%" height="100%">
                                        <input type="date" class="input-field datepickerBirth" name="passport_expiry"
                                            id="passport_expiry" readonly aria-label="passport-expiry"
                                            value="@if($candidate->passport_expiry == null)@else{{date('Y-m-d', strtotime($candidate->passport_expiry))}}@endif"
                                            placeholder="Enter the Date of Expiration">
                                    </p>
                                    <label for="passport_expiry" class="field-label">Date of Expiration</label>
                                </div>


                                <div class="single-field passport_submanu">
                                    <div class="field-value">
                                        
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/country.svg"
                                            alt="country" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="country_id" id="country_id"
                                            autocomplete="off" disabled>
                                            <option value="" class="d-none">
                                                {{ __('select_country') }}
                                            </option>
                                            @php($flag = 0)
                                            @foreach ($countries as $country)
                                                <option
                                                    {{ $country['id'] == old('country_id', $candidate->country_id) ? 'selected' : '' }}
                                                    {{ $country['id'] == old('country_id', $candidate->country_id) ? ($flag = 1) : '' }}
                                                    value="{{ $country['id'] }}">
                                                    {{ $country['name'] }}

                                                </option>
                                            @endforeach

                                        </select>
                                    </div>

                                    <label for="country" class="field-label">Passposrt Country</label>
                                </div>

                                <div class="single-field passport_submanu" id="country_id_name_div">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/country.svg"
                                            alt="country" class="field-icon" width="100%" height="100%">
                                        <input type="text" name="country_id_name" id="country_id_name"
                                            class="input-field" value="{{ $candidate->country_id }}"
                                            placeholder="Enter Country Name" maxlength="30" readonly id=""
                                            autocomplete="off" aria-label="Enter Country Name" value="">
                                    </div>

                                    <label for="country" class="field-label">Country Name</label>
                                </div>


                                <div class="single-field passport_submanu">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/state.svg"
                                            alt="state" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="state_id" id="state_id"
                                            disabled>

                                        </select>
                                    </div>
                                    <label for="state" class="field-label">State</label>
                                </div>

                                <div class="single-field passport_submanu" id="state_id_name_div">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/state.svg"
                                            alt="state" class="field-icon" width="100%" height="100%">
                                        <input type="text" name="state_id_name" id="state_id_name"
                                            class="input-field"
                                            value="{{ $candidate->state_id }}"placeholder="Enter State Name"
                                            maxlength="30" readonly autocomplete="off" aria-label="Enter State Name">
                                    </div>

                                    <label for="country" class="field-label">State Name</label>
                                </div>

                                <div class="single-field passport_submanu">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/city.svg"
                                            alt="city" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="city_id" id="city_id"
                                            disabled>

                                        </select>
                                    </div>
                                    <label for="city" class="field-label">City</label>
                                </div>

                                <div class="single-field passport_submanu" id="city_id_name_div">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/city.svg"
                                            alt="city" class="field-icon" width="100%" height="100%">
                                        <input type="text" name="city_id_name" id="city_id_name" class="input-field"
                                            value="{{ $candidate->city_id }}" placeholder="Enter City Name"
                                            maxlength="30" readonly id="" autocomplete="off"
                                            aria-label="Enter City Name" value="{{ $candidate->city_id }}">
                                    </div>

                                    <label for="country" class="field-label">City Name</label>
                                </div>
                                <div class="single-field">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/phone.svg"
                                            alt="phone" class="field-icon" width="100%" height="100%">
                                        <input type="text" name="alternate_phone" id="alternate_phone"
                                            class="input-field"
                                            value="{{ old('alternate_phone', $user->alternate_phone) }}"
                                            oninput="this.value = this.value.replace(/[^0-9+]/g, '').replace(/(\..*)\./g, '$1');"
                                            placeholder="Enter Alternate Mobile Number" maxlength="15" readonly
                                            autocomplete="off" aria-label="Mobile Number">
                                    </p>
                                    <label for="alternate_phone" class="field-label">Alternative Number</label>
                                </div>
                                <div class="single-field">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/email.svg"
                                            alt="email" class="field-icon" width="100%" height="100%">
                                        <input type="text" class="input-field" name="secondary_email"
                                            id="secondary_email" autocomplete="off" aria-label="alternate-email" readonly
                                            placeholder="Enter Alternate Email"
                                            value="{{ old('secondary_email', $user->secondary_email) }}" maxlength="50">
                                    </p>
                                    <label for="secondary_email" class="field-label">Alternative Email</label>
                                </div>
                                <div class="single-field">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/visa.svg"
                                            alt="visa" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="source" id="source"
                                            disabled>
                                            <option value="" class="d-none">
                                                {{ __('select') }} {{ __('source') }}
                                            </option>
                                            @foreach ($sourcesData as $sd)
                                                <optgroup label="{{ $sd->name }}">
                                                    @foreach ($sd->source as $ssd)
                                                        <option
                                                            {{ old('sourcesData', $user->source) == $ssd->name ? 'selected' : '' }}
                                                            value="{{ $ssd->name }}"> {{ $ssd->name }}</option>
                                                    @endforeach
                                                </optgroup>
                                            @endforeach
                                        </select>
                                        @error('source')
                                            <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                        @enderror
                                        </select>
                                    </div>
                                    <label for="visa_refusal" class="field-label">Source</label>
                                </div>

                                <div class="single-field">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/country.svg"
                                            alt="country" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="student_category"
                                            id="student_category" autocomplete="off" disabled>
                                            <option value="" class="d-none">
                                                {{ __('select_student_category') }}
                                            </option>
                                            <option
                                                {{ 'Gold' == old('student_category', $candidate->student_category) ? 'selected' : '' }}
                                                value="Gold">{{ __('Gold') }}</option>
                                            <option
                                                {{ 'Silver' == old('student_category', $candidate->student_category) ? 'selected' : '' }}
                                                value="Silver">{{ __('Silver') }}</option>
                                            <option
                                                {{ 'Bronze' == old('student_category', $candidate->student_category) ? 'selected' : '' }}
                                                value="Bronze">{{ __('Bronze') }}</option>
                                        </select>
                                        @error('student_category')
                                            <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                        @enderror


                                    </div>

                                    <label for="country" class="field-label">Student Category</label>
                                </div>

                                <div class="single-field">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/visa.svg"
                                            alt="visa" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="partner_id[]"
                                            id="partner_id" disabled multiple>
                                            <option value="" class="d-none">
                                                {{ __('select') }} Partners
                                            </option>
                                            @foreach ($partners as $partner)
                                                <option {{ in_array($partner['id'], $partner_id) ? 'selected' : '' }}
                                                    value="{{ $partner['id'] }}"> {{ $partner['name'] }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <label for="visa_refusal" class="field-label">Partner</label>
                                </div>
                                                                <div class="single-field">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/visa.svg"
                                            alt="visa" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="service_id[]"
                                            id="service_id" disabled multiple onchange="show_hide_test()">
                                            <option value="" class="d-none">
                                                {{ __('select') }} Services
                                            </option>
                                            @foreach ($services as $service)
                                                <option
                                                    {{ in_array($service['id'], $selected_services) ? 'selected' : '' }}
                                                    value="{{ $service['id'] }}"> {{ $service['name'] }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <label for="visa_refusal" class="field-label">Services</label>
                                </div>

                                <div class="single-field">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/visa.svg"
                                            alt="visa" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="whatsapp_marketing_status"
                                            id="whatsapp_marketing_status" disabled>
                                            <option value="" class="d-none">
                                                Select Whatsapp Marketing Status
                                            </option>
                                            <option
                                                {{ '1' == old('whatsapp_marketing_status', $candidate->user->whatsapp_marketing_status) ? 'selected' : '' }}
                                                value="1">YES</option>
                                            <option
                                                {{ '0' == old('whatsapp_marketing_status', $candidate->user->whatsapp_marketing_status) ? 'selected' : '' }}
                                                value="0">NO</option>
                                        </select>
                                        @error('whatsapp_marketing_status')
                                            <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                        @enderror
                                    </div>
                                    <label for="visa_refusal" class="field-label">Whatsapp Marketing Status</label>
                                </div>


                                <div class="single-field">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/clock.svg"
                                            alt="clock" class="field-icon" width="100%" height="100%">
                                        <input type="time" name="prefferd_time" id="prefferd_time"
                                            class="input-field"
                                            value="@if ($user->prefferd_time == null) @else{{ date('H:i:s', strtotime($user->prefferd_time)) }} @endif"
                                            placeholder="" maxlength="30" readonly autocomplete="off"
                                            aria-label="prefferd_time">
                                    </p>
                                    <label for="prefferd_time" class="field-label">Prefferd Time</label>
                                </div>
                                <div class="single-field">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/visa.svg"
                                            alt="visa" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="visa_refusal"
                                            id="visa_refusal" disabled>
                                            @if ($candidate->visa_refusal == 1)
                                                <option value="1" selected>Yes</option>
                                                <option value="0">No</option>
                                            @elseif($candidate->visa_refusal == 0)
                                                <option value="1">Yes</option>
                                                <option value="0" selected>No</option>
                                            @else
                                                <option value="">Have You Faced Visa Refusal</option>
                                                <option value="1">Yes</option>
                                                <option value="0">No</option>
                                            @endif
                                        </select>
                                    </div>
                                    <label for="visa_refusal" class="field-label">Visa Refusal</label>
                                </div>

                                <div class="single-field vias_submanu">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/card-expire.svg"
                                            alt="card-expire" class="field-icon" width="100%" height="100%">
                                        <input type="date" class="input-field" name="date_of_visa_expiration"
                                            aria-label="visa_expiry"
                                            value="@if ($candidate->date_of_visa_expiration == null) @else{{ date('Y-m-d', strtotime($candidate->date_of_visa_expiration)) }} @endif"
                                            id="visa_expiry" placeholder="Enter the Date of Expiration">
                                    </p>
                                    <label for="visa_expiry" class="field-label">Date of Visa Expiration</label>
                                </div>

                                <div class="single-field vias_submanu">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/visa.svg"
                                            alt="visa" class="field-icon" width="100%" height="100%">
                                        <input type="text" class="input-field" name="visa_refusal_reason"
                                            id="visa_refusal_reason" placeholder="Visa Refusal Reason" readonly
                                            value="{{ $candidate->visa_refusal_reason }}" aria-label="reason">
                                    </p>
                                    <label for="reason" class="field-label">Reason</label>
                                </div>
                                <div class="single-field vias_submanu">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/category-icon.svg"
                                            alt="category-icon" class="field-icon" width="100%" height="100%">
                                        <input type="text" class="input-field" name="visa_categories"
                                            id="visa_categories" placeholder="Visa Category" readonly
                                            value="{{ $candidate->visa_categories }}" aria-label="visa_categories">
                                    </p>
                                    <label for="visa_categories" class="field-label">Category Visa</label>
                                </div>

                                <div class="single-field m-ques">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/rings.svg"
                                            alt="rings" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="marital_status"
                                            id="marital_status" disabled>
                                            <option value="">Select Marital Status</option>
                                            <option value="Married" @if ($candidate->marital_status == 'Married') Selected @endif>
                                                Married</option>
                                            <option value="Single" @if ($candidate->marital_status == 'Single') Selected @endif>
                                                Single</option>
                                            <option value="Divorce" @if ($candidate->marital_status == 'Divorce') Selected @endif>
                                                Divorce</option>
                                        </select>
                                    </div>
                                    <label for="marital_status" class="field-label">Marital Status</label>
                                </div>

                                <div class="single-field spouse-ques"
                                    @if ($candidate->marital_status == 'Married') style="display:inline" @endif>
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/gender.svg"
                                            alt="spouse" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="spouse_comming"
                                            id="spouse_comming" disabled>
                                            <option value="">Select Status</option>
                                            <option value="Yes" @if ($candidate->spouse_comming == 'Yes') Selected @endif>Yes
                                            </option>
                                            <option value="No" @if ($candidate->spouse_comming == 'No') Selected @endif>No
                                            </option>
                                        </select>
                                    </div>
                                    <label for="" class="field-label">Are you taking them with you?</label>
                                </div>


                                <div class="single-field family-details">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/cap-icon.svg"
                                            alt="cap-icon" class="field-icon" width="100%" height="100%">
                                        <input type="text" class="input-field" name="spouse_qualification"
                                            id="spouse_qualification" value="{{ $candidate->spouse_qualification }}"
                                            placeholder="Enter Your Enter qualification of spouse" readonly>
                                    </div>
                                    <label for="spouse_qualification" class="field-label">Enter qualification of
                                        spouse</label>
                                </div>

                                <div class="single-field family-details">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/bag.svg"
                                            alt="bag" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="spouse_employment_status"
                                            id="spouse_employment_status" disabled>
                                            <option value="Employed" @if ($candidate->spouse_employment_status == 'Employed') Selected @endif>
                                                Employed</option>
                                            <option value="Unemployed" @if ($candidate->spouse_employment_status == 'Unemployed') Selected @endif>
                                                Unemployed</option>
                                        </select>
                                    </div>
                                    <label for="" class="field-label">Employment status of Spouse</label>
                                </div>

                                <div class="single-field family-details">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/money.svg"
                                            alt="money" class="field-icon" width="100%" height="100%">
                                        <input type="text" class="input-field" name="spouse_income"
                                            id="spouse_income" value="{{ $candidate->spouse_income }}"
                                            placeholder="Income of Spouse" autocomplete="off"
                                            value="{{ $candidate->spouse_income }}"
                                            oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');"
                                            readonly>
                                    </div>
                                    <label for="spouse_income" class="field-label">Income of Spouse</label>
                                </div>

                                <div class="single-field family-details">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/kids.svg"
                                            alt="kids" class="field-icon" width="100%" height="100%">
                                        <input type="text" class="input-field" name="kids_count" id="kids_count"
                                            value="{{ $candidate->kids_count }}" placeholder="No. of Kids"
                                            autocomplete="off"
                                            oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');"
                                            readonly>
                                    </div>
                                    <label for="kids_num" class="field-label">No. of Kids</label>
                                </div>

                                <div class="single-field family-details">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/people.svg"
                                            alt="people" class="field-icon" width="100%" height="100%">
                                        <input type="text" class="input-field" name="accompanying_applicant"
                                            id="accompanying_applicant"
                                            value="{{ $candidate->accompanying_applicant }}"
                                            placeholder="No. of dependents accompanying applicant" autocomplete="off"
                                            oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');"
                                            readonly>
                                    </div>
                                    <label for="accompanying_applicant" class="field-label">No. of dependents
                                        accompanying
                                        applicant</label>
                                </div>




                                <div class="single-field textarea-single-field">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/message.svg"
                                            alt="message" class="field-icon" width="100%" height="100%">
                                        <textarea type="text" rows="4" class="textarea-input-field input-field" name="permanent_address"
                                            id="permanent_address" placeholder="Enter Permanent Address" readonly>{{ $candidate->permanent_address }}</textarea>
                                    </div>
                                    <label for="address" class="field-label">Parmanent Address</label>
                                </div>

                                <div class="single-field textarea-single-field">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/message.svg"
                                            alt="message" class="field-icon" width="100%" height="100%">
                                        <textarea type="text" rows="4" oninput="autoExpand(this)" class="textarea-input-field input-field"
                                            name="address" id="address" placeholder="Enter Address" readonly>{{ $candidate->address }}</textarea>
                                    </div>
                                    <label for="address" class="field-label">Current Address</label>
                                </div>
                            </div>
                        </form>
                    </div>

                    <div class="view-panel view-ed 2">
                        <div class="view-ed-detail">
                            <div class="ed-top-head">
                                <span class="p-head">Education Details</span>
                                <div class="single-input">
                                    <select name="" id="highest_education"
                                        onchange="change_highest_education()" class="select-list select2-with-search"
                                        @if (!userCan('candidate.update')) disabled @endif>
                                        <option value="">Select Highest level Education</option>
                                        <option {{ '10th' == $candidate->highest_education ? 'selected' : '' }}
                                            value="10th">Class 10th</option>
                                        <option {{ '12th' == $candidate->highest_education ? 'selected' : '' }}
                                            value="12th">Class 12th</option>
                                        <option {{ 'Bachelors' == $candidate->highest_education ? 'selected' : '' }}
                                            value="Bachelors">Bachelors</option>
                                        <option {{ 'Masters' == $candidate->highest_education ? 'selected' : '' }}
                                            value="Masters">Masters</option>
                                        <option
                                            {{ 'PHD or Equivalent' == $candidate->highest_education ? 'selected' : '' }}
                                            value="PHD or Equivalent">PhD</option>

                                    </select>
                                </div>
                                @if (userCan('candidate.update'))
                                    <a href="javascript:;" id="add_more_btn" class="ed-add-btn">+ Add</a>
                                @endif

                            </div>

                            <div class="education-cards" id="education-cards">

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

                    <div class="view-panel 14">
                        <div class="work-exp">
                            <p class="w-top">
                                <span class="p-head">Work Experience</span>
                                @if (userCan('candidate.update'))
                                    <a href="javascript:;" class="add-exp-btn">+ ADD</a>
                                @endif
                            </p>

                            <span class="small-head">Give details of the applicant’s employment and unemployment history
                                since
                                leaving school/college/university</span>
                            <ul class="work-list">
                                <li class="small-list">Employment includes all paid employment, self employment, family
                                    business employment, work experience, internships, unpaid employment and volunteer work.
                                </li>
                                <li class="small-list">Unemployment includes all gaps in employment since leaving
                                    school/college/university.</li>
                            </ul>
                            <div id="word_experience_null"></div>
                            <div class="view-work-exp d-table-box" id="experience_show_div" style="display: none;">
                                <table class="table">
                                    <thead>
                                        <tr>

                                            <th class="t-head">Organization Name</th>
                                            <th class="t-head">Started Date</th>
                                            <th class="t-head">End Date</th>
                                            <th class="t-head">Position</th>
                                            <th class="t-head">Organization Type</th>
                                            <th class="t-head">Organization Address</th>
                                            <th class="t-head">Reference Name</th>
                                            <th class="t-head">Department</th>
                                            <th class="t-head">Experience Letter</th>
                                            <th class="t-head">Mode Of Salary</th>
                                            <th class="t-head">Contact No.</th>
                                            <th class="t-head">Justification</th>
                                            <th class="t-head">Justification Status</th>
                                            <th class="t-head">Justification reason</th>
                                            <th class="t-head">Action</th>
                                            {{-- <th class="t-head"></th> --}}
                                        </tr>
                                    </thead>
                                    <tbody id="work_exp_tbody">

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                    <!--Study Abroad Preferences-->
                    <div class="view-panel 3" id="study_abroad_data">
                        <form action="" class="detail-form" id="study_abroad_form">
                            <p class="panel-top">
                                <span class="p-head">Study Abroad Preferences</span>
                                @if (userCan('candidate.update'))
                                    <button type="button" class="edit-btn cancel-btn" data-form_id="study_abroad"
                                        onclick="save_data('study_abroad_form_cancel')" data-operation_type="cancel"
                                        id="study_abroad_form_cancel">
                                        <!--type=submit-->
                                        <span class="cancel-text" id="study_abroad_form_cancel_button">Cancel</span>
                                    </button>
                                    <button type="button" class="edit-btn" data-form_id="study_abroad"
                                        onclick="save_data('study_abroad_form_edit')" id="study_abroad_form_edit"
                                        data-operation_type="save_edit"> <!--type=submit-->

                                        <span class="edit-text" id="study_abroad_form_edit_button">Edit</span>
                                        <!--OnClick edit-btn Change the text to Save-->
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/pencil.svg"
                                            id="study_abroad_form_edit_image" alt="edit" class="field-icon"
                                            width="100%" height="100%">
                                        <!--OnClick edit-btn Change the img to file-save.svg-->
                                    </button>
                                @endif
                            </p>





                            <!--To Edit fields remove readonly from .input-field and disabled from Select-->
                            <div class="fields-list">
                                <div class="single-field">
                                    <p class="field-value multiple-select-field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/country.svg"
                                            alt="country" class="field-icon" width="100%" height="100%">

                                        <select class="input-field select2-with-search" name="preferred_country[]"
                                            id="preferred_country" disabled multiple="multiple" autocomplete="off">

                                            @isset($countries)
                                                @foreach ($countries as $country)
                                                    <option                                                         value="{{ $country['id'] }}" > {{ $country['name'] }}
                                                                                                            </option>
                                                @endforeach
                                            @endisset
                                        </select>
                                    </p>
                                    <label for="country_select" class="field-label">Country(You Can Select Only 3
                                        Contries)</label>
                                </div>


                                <div class="single-field">
                                    <p class="field-value multiple-select-field-value ">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/calender.svg"
                                            alt="calender" class="field-icon" width="100%" height="100%">

                                        <select class="input-field select2-with-search" name="intake_years[]" disabled
                                            multiple="multiple" id="intake_years">

                                            @for ($i = 2022; $i <= date('Y') + 3; $i++)
                                                <option {{ in_array($i, $intake_years) ? 'selected' : '' }}
                                                    value="{{ $i }}">{{ $i }}</option>
                                            @endfor
                                            <option {{ in_array('Not Decided', $intake_years) ? 'selected' : '' }}
                                                value="Not Decided">Not Decided</option>
                                        </select>
                                    </p>
                                    <label for="intake_years" class="field-label">Plan Year</label>
                                </div>

                                <div class="single-field">
                                    <p class="field-value multiple-select-field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/calender.svg"
                                            alt="calender" class="field-icon" width="100%" height="100%">
                                        <!--Multiple Select-->
                                        <select class="input-field select2-with-search" name="intake_months[]"
                                            id="intake_months" disabled multiple="multiple">
                                            <option {{ in_array('Jan', $intake_months) ? 'selected' : '' }}
                                                value="Jan">Jan</option>
                                            <option {{ in_array('Feb', $intake_months) ? 'selected' : '' }}
                                                value="Feb">Feb</option>
                                            <option {{ in_array('Mar', $intake_months) ? 'selected' : '' }}
                                                value="Mar">Mar</option>
                                            <option {{ in_array('Apr', $intake_months) ? 'selected' : '' }}
                                                value="Apr">Apr</option>
                                            <option {{ in_array('May', $intake_months) ? 'selected' : '' }}
                                                value="May">May</option>
                                            <option {{ in_array('Jun', $intake_months) ? 'selected' : '' }}
                                                value="Jun">Jun</option>
                                            <option {{ in_array('July', $intake_months) ? 'selected' : '' }}
                                                value="July">July</option>
                                            <option {{ in_array('Aug', $intake_months) ? 'selected' : '' }}
                                                value="Aug">Aug</option>
                                            <option {{ in_array('Sept', $intake_months) ? 'selected' : '' }}
                                                value="Sept">Sept</option>
                                            <option {{ in_array('Oct', $intake_months) ? 'selected' : '' }}
                                                value="Oct">Oct</option>
                                            <option {{ in_array('Nov', $intake_months) ? 'selected' : '' }}
                                                value="Nov">Nov</option>
                                            <option {{ in_array('Dec', $intake_months) ? 'selected' : '' }}
                                                value="Dec">Dec</option>

                                            <option {{ in_array('Not Decided', $intake_months) ? 'selected' : '' }}
                                                value="Not Decided">Not Decided</option>
                                        </select>
                                    </p>
                                    <label for="season_select" class="field-label">Intake Season</label>
                                </div>
                                                                <div class="single-field">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/courses.svg"
                                            alt="calender" class="field-icon" width="100%" height="100%">

                                        
                                        <select class="input-field select2-with-search" name="preferred_program[]"
                                            id="preferred_program" disabled multiple>
                                            <option {{ in_array('MBA', $preferred_program) ? 'selected' : '' }}
                                                value="MBA">MBA</option>
                                            <option {{ in_array('Bachelors', $preferred_program) ? 'selected' : '' }}
                                                value="Bachelors">Bachelors</option>
                                            <option {{ in_array('Masters', $preferred_program) ? 'selected' : '' }}
                                                value="Masters">Masters</option>
                                            <option {{ in_array('PG', $preferred_program) ? 'selected' : '' }}
                                                value="PG">PG Diploma</option>
                                            <option {{ in_array('Certification', $preferred_program) ? 'selected' : '' }}
                                                value="Certification">Certification</option>
                                            <option {{ in_array('PHD', $preferred_program) ? 'selected' : '' }}
                                                value="PHD">PHD</option>
                                            <option {{ in_array('Others', $preferred_program) ? 'selected' : '' }}
                                                value="Others">Others</option>
                                            <option {{ in_array('Not_Decided', $preferred_program) ? 'selected' : '' }}
                                                value="Not_Decided">Not Decided</option>
                                        </select>
                                        @error('preferred_program')
                                            <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                        @enderror

                                    </p>
                                    <label for="season_select" class="field-label">Preferred Program</label>
                                </div>
                                <div class="single-field">
                                    <p class="field-value p-course">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/courses.svg"
                                            alt="courses" class="field-icon" width="100%" height="100%">
                                                                                <select class="input-field select2-with-search" name="preffered_stream[]"
                                            id="preffered_stream" disabled multiple>

                                            @foreach ($streams as $stream)
                                                <option
                                                    {{ in_array($stream['id'], $preferredPrograms) ? 'selected' : '' }}
                                                    value="{{ $stream['id'] }}">{{ $stream['name'] }}</option>
                                                value="{{ $stream['id'] }}">{{ $stream['name'] }}</option>
                                            @endforeach
                                            <option value="Not Decided"
                                                {{ $preferredPrograms == 'Not Decided' ? 'selected' : '' }}> Not Decided
                                            </option>
                                            <option value="other"
                                                {{ $preferredPrograms == 'other' ? 'selected' : '' }}>
                                                Other </option>
                                            <option value="no-preference"
                                                {{ $preferredPrograms == 'no-preference' ? 'selected' : '' }}>No
                                                Preference
                                            </option>
                                        </select>

                                        @error('preffered_stream')
                                            <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                        @enderror
                                    </p>
                                    <label for="preferred_courses" class="field-label">Preferred Stream</label>
                                </div>

                                <div class="single-field">
                                    <p class="field-value p-course">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/courses.svg"
                                            alt="courses" class="field-icon" width="100%" height="100%">


                                        <input type="text" class="input-field" name="preferred_course"
                                            placeholder="Preferred Courses" maxlength="200"
                                            value="{{ @$candidate->destination[0]->preferred_course }}"
                                            maxlength="200" id="preferred_courses">
                                        </select>


                                    </p>
                                    <label for="preferred_courses" class="field-label">Preferred Courses</label>
                                </div>

                                <div class="single-field">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/university.svg"
                                            alt="university" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="applied_university"
                                            id="applied_university" disabled>
                                            <option disabled>Applied University</option>
                                            @if (@$candidate->destination[0]->applied_university_name != null)
                                                <option selected value="Yes">Yes</option>
                                                <option value="No">No</option>
                                            @else
                                                <option value="Yes">Yes</option>
                                                <option selected value="No">No</option>
                                            @endif

                                        </select>
                                    </p>
                                    <label for="applied_uni" class="field-label">Applied University</label>
                                </div>

                                <!--Hide this when Applied University is Selected No-->
                                <div class="single-field" id="applied_university_name_box"
                                    style=" @if (@$candidate->destination[0]->applied_university_name == null) display:none; @endif">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/passport.svg"
                                            alt="passport" class="field-icon" width="100%" height="100%">
                                        <input type="text" class="input-field" name="applied_university_name"
                                            placeholder="Name of the University"
                                            value="{{ @$candidate->destination[0]->applied_university_name }}"
                                            maxlength="50" id="applied_university_name">
                                    </p>
                                    <label for="university_name" class="field-label">Name of University</label>
                                </div>

                                <div class="single-field consultant">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/headphone.svg"
                                            alt="headphone" class="field-icon" width="100%" height="100%">
                                        <select class="input-field select2-with-search" name="consultant"
                                            id="consultant" disabled>
                                            <option disabled>Connected Consultant</option>
                                            @if (@$candidate->destination[0]->consultant_name != null)
                                                <option selected value="Yes">Yes</option>
                                                <option value="No">No</option>
                                            @else
                                                <option value="Yes">Yes</option>
                                                <option selected value="No">No</option>
                                            @endif
                                        </select>
                                    </p>
                                    <label for="consultant" class="field-label">Connected Consultant</label>
                                </div>

                                <!--Hide this when Connected Consultant is Selected No-->
                                <div class="single-field" id="consultant_name_box"
                                    style=" @if (@$candidate->destination[0]->consultant_name == null) display:none; @endif">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/passport.svg"
                                            alt="passport" class="field-icon" width="100%" height="100%">
                                        <input type="text" class="input-field" name="consultant_name"
                                            id="consultant_name" placeholder="Name of the Consultant"
                                            value="{{ @$candidate->destination[0]->consultant_name }}" maxlength="20"
                                            val>
                                    </p>
                                    <label for="consultant_name" class="field-label">Name of Consultant</label>
                                </div>

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

                    <!--Budget Preferences-->
                    <div class="view-panel 4">
                        <form action="" class="detail-form budget-form" id="budget_preference_form">
                            <p class="panel-top">
                                <span class="p-head">Budget Preferences</span>
                                @if (userCan('candidate.update'))
                                    <button type="button" onclick="save_data('budget_preference_form_cancel')"
                                        class="edit-btn cancel-btn" data-form_id="budget_preference_form"
                                        data-operation_type="cancel" id="budget_preference_form_cancel">
                                        <!--type=submit-->
                                        <span class="cancel-text"
                                            id="budget_preference_form_cancel_button">Cancel</span>
                                    </button>

                                    <button type="button" onclick="save_data('budget_preference_form_edit')"
                                        class="edit-btn" data-form_id="budget_preference_form"
                                        id="budget_preference_form_edit" data-operation_type="save_edit">
                                        <!--type=submit-->

                                        <span class="edit-text" id="budget_preference_form_edit_button">Edit</span>
                                        <!--OnClick edit-btn Change the text to Save-->
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/pencil.svg"
                                            id="budget_preference_form_edit_image" alt="edit" class="field-icon"
                                            width="100%" height="100%">
                                        <!--OnClick edit-btn Change the img to file-save.svg-->
                                    </button>
                                @endif
                            </p>


                            <!--To Edit fields remove readonly from .input-field and disabled from Select-->
                            <div class="fields-list">
                                <!-- Show when Form Will Edit -->
                                <div class="budget-list" style="display: none;">
                                    <span class="min-value">3L</span>
                                    <input type="range" class="range-slider" name="budget-range" id="range"
                                        min="3" max="999999999999" aria-label="range"
                                        value="{{ $candidate->budget }}">
                                    <span class="max-value">5000L +</span>
                                </div>

                                <!--readonly will not remove for this field-->
                                <div class="single-field">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/money.svg"
                                            alt="money" class="field-icon" width="100%" height="100%">
                                        <input type="text" name="budget" id="budget" class="input-field"
                                            value="{{ $candidate->budget }}" placeholder="Your budget (lacs) Ex. 12.2"
                                            aria-label="budget" readonly>
                                    </p>
                                    <label for="budget" class="field-label">Your Budget(lacs)</label>
                                </div>

                                <div class="single-field">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/loan.svg"
                                            alt="loan" class="field-icon" width="100%" height="100%">

                                        <!-- multiple Select -->

                                        {{-- <input type="text" name="fund_source" id="fund_source" class="input-field"
                                        value="{{ $candidate->fund_source }}" placeholder="Plan Fund"
                                        aria-label="budget" readonly> --}}

                                        <select class="input-field select2-with-search " name="fund_source"
                                            id="fund_source" disabled>
                                            <option value="" @if ($candidate->fund_source == '' || $candidate->fund_source == null) selected @endif>
                                                Source Type</option>
                                            <option value="Self Funded"
                                                @if ($candidate->fund_source == 'Self Funded') selected @endif>Self Funded</option>
                                            <option value="Sponsered" @if ($candidate->fund_source == 'Sponsered') selected @endif>
                                                Sponsered</option>
                                            <option value="Full Loan" @if ($candidate->fund_source == 'Full Loan') selected @endif>
                                                Full Loan</option>
                                            <option value="Partial Loan"
                                                @if ($candidate->fund_source == 'Partial Loan') selected @endif>Partial Loan</option>
                                        </select>
                                    </p>
                                    <label for="plan_fund" class="field-label">Source Fund</label>
                                </div>

                                <!-- Show When Education Loan is Selected -->

                                <div class="single-field">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/loan.svg"
                                            alt="loan" class="field-icon" width="100%" height="100%">

                                        <select class="input-field select2-with-search " name="loan_type"
                                            id="loan_type" disabled>
                                            <option value="" @if ($candidate->loan_type == '' || $candidate->loan_type == null) selected @endif>
                                                Loan Type</option>
                                            <option value="Collateral Loan"
                                                @if ($candidate->loan_type == 'Collateral Loan') selected @endif>Collateral Loan</option>
                                            <option value="Non-Collateral Loan"
                                                @if ($candidate->loan_type == 'Non-Collateral Loan') selected @endif>Non-Collateral Loan
                                            </option>

                                        </select>
                                    </p>
                                    <label for="loan_type" class="field-label">Loan Type</label>
                                </div>
                            </div>
                        </form>
                    </div>




                    <!--Test Status-->
                    <div class="view-panel 5">
                        <form class="detail-form test-form" id="test_status_form">
                            {{-- <p class="panel-top">
                                <span class="p-head">Test Status</span>
                                @if (userCan('candidate.update'))
                                    <button type="button" class="edit-btn cancel-btn" data-form_id="test_status_form"
                                        onclick="save_data('test_status_form_cancel')" data-operation_type="cancel"
                                        id="test_status_form_cancel">
                                        <!--type=submit-->
                                        <span class="cancel-text" id="test_status_form_cancel_button">Cancel</span>
                                    </button>
                                    <button type="button" onclick="save_data('test_status_form_edit')"
                                        data-operation_type="save_edit" class="edit-btn" id="test_status_form_edit">
                                        <!--type=submit-->

                                        <span class="edit-text" id="test_status_form_edit_button">Edit</span>
                                        <!--OnClick edit-btn Change the text to Save-->
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/pencil.svg"
                                            id="test_status_form_edit_image" alt="edit" class="field-icon"
                                            width="100%" height="100%">
                                        <!--OnClick edit-btn Change the img to file-save.svg-->
                                    </button>
                                @endif
                            </p>




                            <div class="fields-list">
                                <p class="small-head">English Proficiency Test</p>
                                <div class="single-field">
                                    <div class="field-value">

                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/certificate.svg"
                                            class="field-icon" alt="certificate" width="100%" height="100%">
                                        <select class="input-field select2-with-search eng-other" name="english_test"
                                            id="english_test" disabled>

                                            @php($flag = 0)
                                            <option value="">Select Test</option>
                                            @foreach ($exam_list as $exam_use)
                                                @if (@$exam_use['type'] == '0')
                                                    {


                                                    @if ($exam_use['name'] == $english_test['test_name'])
                                                        <option value="{{ $exam_use['name'] }}" selected>
                                                            {{ $exam_use['name'] }}
                                                        </option>
                                                        @php($flag = 1)
                                                    @else
                                                        <option value="{{ $exam_use['name'] }}">
                                                            {{ $exam_use['name'] }}
                                                        </option>
                                                    @endif

                                                    }
                                                @endif
                                            @endforeach
                                            @if ($english_test['test_name'] == 'NT')
                                                <option selected value="NT">Not Taken</option>
                                                @php($flag = 1);
                                            @else
                                                <option value="NT">Not Taken</option>
                                            @endif
                                            @if ($flag == 0 && ($english_test['test_name'] != null || $english_test['test_name'] != ''))
                                                <option value="other" selected>Other</option>
                                            @else
                                                <option value="other">Other</option>
                                            @endif




                                        </select>
                                    </div>
                                    <label for="english_test" class="field-label">English Proficiency Exam</label>
                                </div>

                                <div class="single-field english-other hide_english">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/certificate.svg"
                                            class="field-icon" alt="certificate" width="100%" height="100%">
                                        <input type="text" class="input-field" name="english_other"
                                            id="english_other" value="{{ $english_test['test_name'] }}"
                                            placeholder="Test Name" maxlength="20" readonly>
                                    </p>
                                    <label for="english_other" class="field-label">English Proficiency Exam</label>
                                </div>

                                <div class="single-field eng-taken-date hide_english">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/calender.svg"
                                            class="field-icon" alt="calender" width="100%" height="100%">
                                        <input type="date" class="input-field" name="english_test_taken_date"
                                            value="@if ($english_test['test_taken_date'] == null)@else{{date('Y-m-d', strtotime($english_test['test_taken_date']))}}@endif"
                                            placeholder="Test Taken Date" id="english_test_taken_date"
                                            max="{{ date('Y-m-d') }}" readonly>
                                    </p>
                                    <label for="english_test_taken_date" class="field-label">Test Taken Date</label>
                                </div>

                                <div class="single-field eng-result-date hide_english">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/calender.svg"
                                            class="field-icon" alt="calender" width="100%" height="100%">
                                        <input type="date" class="input-field" name="english_test_result_date"
                                            value="@if ($english_test['test_result_date'] == null)@else{{date('Y-m-d', strtotime($english_test['test_result_date']))}}@endif"
                                            placeholder="Result Date" id="english_test_result_date"
                                            max="{{ date('Y-m-d') }}" readonly>
                                    </p>
                                    <label for="english_test_result_date" class="field-label">Result Date</label>
                                </div>
                                <div class="single-field eng-score hide_english">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/score.svg"
                                            class="field-icon" alt="score" width="100%" height="100%">
                                        <input type="text" name="english_test_scores" class="input-field"
                                            value="{{ $english_test['test_scores'] }}"
                                            placeholder="Overall Score Ex. 99.9" maxlength="5"
                                            id="english_test_scores"
                                            oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
                                            readonly>
                                    </p>
                                    <label for="english_test_scores" class="field-label">Overall Score</label>
                                </div>
                                <div class="single-field eng-score hide_english">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/score.svg"
                                            class="field-icon" alt="score" width="100%" height="100%">
                                        <input type="text" name="english_speaking_scores" class="input-field"
                                            value="{{ $english_test['speaking_scores'] }}"
                                            placeholder="Speaking Score Ex. 99.9" maxlength="5"
                                            id="english_speaking_scores"
                                            oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
                                            readonly>
                                    </p>
                                    <label for="english_speaking_scores" class="field-label">Speaking Score</label>
                                </div>
                                <div class="single-field eng-score hide_english">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/score.svg"
                                            class="field-icon" alt="score" width="100%" height="100%">
                                        <input type="text" name="english_reading_scores" class="input-field"
                                            value="{{ $english_test['reading_scores'] }}"
                                            placeholder="Reading Score Ex. 99.9" maxlength="5"
                                            id="english_reading_scores"
                                            oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
                                            readonly>
                                    </p>
                                    <label for="english_reading_scores" class="field-label">Reading Score</label>
                                </div>
                                <div class="single-field eng-score hide_english">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/score.svg"
                                            class="field-icon" alt="score" width="100%" height="100%">
                                        <input type="text" name="english_listening_scores" class="input-field"
                                            value="{{ $english_test['listening_scores'] }}"
                                            placeholder="Listening Score Ex. 99.9" maxlength="5"
                                            id="english_listening_scores"
                                            oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
                                            readonly>
                                    </p>
                                    <label for="english_listening_scores" class="field-label">Listening Score</label>
                                </div>
                                <div class="single-field eng-score hide_english">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/score.svg"
                                            class="field-icon" alt="score" width="100%" height="100%">
                                        <input type="text" name="english_writing_scores" class="input-field"
                                            value="{{ $english_test['writing_scores'] }}"
                                            placeholder="Writing Score Ex. 99.9" maxlength="5"
                                            id="english_writing_scores"
                                            oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
                                            readonly>
                                    </p>
                                    <label for="english_writing_scores" class="field-label">Writing Score</label>
                                </div>

                            </div>

                            <div class="fields-list">
                                <p class="small-head">Study Abroad Test</p>
                                <div class="single-field">
                                    <div class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/certificate.svg"
                                            class="field-icon" alt="certificate" width="100%" height="100%">
                                        <select class="input-field select2-with-search apt-other" name="aptitude_test"
                                            id="aptitude_test" disabled>
                                            <option value="">Select Test</option>

                                            @php($flag = 0)
                                            @foreach ($exam_list as $exam_use)
                                                @if (@$exam_use['type'] == '1')
                                                    {
                                                    @if ($exam_use['name'] == $abroad_test['test_name'])
                                                        <option value="{{ $exam_use['name'] }}" selected>
                                                            {{ $exam_use['name'] }} </option>
                                                        @php($flag = 1)
                                                    @else
                                                        <option value="{{ $exam_use['name'] }}">
                                                            {{ $exam_use['name'] }}
                                                        </option>
                                                    @endif
                                                    }
                                                @endif
                                            @endforeach
                                            @if ($abroad_test['test_name'] == 'NT')
                                                <option selected value="NT">Not Taken</option>
                                                @php($flag = 1);
                                            @else
                                                <option value="NT">Not Taken</option>
                                            @endif

                                            @if ($flag == 0 && ($abroad_test['test_name'] != null || $abroad_test['test_name'] != ''))
                                                <option value="other" selected>Other</option>
                                            @else
                                                <option value="other">Other</option>
                                            @endif


                                        </select>
                                    </div>
                                    <label for="aptitude_test" class="field-label">Academic Exam</label>
                                </div>

                                <div class="single-field aptitude-other">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/certificate.svg"
                                            class="field-icon" alt="certificate" width="100%" height="100%">
                                        <input type="text" class="input-field" name="aptitude_other"
                                            placeholder="Test Name" value="{{ $abroad_test['test_name'] }}"
                                            maxlength="20" id="aptitude_other" max="{{ date('Y-m-d') }}" readonly>
                                    </p>
                                    <label for="aptitude_other" class="field-label">Academic Exam</label>
                                </div>


                                <div class="single-field apt-taken-date">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/calender.svg"
                                            class="field-icon" alt="calender" width="100%" height="100%">
                                        <input type="date" class="input-field" name="aptitude_test_taken_date"
                                            value="@if ($abroad_test['test_taken_date'] == null)@else{{date('Y-m-d', strtotime($abroad_test['test_taken_date']))}}@endif"
                                            placeholder="Test Taken Date" max="{{ date('Y-m-d')}}"
                                            id="aptitude_test_taken_date" readonly>
                                    </p>
                                    <label for="aptitude_test_taken_date" class="field-label">Test Taken Date</label>
                                </div>

                                <div class="single-field apt-result-date">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/calender.svg"
                                            class="field-icon" alt="calender" width="100%" height="100%">
                                        <input type="date" class="input-field" name="aptitude_test_result_date"
                                            value="@if ($abroad_test['test_result_date'] == null)@else{{date('Y-m-d', strtotime($abroad_test['test_result_date']))}}@endif"
                                            placeholder="Result Date" id="aptitude_test_result_date" readonly>
                                    </p>
                                    <label for="aptitude_test_result_date" class="field-label">Result Date</label>
                                </div>

                                <div class="single-field apt-score">
                                    <p class="field-value">
                                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/score.svg"
                                            class="field-icon" alt="score" width="100%" height="100%">
                                        <input type="text" name="aptitude_test_scores" class="input-field"
                                            value="{{ $abroad_test['test_scores'] }}"
                                            placeholder="Overall Score eX.99.9" maxlength="5"
                                            id="aptitude_test_scores"
                                            oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
                                            readonly>
                                    </p>
                                    <label for="aptitude_test_scores" class="field-label">Overall Score</label>
                                </div>

                            </div> --}}
                        </form>
                    </div>

                    <!--Documents-->
                    <div class="view-panel 6">
                        <div class="border-box update_document" id="update_document">
                            {{-- <p class="panel-top">
                                <span class="p-head">Documents</span>
                            </p>
                            <ul class="tab-list">
                                <li class="tabs active" data-key="app">Application</li>
                                <li class="tabs" data-key="visa">Visa</li>
                                <li class="tabs" data-key="financial">Financial</li>
                                <li class="tabs" data-key="add-doc">Additional Documents</li>
                            </ul>
                        --}}

                        </div>

                    </div>

                    <!--Webinar-->
                    <div class="view-panel 7">
                        @if (userCan('candidate.update'))
                            <form class="detail-form webinar-form" id="webinar_form">
                                <p class="panel-top">
                                    <span class="p-head">Webinar</span>
                                    @if (userCan('candidate.update'))
                                        <button type="button" class="edit-btn cancel-btn" id="webinar_form_edit"
                                            onclick="save_data('webinar_form_edit')"> <!--type=submit-->
                                            <span class="edit-text" id="webinar_form_edit_button">Add</span>
                                            <!--OnClick edit-btn Change the text to Save-->
                                            <img src="{{ asset('backend') }}/lead-management/images/customer-detail/pencil.svg"
                                                id="webinar_form_edit_image" alt="edit" class="field-icon"
                                                width="100%" height="100%">
                                            <!--OnClick edit-btn Change the img to file-save.svg-->
                                        </button>
                                    @endif
                                </p>

                                <div class="fields-list">
                                    <div class="single-field">
                                        <p class="field-value">
                                            <img src="{{ asset('backend') }}/lead-management/images/customer-detail/calender.svg"
                                                alt="calender" class="field-icon" width="100%" height="100%">
                                            <select class="select2-with-search" name="webinar_id" id="webinar_id">


                                            </select>
                                        </p>
                                        <label for="webinar_date" class="field-label">Webinar Name</label>
                                    </div>
                                </div>
                            </form>
                        @endif
                        <!--Desktop View-->

                        <div class="d-table-box  webinar-form">
                            <p class="panel-top">
                                <span class="p-head">Webinar History</span>

                            </p>
                            <table class="table">
                                <thead>
                                    <tr>

                                        <th class="t-head">Title</th>
                                        <th class="t-head">Date</th>
                                        <th class="t-head">Webinar Link</th>
                                        <th class="t-head">Attend Webinar</th>
                                        <th class="t-head">Action</th>
                                    </tr>
                                </thead>
                                <tbody id="tbody_webinar_list1">


                                </tbody>
                            </table>
                        </div>
                    </div>


                    <div class="view-panel 27">
                        @if (userCan('candidate.update'))
                            <form class="detail-form webinar-form" id="webinar_form">
                                <p class="panel-top">
                                    <span class="p-head">Test</span>
                                    @if (userCan('candidate.update'))
                                        <button type="button" class="edit-btn cancel-btn" id="webinar_form_edit"
                                            onclick="save_test_data()"> <!--type=submit-->
                                            <span class="edit-text">Add</span>
                                            <!--OnClick edit-btn Change the text to Save-->
                                            <img src="{{ asset('backend') }}/lead-management/images/customer-detail/pencil.svg"
                                                id="webinar_form_edit_image" alt="edit" class="field-icon"
                                                width="100%" height="100%">
                                            <!--OnClick edit-btn Change the img to file-save.svg-->
                                        </button>
                                    @endif
                                </p>
                                <div class="fields-list">
                                    <div class="single-field">
                                        <p class="field-value">
                                            <img src="{{ asset('backend') }}/lead-management/images/customer-detail/calender.svg"
                                                alt="calender" class="field-icon" width="100%" height="100%">
                                            <select class="select2-with-search select2-hide-search"
                                                name="test_category_id" onchange="get_test_by_category()"
                                                id="test_category_id">
                                                <option value=""> Select Test Category </option>
                                                <option value="0"> Practice Test </option>
                                                <option value="1"> Mock Test </option>
                                            </select>
                                        </p>
                                        <label for="webinar_date" class="field-label">Test Category</label>
                                    </div>
                                    <div class="single-field">
                                        <p class="field-value">
                                            <img src="{{ asset('backend') }}/lead-management/images/customer-detail/calender.svg"
                                                alt="calender" class="field-icon" width="100%" height="100%">
                                            <select class="select2-with-search select2-hide-search" name="test_id"
                                                id="test_id" multiple>

                                            </select>
                                        </p>
                                        <label for="webinar_date" class="field-label">Test Name</label>
                                    </div>
                                </div>


                            </form>
                        @endif

                        <div class="d-table-box table-scroll">


                            <p class="panel-top">
                                <span class="p-head">Test History</span>

                            </p>
                            <table class="table">
                                <thead>
                                    <tr>

                                        <th class="t-head">Title</th>
                                        <th class="t-head">Reading</th>
                                        <th class="t-head">listening</th>
                                        <th class="t-head">writing</th>
                                        <th class="t-head">speaking</th>
                                        <th class="t-head">Overall score</th>

                                        {{-- <th class="t-head">View Answersheet</th> --}}

                                        <th class="t-head">Action</th>
                                    </tr>
                                </thead>
                                <tbody id="Test_preparation">
                                </tbody>
                            </table>

                        </div>

                    </div>

                    <div class="view-panel 28">
                        <div class="d-table-box table-scroll">
                            <p class="panel-top">
                                <span class="p-head">Forms</span>

                            </p>
                            <table class="table">
                                <thead>
                                    <tr>

                                        <th class="t-head">s_no</th>
                                        <th class="t-head">Name</th>
                                        <th class="t-head">Source</th>
                                        <th class="t-head">Url</th>
                                        <th class="t-head">Email</th>
                                        <th class="t-head">Country</th>
                                        <th class="t-head">Phone</th>
                                        <th class="t-head">created_date</th>
                                    </tr>
                                </thead>
                                <tbody id="form_show">

                                </tbody>
                            </table>
                        </div>

                    </div>

                    <div class="view-panel 29">
                        <div class="d-table-box table-scroll" id="level_assessment_test_data">

                        </div>

                    </div>

                    {{-- Whatsapp Log --}}
                    <div class="view-panel 21">

                        <!--Desktop View-->
                        <div class="d-table-box table-scroll">


                            <p class="panel-top">
                                <span class="p-head">Whatsapp Log</span>

                            </p>
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th class="t-head">Message</th>
                                        <th class="t-head">Created Date</th>
                                        <th class="t-head">Status</th>
                                        <th class="t-head">Send By</th>
                                        <th class="t-head"> Template Name</th>

                                    </tr>
                                </thead>
                                <tbody id="whatsapp_log">

                                </tbody>
                            </table>
                        </div>
                    </div>

                    <!--Activity-->
                    <div class="view-panel 8">

                        <!--Desktop View-->
                        <div class="d-table-box table-scroll">



                            <table class="table">
                                <thead>
                                    <tr>
                                        <th class="t-head">Event</th>
                                        <th class="t-head">Stages</th>
                                        <th class="t-head">Comment</th>
                                        <th class="t-head">Change By</th>
                                        <th class="t-head">Tat</th>
                                        <th class="t-head"> Date & Time</th>
                                    </tr>
                                </thead>
                                <tbody id="activity_log">

                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="view-panel 25">

                        <!--Desktop View-->
                        <div class="d-table-box table-scroll">



                            <table class="table">
                                <thead>
                                    <tr>
                                        <th class="t-head">Order Id</th>
                                        <th class="t-head">Package Name</th>
                                        <th class="t-head">Name</th>
                                        <th class="t-head">Email</th>
                                        <th class="t-head">Amount</th>
                                        <th class="t-head">Status</th>
                                        {{-- <th>Link</th> --}}
                                        <th class="t-head">Copy Link</th>
                                        <th class="t-head">Action</th>
                                    </tr>
                                </thead>
                                <tbody id="order_list">

                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="view-panel 26">

                        <!--Desktop View-->
                        <div class="d-table-box table-scroll">



                            <table class="table">
                                <thead>
                                    <tr>
                                        <th class="t-head">Transactions Id</th>
                                        <th class="t-head">Transactions Date</th>
                                        <th class="t-head">Purpose</th>
                                        <th class="t-head">Amount</th>
                                        <th class="t-head">Status</th>

                                        <th class="t-head">Download Invoice</th>
                                    </tr>
                                </thead>
                                <tbody id="transaction_list">







                                </tbody>
                            </table>
                        </div>
                    </div>

                    <!--Watchlisted-->
                    <div class="view-panel 9">
                        <div class="border-box watchlist">
                            <p class="panel-top">
                                <span class="p-head">Watchlisted</span>
                            </p>
                            <!--Desktop View-->
                            <div class="d-table-box">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th class="t-head">Country</th>
                                            <th class="t-head">University Name</th>
                                            <th class="t-head">Course Name</th>
                                            <th class="t-head">Tuition Fees/yr</th>
                                            <th class="t-head">Intake Month</th>
                                            <th class="t-head">Intake Year</th>
                                            <th class="t-head">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td class="t-col"><span>Australia </span></td>
                                            <td class="t-col"><span class="uni-name">International College of
                                                    Management
                                                    Sydney</span></td>
                                            <td class="t-col"><span>Bachelor of Sports Management</span></td>
                                            <td class="t-col"><span>14000.0 GBP</span></td>
                                            <td class="t-col"><span>Nov</span></td>
                                            <td class="t-col"><span>2024</span></td>
                                            <td class="t-col">
                                                <p class="check"><input class="select" type="checkbox"
                                                        name="" id="">
                                                    <span class="checkmark"></span>
                                                </p>
                                            </td>
                                        </tr>

                                        <tr>
                                            <td class="t-col"><span>Australia </span></td>
                                            <td class="t-col"><span class="uni-name">International College of
                                                    Management
                                                    Sydney</span></td>
                                            <td class="t-col"><span>Bachelor of Sports Management</span></td>
                                            <td class="t-col"><span>14000.0 GBP</span></td>
                                            <td class="t-col"><span>Nov</span></td>
                                            <td class="t-col"><span>2024</span></td>
                                            <td class="t-col">
                                                <p class="check"><input class="select" type="checkbox"
                                                        name="" id="">
                                                    <span class="checkmark"></span>
                                                </p>
                                            </td>
                                        </tr>

                                        <tr>
                                            <td class="t-col"><span>Australia </span></td>
                                            <td class="t-col"><span class="uni-name">International College of
                                                    Management
                                                    Sydney</span></td>
                                            <td class="t-col"><span>Bachelor of Sports Management</span></td>
                                            <td class="t-col"><span>14000.0 GBP</span></td>
                                            <td class="t-col"><span>Nov</span></td>
                                            <td class="t-col"><span>2024</span></td>
                                            <td class="t-col">
                                                <p class="check"><input class="select" type="checkbox"
                                                        name="" id="">
                                                    <span class="checkmark"></span>
                                                </p>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                            <!--Mobile View-->
                            <div class="m-list">
                                <ul class="list">
                                    <li class="list-item">
                                        <p class="check"><input class="select" type="checkbox" name=""
                                                id="">
                                            <span class="checkmark"></span>
                                        </p>
                                    </li>

                                    <li class="list-item">
                                        <span class="li-head">Country :</span>
                                        <p class="li-value">Australia</p>
                                    </li>
                                    <li class="list-item">
                                        <span class="li-head">University Name :</span>
                                        <span class="li-value">International College of Management Sydney</span>
                                    </li>
                                    <li class="list-item">
                                        <span class="li-head">Course Name :</span>
                                        <span class="li-value">Bachelor of Sports Management</span>
                                    </li>
                                    <li class="list-item">
                                        <span class="li-head">Tuition Fees/yr :</span>
                                        <span class="li-value">14000.0 GBP</span>
                                    </li>
                                    <li class="list-item">
                                        <span class="li-head">Intake Month :</span>
                                        <span class="li-value">Nov</span>
                                    </li>
                                    <li class="list-item">
                                        <span class="li-head">Intake Year :</span>
                                        <span class="li-value">2024</span>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="btn-drp">
                            <a href="javascript:;" class="common-btn compare-btn">Compare Universities</a>
                            <a href="jabvascript:;" class="common-btn move-btn">Move to Shortlist</a>
                        </div>
                    </div>

                    <!--Shortlisted-->
                    <div class="view-panel 10">
                        <div class="border-box">
                            <p class="panel-top">
                                <span class="p-head">Shortlisted</span>
                            </p>
                            <div class="application-list table-scroll">
                                <div class="app-list" id="short_list">

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

                    <!--Applied-->
                    <div class="view-panel 11">
                        <div class="top-head">
                            <p class="head-name">Applied Application</p>
                            <a href="javascript:;" onclick="add_new_course()">+ Apply to Programs</a>
                            <a href="javascript:;" class="suggest-link">Back</a>

                        </div>
                        <div class="add-program" id="add_program" style="display: none">

                            <div class="head">
                                <p class="title">Quick Add Program</p>
                                {{-- <a href="javascript:;" class="search-btn">Search Program</a> --}}
                            </div>

                            <div id="course_add">

                            </div>

                        </div>
                        <div class="status-panels" id="status_panels">
                        </div>
                        <div class="d-table-box" id="time_line_div">
                            <p class="panel-top">
                                <span class="p-head">Time Line</span>

                            </p>
                            <table id="timelineTable" class="table">
                                <thead>
                                    <tr role="row" class="t-head">
                                        <th class="t-head">Application ID</th>
                                        <th class="t-head">Candidate Name</th>
                                        <th class="t-head">Status</th>
                                        <th class="t-head">Comment</th>
                                        <th class="t-head">Change By</th>
                                        <th class="t-head">Change By Type</th>
                                        <th class="t-head">Date & Time</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td colspan="8" class="t-col">
                                            <p>{{ __('no_data_found') }}...</p>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <!--Suggested University-->
                    <div class="view-panel 12">


                        <!-- payment-page -->
                        <div class="payment-box" style="display: none;">
                            <p class="head">Unpaid Applications</p>

                            <ul class="list-type">
                                <li class="list-item"><img
                                        src="{{ asset('backend') }}/lead-management/images/green-tick.svg"
                                        alt="green-tick" width="100%" height="100%">‘One’
                                    application, ‘multiple’ courses & universities</li>
                                <li class="list-item"><img
                                        src="{{ asset('backend') }}/lead-management/images/green-tick.svg"
                                        alt="green-tick" width="100%" height="100%">700+
                                    Global University Tie Ups</li>
                                <li class="list-item"><img
                                        src="{{ asset('backend') }}/lead-management/images/green-tick.svg"
                                        alt="green-tick" width="100%" height="100%">High
                                    Values Scholarships & Study Loans</li>
                                <li class="list-item"><img
                                        src="{{ asset('backend') }}/lead-management/images/green-tick.svg"
                                        alt="green-tick" width="100%" height="100%">Supporting you all the way</li>
                            </ul>

                            <!--Desktop-->
                            <div class="d-payment-list">
                                <table class="payment-table">
                                    <thead>
                                        <tr>
                                            <th class="t-head">Program Name</th>
                                            <th class="t-head">University</th>
                                            <th class="t-head">Intake</th>
                                            <th class="t-head">Application Fees</th>
                                            <th class="t-head">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td class="t-col">
                                                <p class="course-name">Pre-sessional English 9 weeks</p>
                                            </td>
                                            <td class="t-col">Middlesex University</td>
                                            <td class="t-col">Jun - 2024</td>
                                            <td class="t-col">Rs.1000</td>
                                            <td class="t-col">
                                                <a href="javascript:;" class="pay-btn">Paid</a>
                                            </td>
                                        </tr>

                                        <tr>
                                            <td class="t-col">
                                                <p class="course-name">Pre-Master’s for Business, Hospitality</p>
                                            </td>
                                            <td class="t-col">(KAPLAN) University of Brighton</td>
                                            <td class="t-col">Jun - 2024</td>
                                            <td class="t-col">Rs.1000</td>
                                            <td class="t-col">
                                                <p class="actions">
                                                    <a href="javascript:;" class="pay-btn pending">Pending</a>
                                                    <img src="{{ asset('backend') }}/lead-management/images/delete.svg"
                                                        class="delete-payment" alt="delete" width="100%"
                                                        height="100%">
                                            </td>
                                            </p>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                            <!--Mobile-->
                            <div class="m-payment-list">
                                <ul class="payment-detail">
                                    <li class="p-item"><span class="phead">Program Name:</span><span
                                            class="pvalue">Pre-sessional
                                            English 9
                                            weeks</span></li>
                                    <li class="p-item"><span class="phead">University:</span><span
                                            class="pvalue">Middlesex
                                            University</span></li>
                                    <li class="p-item"><span class="phead">Intake:</span><span
                                            class="pvalue">Jun-2024</span>
                                    </li>
                                    <li class="p-item">
                                        <span class="phead">Application Fee:</span>
                                        <span class="pvalue fee-amt">Rs.1000</span>
                                    </li>
                                    <li class="p-item">
                                        <a href="javascript:;" class="pay-btn">Paid</a>
                                    </li>
                                </ul>

                                <ul class="payment-detail">
                                    <li class="p-item"><span class="phead">Program Name:</span><span
                                            class="pvalue">Pre-Master’s for
                                            Business, Hospitality, Tourism and Social Science (3 Terms)</span></li>
                                    <li class="p-item"><span class="phead">University:</span><span
                                            class="pvalue">(KAPLAN)
                                            University of
                                            Brighton</span></li>
                                    <li class="p-item"><span class="phead">Intake:</span><span
                                            class="pvalue">Jun-2024</span>
                                    </li>
                                    <li class="p-item">
                                        <span class="phead">Application Fee:</span>
                                        <span class="pvalue fee-amt">Rs.1000</span>
                                    </li>
                                    <li class="p-item">
                                        <a href="javascript:;" class="pay-btn pending">Pending</a>
                                        <img src="{{ asset('backend') }}/lead-management/images/delete.svg"
                                            class="delete-payment" alt="delete" width="100%" height="100%">
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <!--Payments-->
                    <div class="view-panel 13">
                        <div class="payments">
                            <!--Desktop View-->
                            <div class="d-table-box">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th class="t-head">Transactions Date</th>
                                            <th class="t-head">Purpose</th>
                                            <th class="t-head">Package Details</th>
                                            <th class="t-head">Amount</th>
                                            <th class="t-head">Status</th>
                                            <th class="t-head">Send Invoice</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td class="t-col">25 March 2023</td>
                                            <td class="t-col">Application Fees</td>
                                            <td class="t-col">-</td>
                                            <td class="t-col"><span class="amount">Rs.1000</span></td>
                                            <td class="t-col"><span class="status paid">Success</span></td>
                                            <td class="t-col"><a class="invoice-btn" href="javscript:;"
                                                    aria-label="invoice-icon"><img
                                                        src="{{ asset('backend') }}/lead-management/images/customer-detail/invoice.svg"
                                                        alt="invoice" width="100%" height="100%"></a></td>
                                        </tr>

                                        <tr>
                                            <td class="t-col">22 March 2023</td>
                                            <td class="t-col">Webinar Fee</td>
                                            <td class="t-col">-</td>
                                            <td class="t-col"><span class="amount">Rs.500</span></td>
                                            <td class="t-col"><span class="status paid">Success</span></td>
                                            <td class="t-col"><a class="invoice-btn" href="javscript:;"
                                                    aria-label="invoice-icon"><img
                                                        src="{{ asset('backend') }}/lead-management/images/customer-detail/invoice.svg"
                                                        alt="invoice" width="100%" height="100%"></a></td>
                                        </tr>

                                        <tr>
                                            <td class="t-col">22 March 2023</td>
                                            <td class="t-col">Webinar Fee</td>
                                            <td class="t-col">-</td>
                                            <td class="t-col"><span class="amount">Rs.500</span></td>
                                            <td class="t-col"><span class="status unpaid">Failed</span></td>
                                            <td class="t-col"><a class="invoice-btn" href="javscript:;"
                                                    aria-label="invoice-icon"><img
                                                        src="{{ asset('backend') }}/lead-management/images/customer-detail/invoice.svg"
                                                        alt="invoice" width="100%" height="100%"></a></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                            <!--Mobile View-->
                            <div class="m-list">
                                <ul class="list">
                                    <li class="list-item">
                                        <span class="li-head">Transactions Date :</span>
                                        <p class="li-value">25 March 2023</p>
                                    </li>
                                    <li class="list-item">
                                        <span class="li-head">Purpose :</span>
                                        <span class="li-value">Application Fees</span>
                                    </li>
                                    <li class="list-item">
                                        <span class="li-head">Package Details :</span>
                                        <span class="li-value">-</span>
                                    </li>
                                    <li class="list-item">
                                        <span class="li-head">Amount :</span>
                                        <span class="li-value amount">Rs.1000</span>
                                    </li>
                                    <li class="list-item">
                                        <span class="li-head">Status :</span>
                                        <span class="li-value status paid">Success</span>
                                    </li>
                                    <li class="list-item">
                                        <span class="li-head">Send Invoice :</span>
                                        <p class="li-value">
                                            <a class="invoice-btn" href="javscript:;" aria-label="invoice-icon">
                                                <img src="{{ asset('backend') }}/lead-management/images/customer-detail/invoice.svg"
                                                    alt="invoice" width="100%" height="100%">
                                            </a>
                                        </p>
                                    </li>
                                </ul>

                                <ul class="list">
                                    <li class="list-item">
                                        <span class="li-head">Transactions Date :</span>
                                        <p class="li-value">22 March 2023</p>
                                    </li>
                                    <li class="list-item">
                                        <span class="li-head">Purpose :</span>
                                        <span class="li-value">Webinar Fee</span>
                                    </li>
                                    <li class="list-item">
                                        <span class="li-head">Package Details :</span>
                                        <span class="li-value">-</span>
                                    </li>
                                    <li class="list-item">
                                        <span class="li-head">Amount :</span>
                                        <span class="li-value amount">Rs.500</span>
                                    </li>
                                    <li class="list-item">
                                        <span class="li-head">Status :</span>
                                        <span class="li-value status paid">Success</span>
                                    </li>
                                    <li class="list-item">
                                        <span class="li-head">Send Invoice :</span>
                                        <p class="li-value">
                                            <a class="invoice-btn" href="javscript:;" aria-label="invoice-icon">
                                                <img src="{{ asset('backend') }}/lead-management/images/customer-detail/invoice.svg"
                                                    alt="invoice" width="100%" height="100%">
                                            </a>
                                        </p>
                                    </li>
                                </ul>

                                <ul class="list">
                                    <li class="list-item">
                                        <span class="li-head">Transactions Date :</span>
                                        <p class="li-value">22 March 2023</p>
                                    </li>
                                    <li class="list-item">
                                        <span class="li-head">Purpose :</span>
                                        <span class="li-value">Webinar Fee</span>
                                    </li>
                                    <li class="list-item">
                                        <span class="li-head">Package Details :</span>
                                        <span class="li-value">-</span>
                                    </li>
                                    <li class="list-item">
                                        <span class="li-head">Amount :</span>
                                        <span class="li-value amount">Rs.500</span>
                                    </li>
                                    <li class="list-item">
                                        <span class="li-head">Status :</span>
                                        <span class="li-value status unpaid">Failed</span>
                                    </li>
                                    <li class="list-item">
                                        <span class="li-head">Send Invoice :</span>
                                        <p class="li-value">
                                            <a class="invoice-btn" href="javscript:;" aria-label="invoice-icon">
                                                <img src="{{ asset('backend') }}/lead-management/images/customer-detail/invoice.svg"
                                                    alt="invoice" width="100%" height="100%">
                                            </a>
                                        </p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        @if (!is_array($decodedData))

            <div class="notes">
                <form action="" class="detail-form" id="notes_data_form">
                    <p class="panel-top">
                        <span class="p-head">My Notes</span>

                    </p>

                    <div class="textarea-single-field">
                        <img src="{{ asset('backend') }}/lead-management/images/customer-detail/message.svg"
                            alt="message" class="field-icon" width="100%" height="100%">
                        <textarea class="textarea-field" rows="4" type="text" oninput="autoExpand(this)"
                            @if (!userCan('candidate.update')) disabled @endif class="" name="notes" id="notes"
                            spellcheck="true" placeholder="{{ __('enter') }}  {{ __('notes') }}">{!! strip_tags(old('notes', @$candidate->notes)) !!}</textarea>

                        @error('notes')
                            <span class="text-danger font-size-13"><strong>{{ @$message }}</strong></span>
                        @enderror
                    </div>
                    @if (userCan('candidate.update'))
                        <button class="save-btn" style="pointer-events: none;" type="button" class=""
                            onclick="getNotes()" data-form_id="notes_datarmation" data-operation_type="save_edit"
                            id="notes_data_form_edit">
                            <span class="edit-text " id="notes_data_form_edit_button">Saved</span>
                        </button>
                    @endif
                </form>
            </div>
        @else
            @foreach ($decodedData as $note)
                @if (Auth::user()->id == $note['auth_id'])
                                        <div class=" notes">
                        <form action="" class="detail-form" id="notes_data_form">
                            <p class="panel-top">
                                <span class="p-head">My Notes</span>
                            </p>
                            <div class="textarea-single-field">
                                <img src="{{ asset('backend') }}/lead-management/images/customer-detail/message.svg"
                                    alt="message" class="field-icon" width="100%" height="100%">
                                <textarea class="textarea-field" rows="4" type="text" oninput="autoExpand(this)"
                                    @if (!userCan('candidate.update')) disabled @endif class="" name="notes" id="notes"
                                    spellcheck="true" placeholder="{{ __('enter') }}  {{ __('notes') }}">{!! strip_tags($note['notes']) !!}</textarea>

                                @error('notes')
                                    <span class="text-danger font-size-13"><strong>{{ $message }}</strong></span>
                                @enderror
                            </div>
                            @if (userCan('candidate.update'))
                                <button class="save-btn" style="pointer-events: none;" type="button" class=""
                                    onclick="getNotes()" data-form_id="notes_datarmation"
                                    data-operation_type="save_edit" id="notes_data_form_edit">
                                    <span class="edit-text " id="notes_data_form_edit_button">Saved</span>
                                </button>
                            @endif
                        </form>
                    </div>
                @else
                                    @endif
            @endforeach

            @if ($flag == 0)
                <div class=" notes">
                    <form action="" class="detail-form" id="notes_data_form">
                        <p class="panel-top">
                            <span class="p-head">My Notes</span>
                        </p>
                        <div class="textarea-single-field">
                            <img src="{{ asset('backend') }}/lead-management/images/customer-detail/message.svg"
                                alt="message" class="field-icon" width="100%" height="100%">
                            <textarea class="textarea-field" rows="4" type="text" oninput="autoExpand(this)"
                                @if (!userCan('candidate.update')) disabled @endif class="" name="notes" id="notes"
                                spellcheck="true" placeholder="{{ __('enter') }}  {{ __('notes') }}"></textarea>

                            @error('notes')
                                <span class="text-danger font-size-13"><strong>{{ $message }}</strong></span>
                            @enderror
                        </div>
                        @if (userCan('candidate.update'))
                            <button class="save-btn" style="pointer-events: none;" type="button" class=""
                                onclick="getNotes()" data-form_id="notes_datarmation" data-operation_type="save_edit"
                                id="notes_data_form_edit">
                                <span class="edit-text " id="notes_data_form_edit_button">Saved</span>
                            </button>
                        @endif
                    </form>
                </div>
            @endif


            @if (@$more_data == 1)
                <div class="notes">
                    <p class="panel-top">
                        <span class="p-head">Other's Notes</span>
                    </p>
                    <form action="" class="detail-form" id="notes_data_form"
                        style="max-height: 400px; min-height: 0px; overflow:scroll;">
                                                @foreach ($decodedData as $note)
                            @if (Auth::user()->id == @$note['auth_id'])
                            @else
                                <div class="textarea-single-field" style="">

                                    <pre style="font-family:Roboto Regular !important; margin:0px; padding:0px; max-width:100%; white-space:pre-wrap;"><strong style="text-decoration: underline;">{{ $note['auth_name'] }}</strong> :  {!! $note['notes'] !!}</pre>
                                </div>

                                                            @endif
                        @endforeach
                    </form>
                </div>
            @endif


        @endif
        {{-- <div class="notes">

            <form action="" class="detail-form" id="notes_data_form">
                <p class="panel-top">
                    <span class="p-head">Notes</span>

                </p>

                <div class="textarea-single-field">
                    <img src="{{ asset('backend') }}/lead-management/images/customer-detail/message.svg"
                        alt="message" class="field-icon" width="100%" height="100%">
                    <textarea class="textarea-field" rows="4" type="text" oninput="autoExpand(this)"
                        @if (!userCan('candidate.update')) disabled @endif class="" name="notes" id="notes"
                        spellcheck="true" placeholder="{{ __('enter') }}  {{ __('notes') }}">{!! strip_tags(old('notes', @$candidate->notes)) !!}</textarea>

                    @error('notes')
                        <span class="text-danger font-size-13"><strong>{{ $message }}</strong></span>
                    @enderror
                </div>
                @if (userCan('candidate.update'))
                    <button class="save-btn" style="pointer-events: none;" type="button" class=""
                        onclick="getNotes()" data-form_id="notes_datarmation" data-operation_type="save_edit"
                        id="notes_data_form_edit">
                        <span class="edit-text " id="notes_data_form_edit_button">Saved</span>
                    </button>
                @endif
            </form>
        </div> --}}
        <div class="followup-list" id="followup_list_div">
            <p class="panel-top">
                <span class="p-head" id="comunication">Communication (<span id="comunication_span"> <img src="{{ asset('backend') }}/loader/three-dot-loader.gif" style="height: 25px;display:inline;     position: relative;
                    top: 8px;" class="countloader"> </span>) </span>
                
            </p>

        </div>
    </div>
    <!--Loader-->
    <div class="spinner" style="display:none">
        <lottie-player class="popup-img" src="{{ asset('backend') }}/lead-management/js/loader.json"
            background="transparent" speed="1" width="100%" hight="100%"
            style="width: 150px; height: 150px;" loop autoplay></lottie-player>
    </div>

    <div class="stage_popup" style="display: none;">
        <form id="stage_submit_form">
            <p class="head">Confirm the action</p>
            <div class="popup-body">
                <div class="" id="icons_stage_popup">
                </div>
                <div class="single-col" id="reason_dropdown">
                    <label for="" class="field-label">Reason :</label>
                    <select name="dropped_reason" id="reason_dropdown_select" class="select-list">
                        {{-- <option value="" selected disabled="">Select Reason</option>
                        <option value="funds issue" {{ @$user->dropped_reason == 'funds issue' ? 'selected' : '' }}>
                            funds issue</option>
                        <option value="got offer from different consultancy / universit"
                            {{ @$user->dropped_reason == 'got offer from different consultancy / universit' ? 'selected' : '' }}>
                            got offer from different consultancy / universit</option>
                        <option value="other" @if ($user->dropped_reason && !in_array($user->dropped_reason, ['funds issue', 'got offer from different consultancy / universit', 'other'])) selected @endif>{{ __('other') }}
                        </option> --}}

                        <option value="" selected disabled="">Select Reason</option>

                        @foreach (config('constants.follow_up_dropped_reason') as $option)
                            @if (!empty($option))
                                <option value="{{ $option }}"
                                    {{ $user->dropped_reason == $option ? 'selected' : '' }}>
                                    {{ $option }}
                                </option>
                            @endif
                        @endforeach

                        {{-- Additional option for 'other' --}}
                        <option value="other" @if ($user->dropped_reason && !in_array($user->dropped_reason, config('constants.follow_up_dropped_reason'))) selected @endif>{{ __('other') }}
                        </option>
                    </select>
                </div>
                <div class="single-col" id="reason_other">
                    <label for="" class="field-label">Reason Other:</label>
                    <input type="text" class="input-field other_reason" value="{{ $user->dropped_reason }}"
                        name="dropped_reason1" placeholder="Enter Reason">
                </div>


                <div class="single-col" id="expire_date_div">
                    <label for="" class="field-label">Expire Date:adasds</label>
                    <div class="date">
                        <input type="datetime-local" class="input-field expire_date" name="expire_date"
                            id="expire_date"value="@if ($user['expire_date'] !== null) {{ date('Y-m-d H:i:s', strtotime($user['expire_date'])) }} @endif">

                    </div>
                </div>
                <div class="single-col">
                    <button type="submit" class="common-btn close-btn">Save</button>
                    <a href="javascript:;" class="common-btn close-btn" id="close_popup">Cancel</a>
                </div>
            </div>
        </form>
    </div>

    <!--Upload Popup-->
    <div class="upload-popup" id="upload-popup">
        <div class="top">
            <a href="javascript:;" aria-label="close" class="close">
                <svg width="14" height="14" viewBox="0 0 14 14" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M8.23286 6.99925L13.7414 1.4989C13.906 1.33424 13.9985 1.11091 13.9985 0.878038C13.9985 0.645168 13.906 0.421835 13.7414 0.257171C13.5767 0.0925073 13.3534 0 13.1206 0C12.8877 0 12.6644 0.0925073 12.4998 0.257171L7 5.76627L1.50024 0.257171C1.33559 0.0925073 1.11228 2.06752e-07 0.879436 2.08487e-07C0.646591 2.10222e-07 0.423282 0.0925073 0.258636 0.257171C0.0939896 0.421835 0.0014924 0.645168 0.0014924 0.878038C0.0014924 1.11091 0.0939896 1.33424 0.258636 1.4989L5.76714 6.99925L0.258636 12.4996C0.176683 12.5809 0.111635 12.6776 0.067245 12.7842C0.0228546 12.8907 0 13.005 0 13.1205C0 13.2359 0.0228546 13.3502 0.067245 13.4568C0.111635 13.5633 0.176683 13.66 0.258636 13.7413C0.33992 13.8233 0.436626 13.8884 0.543175 13.9327C0.649725 13.9771 0.764009 14 0.879436 14C0.994863 14 1.10915 13.9771 1.2157 13.9327C1.32225 13.8884 1.41895 13.8233 1.50024 13.7413L7 8.23224L12.4998 13.7413C12.581 13.8233 12.6778 13.8884 12.7843 13.9327C12.8909 13.9771 13.0051 14 13.1206 14C13.236 14 13.3503 13.9771 13.4568 13.9327C13.5634 13.8884 13.6601 13.8233 13.7414 13.7413C13.8233 13.66 13.8884 13.5633 13.9328 13.4568C13.9771 13.3502 14 13.2359 14 13.1205C14 13.005 13.9771 12.8907 13.9328 12.7842C13.8884 12.6776 13.8233 12.5809 13.7414 12.4996L8.23286 6.99925Z"
                        fill="#066AC9" />
                </svg>
            </a>
            <p class="head">Upload Document</p>
        </div>

        <div class="popup-body" id="popup-body">
            <form id="file_upload_by_ajax" class="file_upload_by_ajax" enctype="multipart/form-data">

                <input id="subcategory_name" type="hidden" name="subcategory_name" value=""
                    placeholder="eg. Green Card" />
                <input id="document_subcategory_id" type="hidden" name="document_subcategory_id" value="" />



                <div id="upload_head">
                    <svg id="upload_icon" class="up-icon" width="36" height="28" viewBox="0 0 36 28"
                        fill="none" xmlns="http://www.w3.org/2000/svg">
                        <!--after select file add class fill-->
                        <path
                            d="M29.5992 7.36786C28.4984 4.90883 26.5985 2.86851 24.1906 1.55956C21.7828 0.250613 18.9999 -0.25476 16.2683 0.120887C13.5368 0.496533 11.0073 1.73248 9.06743 3.63932C7.12759 5.54617 5.88442 8.01873 5.52842 10.6781C3.81065 11.078 2.30376 12.0772 1.29394 13.486C0.284109 14.8948 -0.158335 16.6151 0.0506259 18.3201C0.259587 20.0251 1.1054 21.5962 2.42744 22.7349C3.74949 23.8736 5.45569 24.5007 7.22203 24.4971C7.69987 24.4971 8.15814 24.3126 8.49603 23.9841C8.83391 23.6556 9.02373 23.2101 9.02373 22.7456C9.02373 22.2811 8.83391 21.8356 8.49603 21.5072C8.15814 21.1787 7.69987 20.9942 7.22203 20.9942C6.26634 20.9942 5.3498 20.6251 4.67403 19.9682C3.99826 19.3113 3.61861 18.4203 3.61861 17.4913C3.61861 16.5622 3.99826 15.6713 4.67403 15.0143C5.3498 14.3574 6.26634 13.9884 7.22203 13.9884C7.69987 13.9884 8.15814 13.8038 8.49603 13.4754C8.83391 13.1469 9.02373 12.7014 9.02373 12.2369C9.02834 10.1654 9.78817 8.16259 11.1683 6.58423C12.5483 5.00588 14.4593 3.95419 16.5616 3.61603C18.664 3.27786 20.8215 3.67511 22.6511 4.73719C24.4806 5.79928 25.8636 7.45743 26.5543 9.41707C26.6573 9.71804 26.8425 9.98617 27.09 10.1928C27.3375 10.3995 27.6381 10.537 27.9597 10.5905C29.1597 10.811 30.2476 11.42 31.046 12.3184C31.8445 13.2168 32.3064 14.3515 32.3566 15.5378C32.4067 16.724 32.0421 17.8918 31.3222 18.8508C30.6023 19.8098 29.5695 20.5036 28.3921 20.819C27.9286 20.9352 27.5315 21.2255 27.2882 21.6263C27.045 22.027 26.9754 22.5052 27.0949 22.9558C27.2143 23.4064 27.513 23.7924 27.9252 24.0289C28.3375 24.2654 28.8294 24.333 29.2929 24.2169C31.189 23.7298 32.8698 22.6545 34.0801 21.1544C35.2903 19.6542 35.9639 17.8111 35.9986 15.9049C36.0332 13.9987 35.4271 12.1336 34.2721 10.5929C33.1171 9.05206 31.4764 7.91975 29.5992 7.36786ZM19.3115 10.9934C19.1401 10.8339 18.9381 10.7089 18.7169 10.6256C18.2783 10.4504 17.7863 10.4504 17.3476 10.6256C17.1265 10.7089 16.9244 10.8339 16.7531 10.9934L11.3479 16.2477C11.0087 16.5775 10.8181 17.0249 10.8181 17.4913C10.8181 17.9577 11.0087 18.405 11.3479 18.7348C11.6872 19.0646 12.1473 19.2499 12.6271 19.2499C13.1069 19.2499 13.5671 19.0646 13.9064 18.7348L16.2306 16.4579V26.2485C16.2306 26.7131 16.4204 27.1586 16.7583 27.487C17.0962 27.8155 17.5544 28 18.0323 28C18.5101 28 18.9684 27.8155 19.3063 27.487C19.6442 27.1586 19.834 26.7131 19.834 26.2485V16.4579L22.1582 18.7348C22.3257 18.899 22.5249 19.0293 22.7445 19.1182C22.964 19.2071 23.1995 19.2529 23.4374 19.2529C23.6752 19.2529 23.9107 19.2071 24.1303 19.1182C24.3498 19.0293 24.5491 18.899 24.7166 18.7348C24.8855 18.572 25.0195 18.3783 25.111 18.1648C25.2024 17.9514 25.2495 17.7225 25.2495 17.4913C25.2495 17.2601 25.2024 17.0311 25.111 16.8177C25.0195 16.6043 24.8855 16.4106 24.7166 16.2477L19.3115 10.9934Z"
                            fill="#747579" />
                    </svg>
                    <p class="p-head">Upload file from device</p>
                    <span class="subhead">Supported formats: docx, dox, xlsx, pdf, jpeg, jpg, png, txt</span>
                    <span class="subhead">Size Limit: 10MB</span>
                </div>
                <div id="document_name_open" class="single-input document-name-open" style="display: none;">
                    <label for="document_name" class="field-label">Document name</label>
                    <input id="document_name" class="input-field" placeholder="Document name" type="text"
                        name="document_name" value="" />
                </div>





                <div id="adding_section">
                    <div class="file-list">
                        <div id="file_detail" class="files" style="display: none">
                            {{-- <img src="{{ asset('backend') }}/lead-management/images/document.svg" alt="document-icon"> --}}
                            <p class="f-name"><span id="file_title" class="">Class10Marksheet.png</span>
                                <span id="file_size" class="f-size">File size: 3.7MB</span>
                            </p>
                            <div class="f-actions">
                                {{-- <a id="replace_file" style="display: none"><img
                                    src="{{ asset('backend') }}/lead-management/images/replace.svg"
                                    class="replace" alt="icon"></a> --}}
                                <a id="remove_file"><img src="{{ asset('backend') }}/lead-management/images/cross.svg"
                                        class="remove" alt="cross"></a>
                            </div>
                        </div>
                    </div>

                    <a href="javascript:;" class="select-file">
                        <input type="file" id="file" class="file" name="file" id="file"
                            aria-label="file">
                        <svg width="18" height="20" viewBox="0 0 18 20" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M17 16H16V15C16 14.7348 15.8946 14.4804 15.7071 14.2929C15.5196 14.1054 15.2652 14 15 14C14.7348 14 14.4804 14.1054 14.2929 14.2929C14.1054 14.4804 14 14.7348 14 15V16H13C12.7348 16 12.4804 16.1054 12.2929 16.2929C12.1054 16.4804 12 16.7348 12 17C12 17.2652 12.1054 17.5196 12.2929 17.7071C12.4804 17.8946 12.7348 18 13 18H14V19C14 19.2652 14.1054 19.5196 14.2929 19.7071C14.4804 19.8946 14.7348 20 15 20C15.2652 20 15.5196 19.8946 15.7071 19.7071C15.8946 19.5196 16 19.2652 16 19V18H17C17.2652 18 17.5196 17.8946 17.7071 17.7071C17.8946 17.5196 18 17.2652 18 17C18 16.7348 17.8946 16.4804 17.7071 16.2929C17.5196 16.1054 17.2652 16 17 16ZM10 18H3C2.73478 18 2.48043 17.8946 2.29289 17.7071C2.10536 17.5196 2 17.2652 2 17V3C2 2.73478 2.10536 2.48043 2.29289 2.29289C2.48043 2.10536 2.73478 2 3 2H8V5C8 5.79565 8.31607 6.55871 8.87868 7.12132C9.44129 7.68393 10.2044 8 11 8H14V11C14 11.2652 14.1054 11.5196 14.2929 11.7071C14.4804 11.8946 14.7348 12 15 12C15.2652 12 15.5196 11.8946 15.7071 11.7071C15.8946 11.5196 16 11.2652 16 11V7C16 7 16 7 16 6.94C15.9896 6.84813 15.9695 6.75763 15.94 6.67V6.58C15.8919 6.47718 15.8278 6.38267 15.75 6.3L9.75 0.3C9.66734 0.222216 9.57282 0.158081 9.47 0.11C9.43692 0.104209 9.40308 0.104209 9.37 0.11C9.27276 0.058003 9.16826 0.020922 9.06 0H3C2.20435 0 1.44129 0.316071 0.87868 0.87868C0.316071 1.44129 0 2.20435 0 3V17C0 17.7956 0.316071 18.5587 0.87868 19.1213C1.44129 19.6839 2.20435 20 3 20H10C10.2652 20 10.5196 19.8946 10.7071 19.7071C10.8946 19.5196 11 19.2652 11 19C11 18.7348 10.8946 18.4804 10.7071 18.2929C10.5196 18.1054 10.2652 18 10 18ZM10 3.41L12.59 6H11C10.7348 6 10.4804 5.89464 10.2929 5.70711C10.1054 5.51957 10 5.26522 10 5V3.41ZM5 6C4.73478 6 4.48043 6.10536 4.29289 6.29289C4.10536 6.48043 4 6.73478 4 7C4 7.26522 4.10536 7.51957 4.29289 7.70711C4.48043 7.89464 4.73478 8 5 8H6C6.26522 8 6.51957 7.89464 6.70711 7.70711C6.89464 7.51957 7 7.26522 7 7C7 6.73478 6.89464 6.48043 6.70711 6.29289C6.51957 6.10536 6.26522 6 6 6H5ZM10 14H5C4.73478 14 4.48043 14.1054 4.29289 14.2929C4.10536 14.4804 4 14.7348 4 15C4 15.2652 4.10536 15.5196 4.29289 15.7071C4.48043 15.8946 4.73478 16 5 16H10C10.2652 16 10.5196 15.8946 10.7071 15.7071C10.8946 15.5196 11 15.2652 11 15C11 14.7348 10.8946 14.4804 10.7071 14.2929C10.5196 14.1054 10.2652 14 10 14ZM11 10H5C4.73478 10 4.48043 10.1054 4.29289 10.2929C4.10536 10.4804 4 10.7348 4 11C4 11.2652 4.10536 11.5196 4.29289 11.7071C4.48043 11.8946 4.73478 12 5 12H11C11.2652 12 11.5196 11.8946 11.7071 11.7071C11.8946 11.5196 12 11.2652 12 11C12 10.7348 11.8946 10.4804 11.7071 10.2929C11.5196 10.1054 11.2652 10 11 10Z"
                                fill="#24292D" />
                        </svg>
                        <span id="file_name">
                            Select File
                        </span>
                    </a>
                </div>
                <input type="submit" class="upload-btn" value="upload file">
                <div id="added_section" style="display: none;">
                    <p class="p-head">Are you sure you want to upload and send this document for review?</p>
                    <p class="ad-file">
                        <span id="file_subcategory" class="">Class 10 Marksheet</span>
                        <span class="subhead">1 file added</span>
                    </p>
                </div>
                <input type="submit" class="upload-btn" value="upload file">
            </form>
        </div>

        <div class="popup-body" style="display: none;">
            <p class="p-head">Are you sure you want to upload and send this document for review?</p>
            <p class="ad-file">
                Class 10 Marksheet
                <span class="subhead">1 file added</span>
            </p>

            <!--View LOR Details to show-->
            <div class="view-lor">
                <p class="p-head">LOR Details</p>
                <form action="" class="lor-form">
                    <div class="single-input field-not-empty">
                        <label for="Name" class="field-label">Recommender's Name</label>
                        <input type="text" class="input-field" name="name" placeholder="Recommender's Name"
                            id="recommender_name2" value="">
                    </div>

                    <div class="single-input field-not-empty">
                        <label for="Designation" class="field-label">Recommender's Designation</label>
                        <input type="text" class="input-field" name="designation"
                            placeholder="Recommender's Designation" value="" id="recommender_Designation2">
                    </div>

                    <div class="single-input field-not-empty">
                        <label for="email" class="field-label">Official Email Id</label>
                        <input type="email" class="input-field" name="of-email" id="of-email2"
                            placeholder="Official Email Id" value="">
                    </div>

                    <div class="single-input field-not-empty">
                        <label for="Relation" class="field-label">Relation with the Student</label>
                        <input type="text" class="input-field" name="relation" id="recommender_relation2"
                            placeholder="Relation with the Student" value="">

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


    </div>


    <!--LOR Popup fillable-->
    <div class="lor-popup">
        <div class="top">
            <a href="javascript:;" aria-label="close" class="close">

                <svg width="14" height="14" viewBox="0 0 14 14" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M8.23286 6.99925L13.7414 1.4989C13.906 1.33424 13.9985 1.11091 13.9985 0.878038C13.9985 0.645168 13.906 0.421835 13.7414 0.257171C13.5767 0.0925073 13.3534 0 13.1206 0C12.8877 0 12.6644 0.0925073 12.4998 0.257171L7 5.76627L1.50024 0.257171C1.33559 0.0925073 1.11228 2.06752e-07 0.879436 2.08487e-07C0.646591 2.10222e-07 0.423282 0.0925073 0.258636 0.257171C0.0939896 0.421835 0.0014924 0.645168 0.0014924 0.878038C0.0014924 1.11091 0.0939896 1.33424 0.258636 1.4989L5.76714 6.99925L0.258636 12.4996C0.176683 12.5809 0.111635 12.6776 0.067245 12.7842C0.0228546 12.8907 0 13.005 0 13.1205C0 13.2359 0.0228546 13.3502 0.067245 13.4568C0.111635 13.5633 0.176683 13.66 0.258636 13.7413C0.33992 13.8233 0.436626 13.8884 0.543175 13.9327C0.649725 13.9771 0.764009 14 0.879436 14C0.994863 14 1.10915 13.9771 1.2157 13.9327C1.32225 13.8884 1.41895 13.8233 1.50024 13.7413L7 8.23224L12.4998 13.7413C12.581 13.8233 12.6778 13.8884 12.7843 13.9327C12.8909 13.9771 13.0051 14 13.1206 14C13.236 14 13.3503 13.9771 13.4568 13.9327C13.5634 13.8884 13.6601 13.8233 13.7414 13.7413C13.8233 13.66 13.8884 13.5633 13.9328 13.4568C13.9771 13.3502 14 13.2359 14 13.1205C14 13.005 13.9771 12.8907 13.9328 12.7842C13.8884 12.6776 13.8233 12.5809 13.7414 12.4996L8.23286 6.99925Z"
                        fill="#066AC9" />
                </svg>
            </a>
            <p class="head">LOR Details</p>
        </div>
        <div class="popup-body">
            <form action="" class="lor-form" id="lor_form">
                <div class="single-input field-not-empty">
                    <label for="Name" class="field-label">Recommender's Name</label>
                    <input type="text" class="input-field" name="name" placeholder="Recommender's Name"
                        id="recommender_name" value="">
                </div>

                <div class="single-input field-not-empty">
                    <label for="Designation" class="field-label">Recommender's Designation</label>
                    <input type="text" class="input-field" name="designation"
                        placeholder="Recommender's Designation" value="" id="recommender_Designation">
                </div>

                <div class="single-input field-not-empty">
                    <label for="email" class="field-label">Official Email Id</label>
                    <input type="email" class="input-field" name="of-email" id="of_email"
                        placeholder="Official Email Id" value="">
                </div>

                <div class="single-input field-not-empty">
                    <label for="Relation" class="field-label">Relation with the Student</label>
                    <input type="text" class="input-field" name="relation" id="recommender_relation"
                        placeholder="Relation with the Student" value="">
                    <input type="text" class="input-field" name="document_id" id="document_id" placeholder=""
                        value="" hidden>
                </div>
                <p id="upload_btn" class="upload-btn">Next <i class="loader"></i></p>
            </form>
        </div>

    </div>

    <!--Delete Popup  (Document)-->
    <div class="delete-doc-popup">
        <div class="top">
            <a href="javascript:;" aria-label="close" class="close-del">
                <svg width="14" height="14" viewBox="0 0 14 14" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M8.23286 6.99925L13.7414 1.4989C13.906 1.33424 13.9985 1.11091 13.9985 0.878038C13.9985 0.645168 13.906 0.421835 13.7414 0.257171C13.5767 0.0925073 13.3534 0 13.1206 0C12.8877 0 12.6644 0.0925073 12.4998 0.257171L7 5.76627L1.50024 0.257171C1.33559 0.0925073 1.11228 2.06752e-07 0.879436 2.08487e-07C0.646591 2.10222e-07 0.423282 0.0925073 0.258636 0.257171C0.0939896 0.421835 0.0014924 0.645168 0.0014924 0.878038C0.0014924 1.11091 0.0939896 1.33424 0.258636 1.4989L5.76714 6.99925L0.258636 12.4996C0.176683 12.5809 0.111635 12.6776 0.067245 12.7842C0.0228546 12.8907 0 13.005 0 13.1205C0 13.2359 0.0228546 13.3502 0.067245 13.4568C0.111635 13.5633 0.176683 13.66 0.258636 13.7413C0.33992 13.8233 0.436626 13.8884 0.543175 13.9327C0.649725 13.9771 0.764009 14 0.879436 14C0.994863 14 1.10915 13.9771 1.2157 13.9327C1.32225 13.8884 1.41895 13.8233 1.50024 13.7413L7 8.23224L12.4998 13.7413C12.581 13.8233 12.6778 13.8884 12.7843 13.9327C12.8909 13.9771 13.0051 14 13.1206 14C13.236 14 13.3503 13.9771 13.4568 13.9327C13.5634 13.8884 13.6601 13.8233 13.7414 13.7413C13.8233 13.66 13.8884 13.5633 13.9328 13.4568C13.9771 13.3502 14 13.2359 14 13.1205C14 13.005 13.9771 12.8907 13.9328 12.7842C13.8884 12.6776 13.8233 12.5809 13.7414 12.4996L8.23286 6.99925Z"
                        fill="#066AC9" />
                </svg></a>
            <p class="head">Delete Document</p>
        </div>

        <div class="popup-body">
            <img src="{{ asset('backend') }}/lead-management/images/delete.svg" alt="icon">
            <p class="p-head">Are you sure you want to delete “<span>Class 10 Marksheet</span>”</p>
            <span class="subhead">All of your data will be permanently removed.This action can not be
                undone.</span>
        </div>

        <button type="submit" class="btn delete-btn">Delete</button>
    </div>
    <!--Success Message-->
    <p class="success-msg" style="display: none;">
        <img src="{{ asset('backend') }}/lead-management/images/green-tick.svg" alt="green-tick">
        Perfect! Your Class 10 Marksheet is Uploaded
    </p>

    <!--Add / Edit Popup For Education Details-->
    <div class="ed-popup" id="edit_form_open">
        <div class="popup-head">
            <p class="head-name">Education Details</p>
            <svg class="close" width="12" height="12" viewBox="0 0 12 12" fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <path
                    d="M7.05673 5.99936L11.7783 1.28477C11.9194 1.14363 11.9987 0.952206 11.9987 0.752604C11.9987 0.553001 11.9194 0.361573 11.7783 0.220433C11.6372 0.079292 11.4458 0 11.2462 0C11.0466 0 10.8552 0.079292 10.7141 0.220433L6 4.94251L1.28592 0.220433C1.14479 0.079292 0.953384 1.77216e-07 0.753802 1.78703e-07C0.554221 1.80191e-07 0.362814 0.079292 0.221688 0.220433C0.0805626 0.361573 0.0012792 0.553001 0.0012792 0.752604C0.0012792 0.952206 0.0805626 1.14363 0.221688 1.28477L4.94327 5.99936L0.221688 10.7139C0.151443 10.7836 0.0956875 10.8665 0.0576386 10.9579C0.0195897 11.0492 0 11.1472 0 11.2461C0 11.3451 0.0195897 11.443 0.0576386 11.5344C0.0956875 11.6257 0.151443 11.7086 0.221688 11.7783C0.29136 11.8485 0.37425 11.9043 0.465579 11.9424C0.556907 11.9804 0.654865 12 0.753802 12C0.85274 12 0.950698 11.9804 1.04203 11.9424C1.13335 11.9043 1.21625 11.8485 1.28592 11.7783L6 7.05621L10.7141 11.7783C10.7838 11.8485 10.8666 11.9043 10.958 11.9424C11.0493 11.9804 11.1473 12 11.2462 12C11.3451 12 11.4431 11.9804 11.5344 11.9424C11.6258 11.9043 11.7086 11.8485 11.7783 11.7783C11.8486 11.7086 11.9043 11.6257 11.9424 11.5344C11.9804 11.443 12 11.3451 12 11.2461C12 11.1472 11.9804 11.0492 11.9424 10.9579C11.9043 10.8665 11.8486 10.7836 11.7783 10.7139L7.05673 5.99936Z"
                    fill="#24292D" />
            </svg>
        </div>

        <form id="education_form" class="ed-form">
            <div class="fields">
                <div class="single-input select-list">
                    <label for="qualification" class="field-label">Select Your Qualification</label>
                    <select class="input-field select2-with-search" name="qualification" id="qualification" required>
                        <option value="" selected disabled>Select Your Qualification</option>
                        <option value="Certification">Certification</option>
                        <option value="10th">Class 10th</option>
                        <option value="12th">Class 12th</option>
                        <option value="Diploma">Diploma</option>
                        <option value="Bachelors">Bachelors</option>
                        <option value="Masters">Masters</option>
                        <option value="PhD">PhD</option>


                    </select>
                </div>

                <div class="single-input select-list year" id="starting_year">
                    <label for="admission_year" class="field-label">Start year (yyyy)</label>
                    <select name="admission_year" class="input-field select2-with-search" id="admission_year">
                        <option value="" class="input-field" disabled selected>Start year (yyyy)</option>

                    </select>
                </div>

                <div class="single-input select-list year" id="ending_year_div">
                    <label for="passing_year" class="field-label">Passing Year (yyyy)</label>
                    <label for="passing_year" class="field-label">Passing Year (yyyy)</label>
                    <select name="passing_year" id="passing_year" class="input-field select2-with-search">
                        <option value="" class="input-field " disabled selected>End year (yyyy)</option>

                    </select>
                </div>

                <div id="stream_input" class="single-input select-list" style="display: none;">
                    <label for="stream" id="stream_label" class="field-label">Stream </label>
                    <select class="input-field select2-with-search" id="stream" name="stream">

                    </select>
                </div>



                <div id="board_input" class="single-input select-list" style="display: none;">
                    <label for="education_board" id="board_label" class="field-label">Select Your Board</label>
                    <select class="input-field select2-with-search" name="education_board" id="education_board">
                        <option value="" selected disabled>Select Your Board</option>

                        @foreach ($education_boards as $education_board)
                            <option value="{{ $education_board }}">{{ $education_board }}</option>
                        @endforeach
                        <option value="other">Other</option>

                    </select>
                </div>

                <div id="board_other_input" class="single-input" style="display: none">
                    <label for="board_other" class="field-label">Board Name</label>
                    <input type="text" class="input-field" name="board_other" id="board_other"
                        placeholder="Board Name" value="" maxlength="20">
                </div>

                <div id="degree_input" class="single-input" style="display: none;">
                    <label for="degree" id="degree_label" class="field-label">Degree</label>
                    <input type="text" class="input-field" name="degree" id="degree"
                        placeholder="Enter Your Degree" value="" maxlength="50">
                </div>

                <div id="institute_input" class="single-input">
                    <label for="institute_name" class="field-label">Institution Name</label>
                    <input type="text" class="input-field" name="institute_name" id="institute_name"
                        placeholder="Enter Your Institution Name" value="" maxlength="50">
                </div>

                <div id="certificate_name_div" class="single-input">
                    <label for="institute_name" class="field-label">Enter Name Of Certification</label>
                    <input type="text" class="input-field" name="certificate_name" id="certificate_name"
                        placeholder="Enter Certificate  Name" value="" maxlength="50">
                </div>

                <div id="uni_board_input" class="single-input select-list" style="display: none;">
                    <label for="uni_board" class="field-label">Select Your University</label>
                    <select class="input-field select2-with-search" name="uni_board" id="uni_board">
                        <option value="">Select Your University</option>
                        @foreach ($ind_universities as $education_board)
                            <option value="{{ $education_board->name }}">{{ @$education_board->name }}</option>
                        @endforeach
                        <option value="other">Other</option>
                    </select>
                </div>

                <div id="uni_other_input" class="single-input" style="display: none">
                    <label for="uni_other" class="field-label">University Name</label>
                    <input type="text" class="input-field" name="uni_other" id="uni_other"
                        placeholder="University Name" value="" maxlength="20">
                </div>

                <div id="grade_input" class="marks-type">
                    <div class="select-type single-input">
                        <select class="input-field select2-with-search" name="grade_type" id="grade_type" required>

                            <option value="percentage">Percentage</option>
                            <option value="CGPA (10)">CGPA (10)</option>
                            <option value="CGPA (4)">CGPA (4)</option>
                        </select>
                    </div>
                    <div class="single-input">
                        <label for="grade_percentage" id="mark_label" class="field-label">Marks Obtained</label>
                        <input type="text" name="grade_percentage" id="grade_percentage" class="input-field"
                            value="" placeholder="Marks Obtained Ex 3.10" maxlength="5"
                            oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1'); "
                            required>
                    </div>
                </div>

                <div id="medium_input" class="single-input select-list">
                    <label for="medium" class="field-label">Medium of instruction</label>
                    <select class="input-field select2-with-search" name="medium" id="medium">
                        <option value="" selected disabled>Medium of instruction</option>
                        <option value="English">English</option>
                        <option value="Hindi">Hindi</option>
                        <option value="other">Other</option>
                    </select>
                </div>

                <div id="medium_other_input" class="single-input" style="display: none">
                    <label for="medium_other" class="field-label">Medium Name</label>
                    <input type="text" class="input-field" name="medium_other" id="medium_other"
                        placeholder="Medium Name" value="" maxlength="20">
                </div>

                <div class="single-input" id="backlogs" style="display: none;">
                    <label for="backlog" class="field-label">Backlog</label>
                    <input type="text" class="input-field" name="backlog" id="backlog"
                        placeholder="Enter Backlog" value="" maxlength="4"
                        oninput="this.value = this.value.replace(/[^0-9+]/g, '').replace(/(\..*)\./g, '$1');">
                </div>

                <div class="single-input" id="gaps" style="display: none;">
                    <label for="gap" class="field-label">Gap</label>
                    <input type="text" class="input-field" maxlength="4" name="gap" id="gap"
                        placeholder="Enter Gap (Last Education vs Current Education)" value=""
                        oninput="this.value = this.value.replace(/[^0-9+]/g, '').replace(/(\..*)\./g, '$1');">
                </div>



                <div class="single-input" id="gap_reason_div">
                    <label for="gap_reason" class="field-label">Gap Reason</label>
                    <input type="text" class="input-field" name="gap_reason" id="gap_reason"
                        placeholder="Enter Gap Reason" value="" maxlength="200">
                </div>
                <div class="single-input" id="Justification_div">
                    <label for="Justification" class="field-label">Justification</label>
                    <input type="text" class="input-field" name="Justification" id="Justification"
                        placeholder="Enter Justification" value="" maxlength="200">
                </div>
                <div class="single-input" id="Justification_valid_div">
                    <label for="Justification_valid" class="field-label">Justification valid</label>


                    <select class="input-field select2-with-search" onchange="select_justification_reason()"
                        name="Justification_valid" id="Justification_valid">

                        <option value="">Select Justification status</option>
                        <option value="Panding">Panding</option>
                        <option value="Rejected">Rejected</option>
                        <option value="Approved">Approved</option>
                    </select>
                </div>

                <div class="single-input" style="display: none;" id="Justification_reason_div">
                    <label for="Justification_reason" class="field-label">Justification Status change Reason</label>
                    <input type="text" class="input-field" name="Justification_reason" id="Justification_reason"
                        placeholder="Enter Justification Reason" value="" maxlength="200">
                </div>

                <div class="single-input" id="remark_div">
                    <label for="remark" class="field-label">Remark</label>
                    <input type="text" class="input-field" name="remark" id="remark"
                        placeholder="Enter Remark" value="" maxlength="200">
                </div>
            </div>
            <div class="form-btns">
                <button value="2" id="skip_education_btn" class="cancel-btn" type="button">Cancel</button>
                <button type="submit" class="add-btn">
                    <i id="add_new_btn" class="proceed_spin">Add</i>
                </button>
            </div>
            <input type="text" hidden name= "doc_id" id= "doc_id" value="null">
        </form>

    </div>

    <!--Test Paper View Popup-->
    <div class="ed-popup test-popup" id="test_paper_view">
        <div class="popup-head">
            <p class="head-name">Test Paper View</p>
            <svg class="close" width="12" height="12" viewBox="0 0 12 12" fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <path
                    d="M7.05673 5.99936L11.7783 1.28477C11.9194 1.14363 11.9987 0.952206 11.9987 0.752604C11.9987 0.553001 11.9194 0.361573 11.7783 0.220433C11.6372 0.079292 11.4458 0 11.2462 0C11.0466 0 10.8552 0.079292 10.7141 0.220433L6 4.94251L1.28592 0.220433C1.14479 0.079292 0.953384 1.77216e-07 0.753802 1.78703e-07C0.554221 1.80191e-07 0.362814 0.079292 0.221688 0.220433C0.0805626 0.361573 0.0012792 0.553001 0.0012792 0.752604C0.0012792 0.952206 0.0805626 1.14363 0.221688 1.28477L4.94327 5.99936L0.221688 10.7139C0.151443 10.7836 0.0956875 10.8665 0.0576386 10.9579C0.0195897 11.0492 0 11.1472 0 11.2461C0 11.3451 0.0195897 11.443 0.0576386 11.5344C0.0956875 11.6257 0.151443 11.7086 0.221688 11.7783C0.29136 11.8485 0.37425 11.9043 0.465579 11.9424C0.556907 11.9804 0.654865 12 0.753802 12C0.85274 12 0.950698 11.9804 1.04203 11.9424C1.13335 11.9043 1.21625 11.8485 1.28592 11.7783L6 7.05621L10.7141 11.7783C10.7838 11.8485 10.8666 11.9043 10.958 11.9424C11.0493 11.9804 11.1473 12 11.2462 12C11.3451 12 11.4431 11.9804 11.5344 11.9424C11.6258 11.9043 11.7086 11.8485 11.7783 11.7783C11.8486 11.7086 11.9043 11.6257 11.9424 11.5344C11.9804 11.443 12 11.3451 12 11.2461C12 11.1472 11.9804 11.0492 11.9424 10.9579C11.9043 10.8665 11.8486 10.7836 11.7783 10.7139L7.05673 5.99936Z"
                    fill="#24292D" />
            </svg>
        </div>

        <form id="quation_answer_form" class="ed-form">





        </form>


    </div>
    <!--form detail show-->



    <!--Work Experience Popup-->
    <div class="work-exp-popup">
        <div class="popup-head">
            <p class="head-name">Work Experience</p>
            <svg class="close" width="12" height="12" viewBox="0 0 12 12" fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <path
                    d="M7.05673 5.99936L11.7783 1.28477C11.9194 1.14363 11.9987 0.952206 11.9987 0.752604C11.9987 0.553001 11.9194 0.361573 11.7783 0.220433C11.6372 0.079292 11.4458 0 11.2462 0C11.0466 0 10.8552 0.079292 10.7141 0.220433L6 4.94251L1.28592 0.220433C1.14479 0.079292 0.953384 1.77216e-07 0.753802 1.78703e-07C0.554221 1.80191e-07 0.362814 0.079292 0.221688 0.220433C0.0805626 0.361573 0.0012792 0.553001 0.0012792 0.752604C0.0012792 0.952206 0.0805626 1.14363 0.221688 1.28477L4.94327 5.99936L0.221688 10.7139C0.151443 10.7836 0.0956875 10.8665 0.0576386 10.9579C0.0195897 11.0492 0 11.1472 0 11.2461C0 11.3451 0.0195897 11.443 0.0576386 11.5344C0.0956875 11.6257 0.151443 11.7086 0.221688 11.7783C0.29136 11.8485 0.37425 11.9043 0.465579 11.9424C0.556907 11.9804 0.654865 12 0.753802 12C0.85274 12 0.950698 11.9804 1.04203 11.9424C1.13335 11.9043 1.21625 11.8485 1.28592 11.7783L6 7.05621L10.7141 11.7783C10.7838 11.8485 10.8666 11.9043 10.958 11.9424C11.0493 11.9804 11.1473 12 11.2462 12C11.3451 12 11.4431 11.9804 11.5344 11.9424C11.6258 11.9043 11.7086 11.8485 11.7783 11.7783C11.8486 11.7086 11.9043 11.6257 11.9424 11.5344C11.9804 11.443 12 11.3451 12 11.2461C12 11.1472 11.9804 11.0492 11.9424 10.9579C11.9043 10.8665 11.8486 10.7836 11.7783 10.7139L7.05673 5.99936Z"
                    fill="#24292D" />
            </svg>
        </div>

        <form class="exp-form" id="form_work_experience">
            <div class="fields">
                <div class="single-input">
                    <label for="organization_name" class="field-label">Organization Name</label>
                    <input type="text" class="input-field" name="organization_name" id="organization_name"
                        placeholder="Organization Name" value="" required>
                </div>

                <div class="single-input">
                    <label for="organization_type" class="field-label">Organization Type</label>
                    <input type="text" class="input-field" name="organization_type" id="organization_type"
                        placeholder="Organization Type" value="">
                </div>

                <div class="single-input">
                    <label for="organization_address" class="field-label">Organization Address</label>
                    <input type="text" class="input-field" name="organization_address" id="organization_address"
                        placeholder="Organization Address" value="">
                </div>



                <div class="single-input">
                    <label for="position_name" class="field-label">Position</label>
                    <input type="text" class="input-field" name="position" id="position_name"
                        placeholder="Position" value="">
                </div>

                <div class="single-input">
                    <label for="position_name" class="field-label">Experience Letter</label>
                    <select class="input-field select2-with-search" name="experience_letter" id="experience_letter">
                        <option value="">Experience Letter</option>
                        <option value="Yes">Yes</option>
                        <option value="No">No</option>
                    </select>
                </div>

                <div class="single-input">
                    <label for="position_name" class="field-label">Mode Of salary</label>
                    <select class="input-field select2-with-search" name="mode_of_salery" id="mode_of_salery">
                        <option value="">Mode Of salary</option>
                        <option value="In Bank Account">In Bank Account</option>
                        <option value="In Cash">In Cash</option>
                    </select>
                </div>

                <div class="single-input date">
                    <label for="start_date" class="field-label">Started Date</label>



                    <input type="date" class="input-field" name="start_date" id="start_date"
                        placeholder="End Date" value="" max="{{ date('Y-m-d') }}">

                </div>

                <div class="single-input date">
                    <label for="end_date" class="field-label">End Date</label>
                    <input type="date" class="input-field" name="end_date" id="end_date"
                        placeholder="End Date" value="" max="{{ date('Y-m-d') }}">
                </div>

                <p class="small-head">Reference <span class="small-text">(Contact Person from this Organization)</span>
                </p>

                <div class="single-input">
                    <label for="name" class="field-label">Name</label>
                    <input type="text" class="input-field" name="name" id="contact_name" placeholder="Name"
                        value="">
                </div>
                <div class="single-input">
                    <label for="dpt_name" class="field-label">Department</label>
                    <input type="text" class="input-field" name="department_name" id="dpt_name"
                        placeholder="Department" value="">
                </div>

                <div class="single-input number">
                    <label for="Mobile number" class="field-label">Mobile Number</label>
                    <input type="text" class="input-field" name="mobile_number" id="mobile_number"
                        placeholder="Mobile number" maxlength="15" value=""
                        oninput="this.value = this.value.replace(/[^0-9+]/g, '').replace(/(\..*)\./g, '$1');">
                </div>
                <div class="single-input" id="Justification_div">
                    <label for="Justification" class="field-label">Justification</label>
                    <input type="text" class="input-field" name="Justification" id="Justification2"
                        placeholder="Enter Justification" value="" maxlength="200">
                </div>
                <div class="single-input" id="Justification_valid_div">
                    <label for="Justification_valid2" class="field-label">Justification valid</label>


                    <select class="input-field select2-with-search" onchange="select_justification_reason2()"
                        name="Justification_valid" id="Justification_valid2">

                        <option value="">Select Justification status</option>
                        <option value="Panding">Panding</option>
                        <option value="Rejected">Rejected</option>
                        <option value="Approved">Approved</option>
                    </select>
                </div>

                <div class="single-input" style="display: none;" id="Justification_reason_div2">
                    <label for="Justification_reason2" class="field-label">Justification Status change Reason</label>
                    <input type="text" class="input-field" name="Justification_reason" id="Justification_reason2"
                        placeholder="Enter Justification Reason" value="" maxlength="200">
                </div>
            </div>

            <div class="form-btns">
                <input type="text" value="" name="id" id="exp_id" hidden>
                <button class="cancel-btn" type="button">Cancel</button>
                <button type="submit" class="add-btn">
                    <i class="proceed_spin">Add</i>
                </button>
            </div>


        </form>

    </div>

    <!--Delete Popup (Education Details)-->
    <form id="delete_certificate">
        <div class="delete-ed-popup">
            <p class="head-name">Delete
                <svg class="close_delete_popup" width="14" height="14" viewBox="0 0 14 14" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M8.23286 6.99925L13.7414 1.4989C13.906 1.33424 13.9985 1.11091 13.9985 0.878038C13.9985 0.645168 13.906 0.421835 13.7414 0.257171C13.5767 0.0925073 13.3534 0 13.1206 0C12.8877 0 12.6644 0.0925073 12.4998 0.257171L7 5.76627L1.50024 0.257171C1.33559 0.0925073 1.11228 2.06752e-07 0.879436 2.08487e-07C0.646591 2.10222e-07 0.423282 0.0925073 0.258636 0.257171C0.0939896 0.421835 0.0014924 0.645168 0.0014924 0.878038C0.0014924 1.11091 0.0939896 1.33424 0.258636 1.4989L5.76714 6.99925L0.258636 12.4996C0.176683 12.5809 0.111635 12.6776 0.067245 12.7842C0.0228546 12.8907 0 13.005 0 13.1205C0 13.2359 0.0228546 13.3502 0.067245 13.4568C0.111635 13.5633 0.176683 13.66 0.258636 13.7413C0.33992 13.8233 0.436626 13.8884 0.543175 13.9327C0.649725 13.9771 0.764009 14 0.879436 14C0.994863 14 1.10915 13.9771 1.2157 13.9327C1.32225 13.8884 1.41895 13.8233 1.50024 13.7413L7 8.23224L12.4998 13.7413C12.581 13.8233 12.6778 13.8884 12.7843 13.9327C12.8909 13.9771 13.0051 14 13.1206 14C13.236 14 13.3503 13.9771 13.4568 13.9327C13.5634 13.8884 13.6601 13.8233 13.7414 13.7413C13.8233 13.66 13.8884 13.5633 13.9328 13.4568C13.9771 13.3502 14 13.2359 14 13.1205C14 13.005 13.9771 12.8907 13.9328 12.7842C13.8884 12.6776 13.8233 12.5809 13.7414 12.4996L8.23286 6.99925Z"
                        fill="#24292D" />
                </svg>
            </p>
            <input type="text" hidden name="doc_delete_id" id="doc_delete_id">
            <input type="text" hidden name="doc_type" id="doc_type">
            <div class="popup-body">
                <img src="{{ asset('backend') }}/lead-management/images/delete.svg" alt="icon">
                <p class="p-head">Are you sure
                    you want to delete this details</p>
                <span class="sub-head">All of your data will be permanently removed. This action can not be undone.</span>
            </div>

            <button type="submit" class="delete-btn">Delete</button>
        </div>
    </form>

    <!--Compare Popup-->
    <div class="compare-popup">
        <div class="popup-head">
            <p class="head-name">Course Comparison</p>
            <svg class="close" width="12" height="12" viewBox="0 0 12 12" fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <path
                    d="M7.05673 5.99936L11.7783 1.28477C11.9194 1.14363 11.9987 0.952206 11.9987 0.752604C11.9987 0.553001 11.9194 0.361573 11.7783 0.220433C11.6372 0.079292 11.4458 0 11.2462 0C11.0466 0 10.8552 0.079292 10.7141 0.220433L6 4.94251L1.28592 0.220433C1.14479 0.079292 0.953384 1.77216e-07 0.753802 1.78703e-07C0.554221 1.80191e-07 0.362814 0.079292 0.221688 0.220433C0.0805626 0.361573 0.0012792 0.553001 0.0012792 0.752604C0.0012792 0.952206 0.0805626 1.14363 0.221688 1.28477L4.94327 5.99936L0.221688 10.7139C0.151443 10.7836 0.0956875 10.8665 0.0576386 10.9579C0.0195897 11.0492 0 11.1472 0 11.2461C0 11.3451 0.0195897 11.443 0.0576386 11.5344C0.0956875 11.6257 0.151443 11.7086 0.221688 11.7783C0.29136 11.8485 0.37425 11.9043 0.465579 11.9424C0.556907 11.9804 0.654865 12 0.753802 12C0.85274 12 0.950698 11.9804 1.04203 11.9424C1.13335 11.9043 1.21625 11.8485 1.28592 11.7783L6 7.05621L10.7141 11.7783C10.7838 11.8485 10.8666 11.9043 10.958 11.9424C11.0493 11.9804 11.1473 12 11.2462 12C11.3451 12 11.4431 11.9804 11.5344 11.9424C11.6258 11.9043 11.7086 11.8485 11.7783 11.7783C11.8486 11.7086 11.9043 11.6257 11.9424 11.5344C11.9804 11.443 12 11.3451 12 11.2461C12 11.1472 11.9804 11.0492 11.9424 10.9579C11.9043 10.8665 11.8486 10.7836 11.7783 10.7139L7.05673 5.99936Z"
                    fill="#24292D" />
            </svg>
        </div>

        <div class="popup-body">
            <ul class="popup-list">
                <li class="list-item">
                    <span class="list-head">Program Name</span>
                    <p class="value-list">
                        <span class="list-value">M.S. in Systems Engineering</span>
                        <span class="list-value">BA (Hons) Business Management and the Human Resource (International
                            Foundation Year)</span>
                    </p>
                </li>
                <li class="list-item">
                    <span class="list-head">University Name</span>
                    <p class="value-list">
                        <span class="list-value">Johns Hopkins University</span>
                        <span class="list-value">University of Leeds, Leeds</span>
                    </p>
                </li>
                <li class="list-item">
                    <span class="list-head">Location</span>
                    <p class="value-list">
                        <span class="list-value">Baltimore, United States of America</span>
                        <span class="list-value">Leeds, United Kingdom</span>
                    </p>
                </li>
                <li class="list-item">
                    <span class="list-head">Program level</span>
                    <p class="value-list">
                        <span class="list-value">Postgraduate</span>
                        <span class="list-value">Foundation</span>
                    </p>
                </li>
                <li class="list-item">
                    <span class="list-head">Duration</span>
                    <p class="value-list">
                        <span class="list-value">24 Months</span>
                        <span class="list-value">12 Months</span>
                    </p>
                </li>
                <li class="list-item">
                    <span class="list-head">Intake</span>
                    <p class="value-list">
                        <span class="list-value">Fall, Spring, Summer, Aug, Jan, Jun</span>
                        <span class="list-value">Sep, Jan</span>
                    </p>
                </li>
                <li class="list-item">
                    <span class="list-head">Standardized Requirements</span>
                    <div class="value-list">
                        <ul class="list-value sub-list">
                            <li class="sub-li-item">IELTS Overall: 7</li>
                            <li class="sub-li-item">IELTS Overall: 5</li>
                            <li class="sub-li-item">TOEFL iBT Overall: 100</li>
                        </ul>
                        <ul class="list-value sub-list">work-exp-popup
                            <li class="sub-li-item">IELTS no Band Less Than: 5</li>
                            <li class="sub-li-item">GRE Score: 300</li>
                        </ul>work-exp-popup
                    </div>
                </li>
                <li class="list-item">
                    <span class="list-head">Application Deadline</span>
                    <p class="value-list">
                        <span class="list-value">1 Mar, 15 Nov, 31 Dec, 1 Mar, 15 Nov, 31 Dec</span>
                        <span class="list-value"></span>
                    </p>
                </li>
                <li class="list-item">
                    <span class="list-head">Application Fee</span>
                    <p class="value-list">
                        <span class="list-value">$75</span>
                        <span class="list-value">0</span>
                    </p>
                </li>
                <li class="list-item">
                    <span class="list-head">Program Tuition Fees</span>
                    <p class="value-list">
                        <span class="list-value">$58,720</span>
                        <span class="list-value">£19,800</span>
                    </p>
                </li>
                <li class="list-item">
                    <span class="list-head">Application Fee</span>
                    <p class="value-list">
                        <span class="list-value">No</span>
                        <span class="list-value">No</span>
                    </p>
                </li>
            </ul>

            <div class="btns">
                <a href="javascript:;" class="download-btn">Download Excel</a>
            </div>
        </div>
    </div>



    <!--create-followup-popup-->
    {{-- <input type="hidden" value="close" id="manage_followup_popup">
    <div class="create-followup-popup">
        <div class="popup-head">
            <svg class="close-popup" backBtnFollows width="24" height="24" viewBox="0 0 24 24"
                fill="none" xmlns="http://www.w3.org/2000/svg">
                <path
                    d="M13.2329 11.9993L18.7414 6.4989C18.906 6.33424 18.9985 6.11091 18.9985 5.87804C18.9985 5.64517 18.906 5.42184 18.7414 5.25717C18.5767 5.09251 18.3534 5 18.1206 5C17.8877 5 17.6644 5.09251 17.4998 5.25717L12 10.7663L6.50024 5.25717C6.33559 5.09251 6.11228 5 5.87944 5C5.64659 5 5.42328 5.09251 5.25864 5.25717C5.09399 5.42184 5.00149 5.64517 5.00149 5.87804C5.00149 6.11091 5.09399 6.33424 5.25864 6.4989L10.7671 11.9993L5.25864 17.4996C5.17668 17.5809 5.11164 17.6776 5.06725 17.7842C5.02285 17.8907 5 18.005 5 18.1205C5 18.2359 5.02285 18.3502 5.06725 18.4568C5.11164 18.5633 5.17668 18.66 5.25864 18.7413C5.33992 18.8233 5.43663 18.8884 5.54318 18.9327C5.64972 18.9771 5.76401 19 5.87944 19C5.99486 19 6.10915 18.9771 6.2157 18.9327C6.32225 18.8884 6.41895 18.8233 6.50024 18.7413L12 13.2322L17.4998 18.7413C17.581 18.8233 17.6778 18.8884 17.7843 18.9327C17.8909 18.9771 18.0051 19 18.1206 19C18.236 19 18.3503 18.9771 18.4568 18.9327C18.5634 18.8884 18.6601 18.8233 18.7414 18.7413C18.8233 18.66 18.8884 18.5633 18.9328 18.4568C18.9771 18.3502 19 18.2359 19 18.1205C19 18.005 18.9771 17.8907 18.9328 17.7842C18.8884 17.6776 18.8233 17.5809 18.7414 17.4996L13.2329 11.9993Z"
                    fill="#24292D" />
            </svg>
            <p class="name">Complete Follow Up wAfwqf</p>
            <svg class="back-btn" onclick="backBtnFollows()" width="25" height="24" viewBox="0 0 25 24"
                fill="none" xmlns="http://www.w3.org/2000/svg">
                <path
                    d="M10.2915 7C10.2915 7.3 10.1886 7.5 9.98274 7.7L4.83696 12.7C4.4253 13.1 3.80781 13.1 3.39615 12.7C2.98449 12.3 2.98449 11.7 3.39615 11.3L8.54192 6.3C8.95358 5.9 9.57108 5.9 9.98274 6.3C10.1886 6.5 10.2915 6.7 10.2915 7Z"
                    fill="#747579" />
                <path
                    d="M10.2915 17C10.2915 17.3 10.1886 17.5 9.98274 17.7C9.57108 18.1 8.95358 18.1 8.54192 17.7L3.39615 12.7C2.98449 12.3 2.98449 11.7 3.39615 11.3C3.80781 10.9 4.4253 10.9 4.83696 11.3L9.98274 16.3C10.1886 16.5 10.2915 16.7 10.2915 17Z"
                    fill="#747579" />
                <path
                    d="M21.6122 12C21.6122 12.6 21.2005 13 20.583 13H4.11656C3.49906 13 3.0874 12.6 3.0874 12C3.0874 11.4 3.49906 11 4.11656 11H20.583C21.2005 11 21.6122 11.4 21.6122 12Z"
                    fill="#747579" />
            </svg>

        </div>

        <div class="popup-body">
            <form class="form" id="FollowUpsForm">

                <input type="hidden" id="follow-up-id">
                <div id="customFollowUpShow">
                    <div class="single-row">
                        <div class="single-input">
                            <label for="follow-up-type" class="field-label">Follow Up Type</label>
                            <select class="select-list select2-with-search follow-up-type" name="follow-up-type"
                                id="follow-up-type">
                                <option value="">Follow Up Type</option>
                                <option value="Inbound Call">Inbound Call
                                </option>
                                <option value="Outbound Call">Outbound
                                    Call</option>
                                <option value="Chat">
                                    Chat</option>
                                <option value="Email">
                                    Email</option>
                            </select>
                            <span class="text-danger follow-up-type-msg"></span>
                        </div>

                        <div class="single-input">
                            <label for="follow_up_status" class="field-label">Follow Up Status</label>
                            <select class="select-list select2-with-search follow_up_status" name="follow_up_status"
                                id="follow_up_status">
                                <option value="">Follow Up Status</option>
                                <option value="Connected">{{ __('Connected') }}</option>
                                <option value="Not Connected">{{ __('Not Connected') }}</option>
                            </select>
                            <span class="text-danger follow_up_status_msg"></span>
                        </div>
                    </div>

                    <div class="msg-section">
                        <div class="single-input comment_connected">
                            <label for="comment" class="field-label">Comment</label>
                            <select class="select-list select2-with-search comment_connected" name="comment_connected"
                                id="comment_connected">
                                <option value="">Select Connected</option>
                                @foreach (config('constants.follow_up_connected') as $option)
                                    @if (!@empty($option))
                                        <option value="{{ $option }}">
                                            {{ $option }}
                                        </option>
                                    @endif
                                @endforeach
                            </select>
                            <span class="text-danger comment_connected_msg"></span>
                        </div>
                        <div class="single-input comment_not_connected">
                            <label for="comment" class="field-label">Comment</label>
                            <select class="select-list select2-with-search comment_not_connected"
                                name="comment_not_connected" id="comment_not_connected">
                                <option value="">Select Not Connected</option>
                                @foreach (config('constants.follow_up_not_connected') as $option)
                                    @if (!@empty($option))
                                        <option value="{{ $option }}">
                                            {{ $option }}
                                        </option>
                                    @endif
                                @endforeach
                            </select>
                            <span class="text-danger comment_not_connected_msg"></span>
                        </div>
                        <span class="hide_comment">
                            <textarea type="text" id="comment" class="input-field comment" rows="4" name="comment"
                                placeholder="Write Comment Description">{{ old('comment') }}</textarea>
                            <span class="text-danger comment_msg"></span>
                        </span>

                    </div>
                   
                    <div class="single-row">
                        <div class="single-btn">
                            <div class="btns"><button class="common-btn"
                                    onclick="customFollowupSave(event,'close')">Complete/Close
                                  
                                </button></div>
                        </div>
                        <div class="single-btn">
                            <div class="btns"><button class="common-btn save"
                                    onclick="customFollowupSave(event,'closenext')">Next Follow Up
                                  
                                </button></div>
                        </div>

                    </div>
                </div>


                <div id="followClose" class="cal-followup" style="display: none">
                    <div class="single-row followDatetimehide">
                        <div class="single-input date-select">
                            <label for="date" class="field-label">Date</label>
                            <input type="date" class="input-field follow-up-date" id="follow-up-date"
                                name="date" placeholder="Date">
                        </div>

                        <div class="single-input time-select">
                            <label for="time" class="field-label">Time</label>
                            <input type="text" onfocus="this.type='time'" class="input-field follow-up-time"
                                id="follow-up-time" name="time" placeholder="Time">
                        </div>
                        <span class="text-danger follow-up-date-time-msg"></span>
                    </div>




                    <div class="single-row">
                        <div class="single-input">
                            <label for="priority" class="field-label">Priority</label>
                            <select class="select-list select2-with-search priority" name="priority" id="priority">
                                <option value="">Priority</option>
                                <option value="High">High
                                </option>
                                <option value="Medium">Medium
                                </option>
                                <option value="Low">Low</option>
                            </select>
                            <span class="text-danger priority_msg"></span>
                        </div>
                        @if (userCan('admin.assign'))
                            <div class="single-input">
                                <label for="assignee_name" class="field-label">Assign To</label>
                                <select class="select-list select2-with-search assignee_name" name="assignee_name"
                                    id="assignee_name">
                                    <option value="">Assign To</option>
                                    @foreach (array_filter($admin_list, function ($item) {
                                        return $item['status'] == 1;
                                    }) as $option)
                                        @if (!@empty($option))
                                            <option value="{{ $option['id'] }}"
                                                {{ old('assign_to', Auth::user()->id) === $option['id'] ? 'selected' : '' }}>
                                                {{ $option['name'] }}
                                            </option>
                                        @endif
                                    @endforeach
                                </select>
                                <span class="text-danger assignee_name_msg"></span>
                            </div>
                        @endif
                    </div>
                    <div class="btns"><button class="common-btn" onclick="customFollowupSave(event ,'next')">Save<i
                                class="proceed_spin loader4" id="loader4" style="display: none;"></i></button></div>
                </div>

                <div id="followCloseShow" class="cal-followup" style="display: none">
                    <div class="single-row">
                        <div class="single-input date-select">
                            <label for="date" class="field-label">Stages</label>
                            <select class="select-list select2-with-search follow_up_stage" name="follow_up_stage"
                                id="follow_up_stage">
                                <option value="">Stages</option>
                                <option value="Student backed out / Dropped">Student backed out / Dropped
                                </option>
                                <option value="Admitted">Admitted
                                </option>
                            </select>
                            <span class="text-danger follow_up_stage_msg"></span>
                        </div>

                        <div class="single-input time-select stageSelect_hide_show">
                            <label for="time" class="field-label">Reason</label>
                            <select class="select-list select2-with-search stageTypeSelect_show"
                                name="follow_up_dropped_reason" id="stageSelect_hide_show">
                                <option value="" selected disabled="">Select Reason</option>
                                <option value="funds issue">funds issue</option>
                                <option value="got offer from different consultancy / universit">got offer from different
                                    consultancy / universit</option>
                                <option value="other">{{ __('other') }}</option>
                            </select>
                            <span class="text-danger follow_up_dropped_reason_msg"></span>
                        </div>

                    </div>
                
                    <div class="stageSelect_hide_show">
                        <div class="single-input  stageType_hide_show">
                            <label for="time" class="field-label">Reason</label>
                           
                            <input type="text" class="input-field" name="follow_up_dropped_reason_comment"
                                id="follow_up_dropped_reason_comment"
                                value="{{ old('follow_up_dropped_reason_comment', @$user->dropped_reason) }}"
                                placeholder="Reason Comment" />
                            <span class="text-danger follow_up_dropped_reason_comment_msg"></span>
                        </div>
                    </div>


                    <span class="text-danger follow-up-date-time-msg"></span>
                    
                    <div class="btns"><button class="common-btn"
                            onclick="customFollowupSave(event ,'closeSave')">Close/Save<i class="proceed_spin loader4"
                                id="loader5" style="display: none;"></i></button></div>
                    <p><span style="font-size: 0.75rem;line-height: 14px;color: #E33E3E;bottom: -17px;display: block;">***
                            To close the comment, you need to select one of the available stages or mark it for the next
                            follow-up. ***</span></p>

                </div>
            </form>
        </div>
    </div> --}}

    {{-- @include('admin.lead-management.whatsapp_popup_html'); --}}
    @include('admin.lead-management.email_popup_html');


    <!--Success Popup-->
    <div class="success-popup" id="success-popup">
        <p class="head" id="success_popup_heading">Confirm the action</p>
        <div class="popup-body">
            <div class="" id="icons_success_popup">
            </div>


            <p class="m-head">Success</p>
            <p class="small-head" id="success_popup_text">

            </p>

            <a href="javascript:;" class="common-btn close-btn">Ok</a>
        </div>
    </div>

    <!--Delete Popup-->
    <div class="delete-popup">
        <p class="head">Confirm the action</p>
        <div class="popup-body">
            <img src="{{ asset('backend') }}/lead-management/images/delete.svg" alt="delete" width="100%"
                height="100%">

            <p class="m-head">Are you sure you want to remove the selected course</p>

            <p class="btns"><a href="javascript:;" class="common-btn close-btn">Cancel</a><a href="javascript:;"
                    class="common-btn">Ok</a></p>
        </div>
    </div>

    <!--View-Document-Popup-->
    <div class="view-document-popup">
        <p class="popup-head">
            <svg class="close" width="24" height="24" viewBox="0 0 24 24" fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <path
                    d="M13.2329 11.9993L18.7414 6.4989C18.906 6.33424 18.9985 6.11091 18.9985 5.87804C18.9985 5.64517 18.906 5.42184 18.7414 5.25717C18.5767 5.09251 18.3534 5 18.1206 5C17.8877 5 17.6644 5.09251 17.4998 5.25717L12 10.7663L6.50024 5.25717C6.33559 5.09251 6.11228 5 5.87944 5C5.64659 5 5.42328 5.09251 5.25864 5.25717C5.09399 5.42184 5.00149 5.64517 5.00149 5.87804C5.00149 6.11091 5.09399 6.33424 5.25864 6.4989L10.7671 11.9993L5.25864 17.4996C5.17668 17.5809 5.11164 17.6776 5.06725 17.7842C5.02285 17.8907 5 18.005 5 18.1205C5 18.2359 5.02285 18.3502 5.06725 18.4568C5.11164 18.5633 5.17668 18.66 5.25864 18.7413C5.33992 18.8233 5.43663 18.8884 5.54318 18.9327C5.64972 18.9771 5.76401 19 5.87944 19C5.99486 19 6.10915 18.9771 6.2157 18.9327C6.32225 18.8884 6.41895 18.8233 6.50024 18.7413L12 13.2322L17.4998 18.7413C17.581 18.8233 17.6778 18.8884 17.7843 18.9327C17.8909 18.9771 18.0051 19 18.1206 19C18.236 19 18.3503 18.9771 18.4568 18.9327C18.5634 18.8884 18.6601 18.8233 18.7414 18.7413C18.8233 18.66 18.8884 18.5633 18.9328 18.4568C18.9771 18.3502 19 18.2359 19 18.1205C19 18.005 18.9771 17.8907 18.9328 17.7842C18.8884 17.6776 18.8233 17.5809 18.7414 17.4996L13.2329 11.9993Z"
                    fill="#24292D" />
            </svg>
        </p>
        <div class="popup-body">

            <center><img id="view_document_image" style="width: auto; height:80vh; display:none;"></center>
            <iframe id="view_document_iframe" src="" title="Document Viewer" frameborder="0"
                style="width:100%;min-height:640px;display:none;"></iframe>

        </div>
    </div>





@endsection


@section('script')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js?v={{ env('CRM_VERSION') }}"
        integrity="sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="{{ asset('backend') }}/lead-management/js/common.js?v={{ env('CRM_VERSION') }}"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js?v={{ env('CRM_VERSION') }}">
        < script src = "{{ asset('backend') }}/lead-management/js/customer-detail.js?v={{ env('CRM_VERSION') }}" >
    </script>
    </script>

    <script type="text/javascript"
        src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js?v={{ env('CRM_VERSION') }}"></script>
    <script type="text/javascript"
        src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js?v={{ env('CRM_VERSION') }}"></script>
    <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js?v={{ env('CRM_VERSION') }}">
    </script>
    


    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>




    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js?v={{ env('CRM_VERSION') }}">
    </script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js?v={{ env('CRM_VERSION') }}"
        integrity="sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>

    <script src="{{ asset('backend') }}/lead-management/js/customer-detail.js?v={{ env('CRM_VERSION') }}"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js?v={{ env('CRM_VERSION') }}">
    </script>

    <script type="text/javascript"
        src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js?v={{ env('CRM_VERSION') }}"></script>
    <script type="text/javascript"
        src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js?v={{ env('CRM_VERSION') }}"></script>
     


    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    
    @include('admin.lead-management.popup.whatsapp');

    <script>
        function getLeadBy(id) {
            $.ajax({
                url: "{{ route('lead-getLeadBy') }}",
                type: "get",
                data: {
                    id: id,
                    _token: '{{ csrf_token() }}'
                },
                dataType: 'json',
                success: function(result) {
                    if (result.status == "1") {
                        $("#on_description").empty();
                        $('.overlay').show()
                        $('#form_detail_show').show();
                        $('#lead_name').text(result.data.name);
                        $('#lead_email').text(result.data.email);
                        $('#lead_phone').text(result.data.country_code + ' ' + result.data.phone);
                        $('#lead_description').text(result.data.description);
                        $('#lead_source').text(result.data.source);
                        $('#lead_url').text(result.data.url);
                        $('#lead_country').text(result.data.country_name);
                        if (!jQuery.isEmptyObject(result.data.on_description)) {
                            $.each(result.data.on_description, function(key, value) {
                                $("#on_description").append('<div class="col-6"><p class="mb-2"><b>' +
                                    key + ':</b> <span style="overflow-wrap: break-word;">' +
                                    value + '</span></p></div>');
                            });
                        }
                    }

                }
            });
        }

        function loadDefaultImage() {
            var universityImages = document.getElementsByClassName("universityImage");
            universityImages[0].onerror = function() {
                this.src = "{{ asset('/backend/image/default.png') }}";
            }
            for (var i = 1; i < universityImages.length; i++) {
                universityImages[i].onerror = function() {
                    this.src = "{{ asset('/backend/image/default.png') }}";
                }
            }
        }

        function sendPaymentLink(orderId, planId, name, phone, countryCode, country, user_id, templates_type, plan_summary,
            plan_name, plan_amount, link, plan_category) {
            if (!confirm("Sending Whatsapp to " + name + "?")) return false
            if (!orderId) {
                toastr.error("orderId is required.");
                return;
            }

            if (!planId) {
                toastr.error("planId is required.");
                return;
            }

            if (!name) {
                toastr.error("name is required.");
                return;
            }

            if (!phone) {
                toastr.error("Phone is required.");
                return;
            }
            var newPhone = countryCode + phone;

            if (country == "India") {
                newPhone = countryCode + phone.slice(-10);
            }

            newPhone = newPhone.replace(/\s/g, '');
            var additionalData = {
                "template": templates_type,
                "sendTo": newPhone,
                "countryCode": countryCode,
                "user_id": user_id,
                "name": name,
                "plan_summary": plan_summary,
                "plan_name": plan_name,
                "plan_amount": plan_amount + " /-",
                "link": link,
                "applications": "10",
                "plan_category": plan_category,
            };

            $.ajax({
                url: "{{ route('commonController.customWhatsApp') }}",
                type: "post",
                data: {
                    template: templates_type,
                    data: additionalData,
                    _token: '{{ csrf_token() }}'
                },
                dataType: 'json',
                success: function(result) {
                    toastr.success("WhatsApp Message send successfully!");
                },
                error: function(xhr, status, error) {
                    toastr.error(status + " : Error WhatsApp Message. Please try again later.");
                }
            });
        };


        function LevelAssessmentTestEmailButton(id, link, plan_amount, emailType) {
            if (confirm("Are you sure you want to send the email link for the Level Assessment Test ?")) {
                $.ajax({
                    type: "POST",
                    data: {
                        type: "ajax",
                        link: link,
                        emailType: emailType,
                        plan_amount,
                        plan_amount,
                        _token: '{{ csrf_token() }}'
                    },
                    url: "{{ route('commonController.levelAssessmentTestEmail', ['id' => ':id']) }}".replace(
                        ':id', id),
                    success: function(response) {
                        if (response.success) {
                            toastr.success("Email send successfully!");

                        } else {
                            toastr.error("Failed update password Email.");
                        }
                    },
                    error: function(error) {
                        console.error(error);
                        toastr.error("An error occurred while processing your request.");
                    }
                });
            }
        }
    </script>

    <script>
        function get_forms() {
            $(".upload-loader").show();
            $(".overlay").show();
            var formData = new FormData();
            formData.append("user_id", {{ $user->id }});
            $.ajax({
                type: 'POST',
                url: "{{ route('lead-management.get_forms') }}",
                data: formData,
                cache: false,
                processData: false,
                contentType: false,
                success: function(res) {
                    $(".upload-loader").hide();
                    $(".overlay").hide();
                    $('#form_show').html(res);
                }
            });
        }

        function level_assessment_test() {
            $(".upload-loader").show();
            $(".overlay").show();
            var formData = new FormData();
            formData.append("user_id", {{ $user->id }});
            $.ajax({
                type: 'POST',
                url: "{{ route('lead-management.get_level_assessment_test') }}",
                data: formData,
                cache: false,
                processData: false,
                contentType: false,
                success: function(res) {
                    $(".upload-loader").hide();
                    $(".overlay").hide();
                    $('#level_assessment_test_data').html(res);
                }
            });
        }

        function view_answersheet(id, test_id) {
            $(".upload-loader").show();
            $(".overlay").show();
            var formData = new FormData();
            formData.append("id", id);
            formData.append("test_id", test_id);
            formData.append("user_id", {{ $user->id }});
            $.ajax({
                type: 'POST',
                url: "{{ route('lead-management.get_answersheet') }}",
                data: formData,
                cache: false,
                processData: false,
                contentType: false,
                success: function(res) {
                    $(".upload-loader").hide();
                    $(".overlay").hide();
                    $('#test_paper_view').show();
                    var ele_var = document.querySelectorAll('body');
                    ele_var.forEach((element) => {
                        element.classList.add('no-scroll');
                    });
                    $(".overlay").show();

                    $('#quation_answer_form').html(res);
                }
            });
        }

        function save_test_result() {
            var formData = new FormData();
            formData.append("user_id", {{ $user->id }});
            formData.append("score", $('#score').val());
            formData.append("grade", $('#grade').val());
            formData.append("main_test_id", $('#main_test_id').val());

            formData.append("test_id", $('#test_id_updated').val());
            $.ajax({
                type: 'POST',
                url: "{{ route('lead-management.save_test_result') }}",
                data: formData,
                cache: false,
                processData: false,
                contentType: false,
                success: function(res) {
                    $(".upload-loader").hide();
                    $(".overlay").hide();
                    var ele_var = document.querySelectorAll('body');
                    ele_var.forEach((element) => {
                        element.classList.remove('no-scroll');
                    });
                    $('#test_paper_view').hide();
                    if (res.status == 1) {
                        toastr.success(res.message);
                        get_tests_data();
                    } else {
                        get_tests_data();
                        toastr.error(res.message);
                    }
                }
            });
        }

        function study_abroad_preference() {
            $(".upload-loader").show();
            $(".overlay").show();
            var formData = new FormData();
            formData.append("candidate_id", {{ $candidate->id }});
            $.ajax({
                type: 'POST',
                url: "{{ route('lead-management.study_abroad_preference') }}",
                data: formData,
                cache: false,
                processData: false,
                contentType: false,
                success: function(res) {
                    $(".upload-loader").hide();
                    $(".overlay").hide();
                }
            });
        }

        function get_transaction() {
            $(".upload-loader").show();
            $(".overlay").show();
            var formData = new FormData();
            formData.append("candidate_id", {{ $candidate->id }});
            $.ajax({
                type: 'POST',
                url: "{{ route('lead-management.get_transaction') }}",
                data: formData,
                cache: false,
                processData: false,
                contentType: false,
                success: function(res) {
                    $(".upload-loader").hide();
                    $(".overlay").hide();
                    $('#transaction_list').html(res);
                }

            });
        }

        function get_orders() {
            $(".upload-loader").show();
            $(".overlay").show();
            var formData = new FormData();
            formData.append("candidate_id", {{ $candidate->id }});
            $.ajax({
                type: 'POST',
                url: "{{ route('lead-management.order_get') }}",
                data: formData,
                cache: false,
                processData: false,
                contentType: false,
                success: function(res) {
                    $(".upload-loader").hide();
                    $(".overlay").hide();
                    $('#order_list').html(res);
                }
            });
        }

        function get_whatsapp_log() {
            $(".upload-loader").show();
            $(".overlay").show();
            var formData = new FormData();
            formData.append("user_id", {{ $candidate->user_id }});
            $.ajax({
                type: 'POST',
                url: "{{ route('lead-management.get_whatsapp_log') }}",
                data: formData,
                cache: false,
                processData: false,
                contentType: false,
                success: function(res) {
                    // Handle the response data here
                    $(".upload-loader").hide();
                    $(".overlay").hide();
                    $('#whatsapp_log').html(res);
                }
            });
        }

        function get_short_list() {
            $(".upload-loader").show();
            $(".overlay").show();
            var formData = new FormData();
            formData.append("user_id", {{ $candidate->user_id }});
            $.ajax({
                type: 'POST',
                url: "{{ route('lead-management.get_short_list') }}",
                data: formData,
                cache: false,
                processData: false,
                contentType: false,
                success: function(res) {
                    $(".upload-loader").hide();
                    $(".overlay").hide();
                    $('#short_list').html(res);
                    loadDefaultImage();
                }
            });
        }

        function get_webinar() {
            $(".overlay").show();
            $(".upload-loader").show();
            var user_id = {{ $candidate->user_id }};
            $.ajax({
                type: "post",
                url: "{{ route('lead-management.get_webinar') }}",
                data: {
                    'user_id': user_id
                },

                success: function(res) {

                    $('#tbody_webinar_list1').html(res.code);
                    $("#webinar_id").empty();
                    let option = $("<option>").val("").text("Select webinar");
                    $("#webinar_id").append(option);

                    for (let y in res.webinars) {
                        let option = $("<option>").val(res.webinars[y]['id']).text(res.webinars[y][
                            'webinar_name'
                        ]);
                        $("#webinar_id").append(option);
                    }
                    $(".overlay").hide();
                    $(".upload-loader").hide();
                }

            });
        }

        function get_test_data() {
            $(".overlay").show();
            $(".upload-loader").show();
            var user_id = {{ $candidate->user_id }};
            $.ajax({
                type: "post",
                url: "{{ route('lead-management.get_test_data') }}",
                data: {
                    'user_id': user_id
                },

                success: function(res) {


                    $('#test_status_form').html(res)
                    $(".overlay").hide();
                    $(".upload-loader").hide();
                }

            });
        }

        function get_tests_data() {
            $(".overlay").show();
            $(".upload-loader").show();
            var user_id = {{ $candidate->user_id }};
            $.ajax({
                type: "post",
                url: "{{ route('lead-management.get_tests_data') }}",
                data: {
                    'user_id': user_id
                },
                success: function(res) {
                    $('#Test_preparation').html(res);
                    $(".overlay").hide();
                    $(".upload-loader").hide();
                }
            });


        }

        function get_test_by_category() {
            $(".overlay").show();
            $(".upload-loader").show();
            var user_id = {{ $candidate->user_id }};
            var category_id = $('#test_category_id').val();
            $.ajax({
                type: "post",
                url: "{{ route('lead-management.get_test_by_category') }}",
                data: {
                    'user_id': user_id,
                    'category_id': category_id
                },
                success: function(res) {

                    $(".overlay").hide();
                    $(".upload-loader").hide();
                    $("#test_id").empty()
                    if (res.lenght > 0) {
                        var option = $("<option>").val("").text("Select Test");

                    } else {
                        var option = $("<option>").val("").text("No Test Available ");

                    }
                    $("#test_id").append(option);

                    if (category_id == 0) {
                        for (let y in res) {
                            var option = $("<option>").val(res[y]['id']).text("IELTS Practice Test " + res[y][
                                'id'
                            ]);
                            $("#test_id").append(option);
                        }
                    } else if (category_id == 1) {
                        for (let y in res) {
                            var option = $("<option>").val(res[y]['id']).text("IELTS Mock Test " + res[y][
                                'id'
                            ]);
                            $("#test_id").append(option);
                        }
                    }


                }
            });
        }

        function get_activity() {
            $(".overlay").show();
            $(".upload-loader").show();
            var user_id = {{ $candidate->user_id }};
            $.ajax({
                type: "post",
                url: "{{ route('lead-management.get_activity') }}",
                data: {
                    'user_id': user_id
                },

                success: function(res) {
                    $('#activity_log').html(res);
                    $(".overlay").hide();


                    $(".upload-loader").hide();
                }
            });
        }

        function getNotes() {
            clearTimeout(timer);
            var id = "{{ @$candidate->id }}";
            var notes = $('#notes').val();
            $.ajax({
                url: "{{ route('lead-management.notes_save') }}",
                type: "POST",
                data: {
                    id: id,
                    notes: notes,
                    _token: '{{ csrf_token() }}'
                },
                dataType: 'json',
                success: function(result) {
                    if (result.status == "1") {
                        toastr.success("Notes Updated Successfully");
                        document.querySelector('.save-btn').style.backgroundColor = "#bfc3c7";
                        document.querySelector('.save-btn').style.pointerEvents = "none";
                        document.querySelector('#notes_data_form_edit_button').innerHTML = "Saved";
                    } else {
                        toastr.error("Failed to update notes");
                    }
                }
            });
        }

        function add_new_course() {
            $(".upload-loader").show();
            $(".overlay").show();
            var formData = new FormData();
            formData.append("user_id", {{ $candidate->user_id }});
            $.ajax({
                type: 'POST',
                url: "{{ route('lead-management.add_new_course') }}",
                data: formData,
                cache: false,
                processData: false,
                contentType: false,
                success: function(res) {
                    $(".upload-loader").hide();
                    $(".overlay").hide();

                    $('#add_program').show();
                    $('#course_add').html(res);
                    $('body').find(
                        '.select2-with-search,.select2-hide-search,.select2-limit-3,.select2-intake-year,.select2-intake-month'
                        ).each(function() {
                        var dropdownParent = $(this).parent(
                            '.field-value,.single-input,.single-list,.priority-list');
                        if ($(this).hasClass("select2-with-search")) {
                            $(this).select2({
                                dropdownParent: dropdownParent
                            });
                        } else
                        if ($(this).hasClass("select2-hide-search")) {
                            $(this).select2({
                                dropdownParent: dropdownParent,
                                minimumResultsForSearch: Infinity
                            });
                        } else
                        if ($(this).hasClass("select2-limit-3")) {
                            $(this).select2({
                                dropdownParent: dropdownParent,
                                maximumSelectionLength: 3
                            });
                        } else
                        if ($(this).hasClass("select2-intake-year")) {
                            $(this).select2({
                                dropdownParent: dropdownParent,
                                placeholder: 'Intake Year'
                            });
                        } else
                        if ($(this).hasClass("select2-intake-month")) {
                            $(this).select2({
                                dropdownParent: dropdownParent,
                                placeholder: 'Intake Month'
                            });
                        }
                        if ($(this).hasClass("select2-lead-type")) {
                            $(this).select2({
                                dropdownParent: dropdownParent,
                                placeholder: 'Lead type '
                            });
                        }
                        if ($(this).hasClass("select2-preffered-country")) {
                            $(this).select2({
                                dropdownParent: dropdownParent,
                                placeholder: 'Preffered Country'
                            });
                        }
                        if ($(this).hasClass("select2-student-category")) {
                            $(this).select2({
                                dropdownParent: dropdownParent,
                                placeholder: 'student Category'
                            });
                        }
                        if ($(this).hasClass("select2-asign-from")) {
                            $(this).select2({
                                dropdownParent: dropdownParent,
                                placeholder: 'Asign From'
                            });
                        }
                        if ($(this).hasClass("select2-asign-to")) {
                            $(this).select2({
                                dropdownParent: dropdownParent,
                                placeholder: 'Asign To',

                            });
                        }

                    });


                    $('#university_id').on('change', function() {
                        var university_id = this.value;
                        $.ajax({
                            url: "{{ route('admin.courseGetByUniversityId') }}",
                            type: "POST",
                            data: {
                                university_id: university_id,
                                _token: '{{ csrf_token() }}'
                            },
                            dataType: 'json',
                            success: function(result) {


                                $('#courseSelect').html(
                                        '<option value="">Select Course</option>')
                                    .removeAttr(
                                        'disabled');
                                $.each(result.course, function(key, value) {
                                    $("#courseSelect").append('<option value="' +
                                        value.id + '">' + value.name +
                                        '</option>');
                                });
                            }
                        });

                    });
                    $('body').find('.select2university').each(function() {
                        var dropdownParent = $(this).parent('.single-list');
                        $(this).select2({
                            dropdownParent: dropdownParent,
                            ajax: {
                                url: "{{ route('candidateApplication.universityListByName') }}",
                                dataType: 'json',
                                type: "POST",
                                delay: 250,
                                data: function(params) {
                                    return {
                                        term: params.term,
                                        _token: '{{ csrf_token() }}'
                                    };
                                },
                                processResults: function(data) {
                                    return {
                                        results: data.map(function(item) {

                                            return {
                                                id: item.id,
                                                text: `${item.name} (${item.id})`
                                            };
                                        })
                                    };
                                },
                                cache: true
                            },
                            minimumInputLength: 1,
                            placeholder: 'Search for universities',
                            escapeMarkup: function(markup) {
                                return markup;
                            },
                            templateSelection: function(data) {
                                return data.text;
                            }
                        });
                    });
                }

            });
        }

        function save_suggested_course() {

            var formData = new FormData();
            var form = document.getElementById('course_suggeste_form');
            var inputs = form.querySelectorAll('input[name]');
            var values = {};
            inputs.forEach(function(input) {
                formData.append(input.name, input.value);
            });
            var selects = form.querySelectorAll('select[name]');
            selects.forEach(function(select) {
                var selectedOptions = Array.from(select.selectedOptions).map(option => option.value);
                formData.append(select.name, selectedOptions);
            });
            formData.append("user_id", {{ $candidate->user_id }});
            formData.append("type", "save_suggested_course");
            $.ajax({
                type: 'POST',
                url: "{{ route('lead-management.update_new', $candidate->user_id) }}",
                data: formData,
                cache: false,
                processData: false,
                contentType: false,

                success: function(res) {
                    $('.overlay').hide();
                    $('.warning').html("");
                    code = "";
                    if (res.status == 1) {
                        var message = "Success";
                        type = "success";
                        code = res.message;
                        header = "";
                        show_success_pop_up(code, type, message, header);
                        form.reset
                        $('#application_manager_id').click();
                        handleClick(res.data['id']);
                    } else if (res.status == 2) {
                        var message = "Failed";
                        type = "failed";
                        code = res.message;
                        header = "";
                        show_success_pop_up(code, type, message, header);
                    } else if (res.status == 3) {
                        errors_form = res['error'];
                        form_validation_check(form, errors_form);
                    }
                }
            });
        }


        function application_manager() {
            $(".upload-loader").show();
            $(".overlay").show();
            var formData = new FormData();
            formData.append("candidate_id", {{ $candidate->id }});
            $.ajax({
                type: 'POST',
                url: "{{ route('lead-management.candidate_application', $candidate->user_id) }}",
                data: formData,
                cache: false,
                processData: false,
                contentType: false,
                success: function(res) {

                    $(".upload-loader").hide();
                    $(".overlay").hide();
                    $('#status_panels').html(res);
                    handleClick(null);
                    $('.course-detail').click(function() {
                        if (window.innerWidth < 768) {
                            if ($(this).hasClass("active")) {
                                $(this).removeClass("active");
                            } else {
                                $(this).toggleClass('active');
                            }
                            $(this).next().slideToggle("show");
                        } else {
                            $('.course-detail').removeClass('active');
                            $(this).addClass('active');
                        }
                    });

                    $('body').find('.select2-hide-search').each(function() {
                        var dropdownParent = $(this).parent('.upload-file');
                        if ($(this).hasClass("select2-hide-search")) {
                            $(this).select2({
                                dropdownParent: dropdownParent,
                                minimumResultsForSearch: Infinity
                            });
                        }
                    });
                    tinymce.remove();
                    tinymce.init({
                        selector: `#comment_text`,
                        plugins: 'anchor autolink charmap codesample emoticons image link lists media searchreplace table visualblocks wordcount code imagetools fontawesome',
                        toolbar: 'fontawesome | searchreplace |undo redo | blocks |bold italic underline strikethrough | align | link image media table | numlist bullist indent outdent',
                        // toolbar: 'undo redo | blocks fontsize | bold italic underline strikethrough | link image media table | align lineheight | numlist bullist indent outdent | emoticons charmap | removeformat code | fontawesome | searchreplace',
                        image_advtab: true,
                        // extended_valid_elements: 'svg[*],path[*],use[*]',
                        valid_elements: '*[*]',
                        valid_children: '*[*]',
                        extended_valid_elements: '*[*]',
                        file_picker_types: 'image',
                        file_picker_callback: function(callback, value, meta) {
                            if (meta.filetype === 'image') {

                            }
                        }
                    });
                }
            });
        }


        function applyApplication(id, course_id) {
            $(".upload-loader").show();
            $(".overlay").show();
            var formData = new FormData();
            formData.append("user_id", {{ $candidate->user->id }});
            formData.append("candidate_id", {{ $candidate->id }});
            formData.append("id", id);
            formData.append("course_id", course_id);

            $.ajax({
                type: 'POST',
                url: "{{ route('lead-management.applyApplication') }}",
                data: formData,
                cache: false,
                processData: false,
                contentType: false,
                success: function(res) {
                    if (res.status == 1) {
                        $(".upload-loader").hide();
                        $(".overlay").hide();
                        toastr.success(res.message)
                        get_short_list();
                    } else if (res.status == 2) {
                        $(".upload-loader").hide();
                        $(".overlay").hide();
                        toastr.error(res.message)
                        get_short_list();
                    }
                }
            });
        }

        function deleteApplication(id) {
            $(".upload-loader").show();
            $(".overlay").show();
            var formData = new FormData();
            formData.append("user_id", {{ $candidate->user->id }});
            formData.append("candidate_id", {{ $candidate->id }});
            formData.append("id", id);

            $.ajax({
                type: 'POST',
                url: "{{ route('lead-management.deleteApplication') }}",
                data: formData,
                cache: false,
                processData: false,
                contentType: false,
                success: function(res) {
                    if (res.status == 1) {
                        $(".upload-loader").hide();
                        $(".overlay").hide();
                        toastr.success(res.message)
                        get_short_list();
                    } else if (res.status == 2) {
                        $(".upload-loader").hide();
                        $(".overlay").hide();
                        toastr.error(res.message)
                        get_short_list();
                    }
                }
            });
        }

        function handleClick(id) {

            if (id == null) {
                var id = $('#app_id').val();
            } else {
                document.getElementById('app_id').setAttribute('value', id);
            }

            var communicationType = $('#type').val();
            $(".upload-loader").show();
            $(".overlay").show();
            $.ajax({
                url: "{{ route('lead-management.commentAndApplicationGetByApplicationID') }}",
                type: "POST",
                data: {
                    id: id,
                    candidate_id: {{ @$candidate->id }},
                    type: communicationType,
                    _token: '{{ csrf_token() }}'
                },
                dataType: 'json',
                success: function(result) {
                    $(".upload-loader").hide();
                    $(".overlay").hide();
                    $('#appendHere').html('');
                    $('#appendCommentHere').html('');
                    var htmlToAppend = `
                    <div class="status-detail">
                        <input type="hidden" name="applications_id" id="applications_id" value="${result.candidateApplications['id']}">
                    <div class="status-head">
                        <p>
                            <span class="date">${result.candidateApplications['created_at']}</span>
                        </p>
                        <p class="status-type">${result.candidateApplications['status']}</p>
                    </div>
                    <div class="status-head">
                        <p>
                            Application ID:<span class="app-id d-inline-block">${result.candidateApplications['id']}</span>
                        </p>
                        <p class="ms-3">
                            Associate ID: <span class="app-id d-inline-block">${result.candidateApplications['partnerApplicationId']}</span>
                        </p>
                    </div>
                    <p class="course-name">${result.candidateApplications['course']}</p>
                    <p class="uni-name">${result.candidateApplications['universities']}</p>
                </div>`;

                    $('#appendHere').append(htmlToAppend);
                    $.each(result.comments, function(key, comment) {
                        var commentHTML = `
                            <div class="cmt-list">
                                <div class="detail">
                                    <p class="u-name"><img src="${comment.comment_by_image_url}" class="user-profile custom-w-img" alt="profile-image" width="100%" height="100%">${comment.comment_by_admin}</p>
                                    <p><span class="date">${comment.created_at}</span></p>
                                </div>
                                <div class="comment">
                                    ${comment.comment}
                                </div>
                            </div>
                        `;
                        $("#appendCommentHere").append(commentHTML);
                    });
                    renderTimeline(result.applicationTimeline);
                },
                error: function(xhr, status, error) {

                    toastr.error("Something Went Wrong.");
                }
            });
        }

        renderTimeline(0);

        function renderTimeline(applicationTimeline) {
            var tbody = $('#timelineTable tbody');
            tbody.empty();

            if (applicationTimeline.length > 0) {
                $.each(applicationTimeline, function(index, timeline) {
                    var row = '<tr>' +
                        '<td class="t-col" >' + timeline.application_id + '</td>' +
                        '<td class="t-col" >' + (timeline.auth_name || timeline.candidate_id || "--") + '</td>' +
                        '<td class="t-col" >' + timeline.status + '</td>' +
                        '<td class="t-col" >' + timeline.comment + '</td>' +
                        '<td class="t-col" >' + timeline.auth_name + '</td>' +
                        '<td class="t-col" >' + timeline.auth_type + '</td>' +
                        '<td class="t-col" >' + (timeline.created_at || "--") + '</td>' +
                        '</tr>';
                    tbody.append(row);
                });
            } else {
                $('#time_line_div').hide();
            }
        }

        function commentButton() {
            var applications_id = $('#applications_id').val();
            var comment_text = tinymce.get("comment_text").getContent();

            var communicationType = $('#type').val();

            if (!applications_id) {
                toastr.error("Applications ID is required.");
                return;
            }

            if (!comment_text) {
                toastr.error("Comment is required.");
                return;
            }
            $.ajax({
                url: "{{ route('lead-management.commentInsertByApplicationsId') }}",
                type: "POST",
                data: {
                    applications_id: applications_id,
                    comment_text: comment_text,
                    type: communicationType,
                    _token: '{{ csrf_token() }}'
                },
                dataType: 'json',
                success: function(response) {
                    if (response.success) {
                        toastr.success("Comment Created Successfully!");

                    } else {
                        toastr.error("Something went wrong.");
                    }
                    handleClick(applications_id);
                    tinymce.get("comment_text").setContent(" ");
                },
                error: function(error) {

                    toastr.error("Something went wrong.");
                }
            });
        }

        $('.accordion-head').click(function() {
            if (window.innerWidth >= 768) {
                $(this).toggleClass('active');
                $(this).next(".accordion-list").slideToggle();
            }
        });

        function show_hide_test() {
            var selectedServiceIds = [];
            var serviceSelect = document.getElementById('service_id');
            var flag = 0;
            for (var i = 0; i < serviceSelect.options.length; i++) {
                if (serviceSelect.options[i].selected) {
                    if (serviceSelect.options[i].value == "12") {
                        document.getElementById('test_prepration').style.display = "inline-block";
                        flag = 1;
                    }
                }
            }
            if (flag == 0) {
                document.getElementById('test_prepration').style.display = "none";
            }
        }

        function save_test_data() {
            formData = new FormData();
            formData.append("user_id", {{ $candidate->user_id }});
            formData.append("test_id", $('#test_id').val());
            formData.append("type", "add_tests");
            $.ajax({
                type: 'POST',
                url: "{{ route('lead-management.update_new', $candidate->user_id) }}",
                data: formData,
                cache: false,
                processData: false,
                contentType: false,
                success: (res) => {
                    $(".upload-loader").hide();
                    $(".overlay").hide();
                    $('.delete-ed-popup').hide();
                    get_tests_data();
                    if (res.status == 1) {
                        var message = "Success";
                        type = "success";
                        code = res.message;
                        header = "";
                        show_success_pop_up(code, type, message, header);
                    } else if (res.status == 2) {
                        var message = "Failed Try Again";
                        type = "failed";
                        code = res.message;
                        header = "";
                        show_success_pop_up(code, type, message, header);
                    } else {
                        var message = "Error";
                        type = "failed";
                        code = res.message;
                        header = "";
                        show_success_pop_up(code, type, message, header);
                    }
                }
            });
        }

        function change_stage_hover() {
            // $('.overlay').show();
            // $(".upload-loader").show();

            var code = `<p class="t-item">
                    <span class="t-head">Wait Loading Data....</span>
                        </p>`;
            $('#stage_on_hover').addClass("tooltip");
            $('#stage_on_hover').html(code);
            formData = new FormData();
            formData.append("user_id", {{ $candidate->user_id }});
            $.ajax({
                type: 'POST',
                url: "{{ route('lead-management.get_candidate_data') }}",
                data: formData,
                cache: false,
                processData: false,
                contentType: false,
                success: (res) => {

                    $('.overlay').hide();
                    $(".upload-loader").hide();

                    if (res['stages'] == "Offer Accepted") {
                        var code = `<p class="t-item">
                                        <span class="t-head">Date :</span><span class="t-value">${res['stage_expiry_date']}</span>
                                    </p>`;
                        $('#stage_on_hover').html(code);
                        $('#stage_on_hover').addClass("tooltip");
                    } else if ($('#stageSelect').val() == "Offer Rejected") {
                        var code = `<p class="t-item">
                                        <span class="t-head">Reason :</span><span class="t-value">${res['dropped_reason']}</span>
                                    </p>`;
                        $('#stage_on_hover').html(code);
                        $('#stage_on_hover').addClass("tooltip");
                    } else if ($('#stageSelect').val() == "Student backed out / Dropped") {
                        var code = `<p class="t-item">
                                    <span class="t-head">Reason :</span><span class="t-value">${res['dropped_reason']}</span>
                                </p>`;
                        $('#stage_on_hover').html(code);
                        $('#stage_on_hover').addClass("tooltip");
                    } else {
                        var code = ``;

                        $('#stage_on_hover').html(code);
                        $('#stage_on_hover').removeClass("tooltip");
                    }
                    if (res['stages'] != $('#stageSelect')) {
                        var stages_name = res['stages'];
                        var select = document.getElementById("stageshow");
                        var option = document.createElement("option");
                        option.value = res['stage_name'];
                        option.text = res['stage_name'];
                        select.add(option);
                    }
                }
            });
        }

        $(document).ready(function() {
            $('#stages_show_div').show()

            // change_stage_hover();
            $('.stage-tt').hover(function() {
                change_stage_hover();
            });


            var selectedServiceIds = [];
            var serviceSelect = document.getElementById('service_id');
            var flag = 0;
            for (var i = 0; i < serviceSelect.options.length; i++) {
                if (serviceSelect.options[i].selected) {
                    if (serviceSelect.options[i].value == "12") {
                        document.getElementById('test_prepration').style.display = "inline-block";
                        flag = 1;
                    }
                }
            }
            if (flag == 0) {
                document.getElementById('test_prepration').style.display = "none";
            }
            var last_valid_selection = null;
            $('#preferred_country').change(function(event) {
                if ($(this).val().length > 3) {
                    $(this).val(last_valid_selection);
                } else {
                    last_valid_selection = $(this).val();
                }
            });
        });

        var timer;
        $('#notes').on('input', function() {
            document.querySelector('.save-btn').style.backgroundColor = "#066AC9";
            document.querySelector('.save-btn').style.pointerEvents = "auto";
            document.querySelector('#notes_data_form_edit_button').innerHTML = "Save";
            clearTimeout(timer);
            timer = setTimeout(getNotes, 1500);
        });



        //Textarea Height
        function autoExpand(element) {
            element.style.height = '16px';
            let height = element.scrollHeight;
            element.style.height = height + 'px';
        }

        document.addEventListener('DOMContentLoaded', function() {
            var textareas = document.querySelectorAll('.textarea-input-field');
            textareas.forEach(function(textarea) {
                autoExpand(textarea);
            });
        });


        $(document).ready(function() {
            jquary_update();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $('.overlay').hide();
            $(".upload-loader").hide();
        });

        function isInViewport(element) {
            var rect = element.getBoundingClientRect();
            return (
                rect.top >= 0 &&
                rect.left >= 0 &&
                rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
                rect.right <= (window.innerWidth || document.documentElement.clientWidth)
            );
        }
        var followup_call = 0;

        function handleScroll() {
            var ajaxContentDiv = document.getElementById('followup_list_div');
            if (isInViewport(ajaxContentDiv)) {
                if (followup_call == 0) {
                    followup_list();
                    followup_call++;
                }

            }
        }

        // Attach the handleScroll function to the scroll event
        $(window).on('scroll', handleScroll);



        function followup_list() {
            // $('#comunication_span').html("--");
            var user_id = {{ $candidate->user_id }};
            // $(".upload-loader").show();
            // $(".overlay").show();
            $.ajax({
                type: "post",
                url: "{{ route('lead-management.followup') }}",
                data: {
                    'user_id': user_id
                },
                success: function(res) {
                    // $('#comunication_span').html(res.count);
                    $('#followup_list_div').html(res);
                    $(".upload-loader").hide();
                    $(".overlay").hide();
                }
            });
        }

        function refresh_education_data(type) {
            var user_id = {{ $candidate->user_id }};
            $(".upload-loader").show();
            $(".overlay").show();
            $.ajax({
                type: "post",
                url: "{{ route('lead-management.get_documents') }}",
                data: {
                    'user_id': user_id
                },
                success: function(res) {
                    data_list = res;
                    $(".upload-loader").hide();
                    $(".overlay").hide();
                    show_education_detail(type);
                }
            });
        }

        function show_education_detail(type) {
            $(".upload-loader").show();
            $(".overlay").show();
            var candidate_edit = "{{ userCan('candidate.update') }}";
            formData = new FormData();
            formData.append("user_id", {{ $candidate->user_id }});
            formData.append("doc_id", "null");
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
                type: 'POST',
                url: "{{ route('lead-management.education_detail_get') }}",
                data: formData,
                cache: false,
                processData: false,
                contentType: false,
                success: (res) => {
                    data_list = res;
                    res = res['education_data'];
                    if (res[0] == undefined) {
                        var code = "";
                        code = code +
                            '<center>No Data Avaialable</center>';
                        code = code + '';
                        $("#education-cards").html(code);
                    } else {
                        var code = "";
                        for (let x in res) {
                            code = code +
                                '<div class="details"><div class="ed-head"><span class="qualification">' +
                                res[x]['qualification'] +
                                '</span>';
                            if (candidate_edit == 1) {
                                code = code + '<p class="ed-del"><a href="javascript:;" data-id="' + res[x][
                                        'id'
                                    ] +
                                    '" class="edit_education_btn"><img src="{{ asset('backend') }}/lead-management/images/edit.svg" alt="edit-icon"></a><a  data-id="' +
                                    res[x]['id'] + '" data-passing_year="' + res[x]['passing_year'] +
                                    '"  data-year="' + res[x]['year'] +
                                    '" href="javascript:;" class="delete_education_btn del-detail"><img src="{{ asset('backend') }}/lead-management/images/delete.svg" alt="delete-icon"></a></p>';
                            }
                            code = code + '</div><ul class="list-type2">';
                            if (res[x]['qualification'] == "10th" || res[x]['qualification'] ==
                                "12th") {} else {
                                code = code +
                                    '<li class="ed-list"><span class="ed-value">Start Year</span> <span class="passing_year" id="10_pass_year">' +
                                    (res[x]['year'] != null && res[x]['year'] !== "" ? res[x]['year'] : '-') +
                                    '</span></li>';
                            }
                            code = code +
                                '<li class="ed-list"><span class="ed-value">Passing Year</span> <span class="passing_year" id="10_pass_year">' +
                                (res[x]['passing_year'] != null && res[x]['passing_year'] !== "" ? res[x][
                                    'passing_year'
                                ] : '-') + '</span></li>';
                            if (res[x]['qualification'] == "10th" || res[x]['qualification'] ==
                                "Certification" || res[x]['qualification'] ==
                                "Gap") {} else if (res[x]['qualification'] == "Diploma" || res[x][
                                    'qualification'
                                ] ==
                                "12th") {
                                code = code +
                                    '<li class="ed-list"><span class="ed-value">Stream/Degree</span> <span class="stream" id="10_pass_year">' +
                                    (res[x]['stream'] != null && res[x]['stream'] !== "" ? res[x]['stream'] :
                                        '-') + '</span></li>';
                            } else {
                                code = code +
                                    '<li class="ed-list"><span class="ed-value">Stream/Degree</span> <span class="stream" id="10_pass_year">' +
                                    (res[x]['degree'] != null && res[x]['degree'] !== "" ? res[x]['degree'] :
                                        '-') + '</span></li>';
                            }
                            if (res[x]['qualification'] == "Certification" || res[x]['qualification'] ==
                                "PhD" || res[x]['qualification'] == "Gap") {

                            } else {
                                code = code +
                                    '<li class="ed-list"><span class="ed-value">Board / University</span> <span class="passing_year" id="10_pass_year">' +
                                    (res[x]['education_board'] != null && res[x]['education_board'] !== "" ?
                                        res[x]['education_board'] : '-') + '</span></li>';
                            }


                            if (res[x]['qualification'] == "Certification") {
                                code = code +
                                    '<li class="ed-list"><span class="ed-value">Name Of Certification</span> <span class="certification" id="certification">' +
                                    (res[x]['degree'] != null && res[x]['degree'] !== "" ? res[x]['degree'] :
                                        '-') + '</span></li>';
                            }
                            if (res[x]['qualification'] == "10th" || res[x]['qualification'] == "12th" || res[x]
                                ['qualification'] == "Bachelors" || res[x]['qualification'] == "Masters" || res[
                                    x]['qualification'] == "Certification" || res[x]['qualification'] == "PhD"
                            ) {
                                code = code +
                                    '<li class="ed-list"><span class="ed-value">Institute</span> <span class="passing_year" id="10_pass_year">' +
                                    (res[x]['institute_name'] != null && res[x][
                                            'educainstitute_nametion_board'
                                        ] !==
                                        "" ? res[x]['institute_name'] : '-') + '</span></li>';
                            }

                            if (res[x]['qualification'] == "10th" || res[x]['qualification'] == "12th" || res[x]
                                ['qualification'] == "Bachelors" || res[x]
                                ['qualification'] == "Diploma" || res[x]['qualification'] == "Masters" || res[
                                    x]['qualification'] == "Certification" || res[x]['qualification'] == "PhD"
                            ) {
                                code = code +
                                    '<li class="ed-list"><span class="ed-value">Mark</span> <span class="passing_year" id="10_pass_year">' +
                                    (res[x]['grade_percentage'] != null && res[x]['grade_percentage'] !== "" ?
                                        res[
                                            x]['grade_percentage'] : '-') + ' ' + res[x]['grade_type'] +
                                    ' </span></li>';
                            }


                            if (res[x]['qualification'] == "10th" || res[x]['qualification'] == "12th" || res[x]
                                ['qualification'] == "Bachelors" || res[x]['qualification'] == "Masters" || res[
                                    x]['qualification'] == "Certification" || res[x]['qualification'] == "PhD"
                            ) {
                                code = code +
                                    '<li class="ed-list"><span class="ed-value">Medium</span> <span class="passing_year" id="10_pass_year">' +
                                    (res[x]['medium'] == "hindi" ? "Hindi" : (res[x]['medium'] == "english" ?
                                        "English" : (res[x]['medium'] != null && res[x]['medium'] !== "" ?
                                            res[
                                                x]['medium'] : '-'))) + '</span></li>';
                            }

                            if (res[x]['qualification'] == "10th" || res[x]['qualification'] == "Gap" || res[x]
                                ['qualification'] == "Certification") {


                            } else {
                                code = code +
                                    '<li class="ed-list"><span class="ed-value">Backlog</span> <span class="passing_year" id="10_pass_year">' +
                                    (res[x]['backlogs'] != null && res[x]['backlogs'] !== "" ? res[x][
                                        'backlogs'
                                    ] : '-') + '</span></li>';

                                code = code +
                                    '<li class="ed-list"><span class="ed-value">Gap</span> <span class="passing_year" id="10_pass_year">' +
                                    (res[x]['gaps'] != null && res[x]['gaps'] !== "" ? res[x]['gaps'] : '-') +
                                    '</span></li>';
                            }

                            if (res[x]['qualification'] == "10th" || res[x]['qualification'] ==
                                "Certification") {


                            } else {
                                code = code +
                                    '<li class="ed-list"><span class="ed-value">Gap Reason</span> <span class="passing_year" id="10_pass_year">' +
                                    (res[x]['gap_reason'] != null && res[x]['gap_reason'] !== "" ? res[x][
                                        'gap_reason'
                                    ] : '-') + '</span></li>';

                                code = code +
                                    '<li class="ed-list"><span class="ed-value">Justification</span> <span class="passing_year" id="10_pass_year">' +
                                    (res[x]['Justification'] != null && res[x]['Justification'] !== "" ? res[x][
                                        'Justification'
                                    ] : '-') +
                                    '</span></li>';

                                code = code +
                                    '<li class="ed-list"><span class="ed-value">Justification Valid</span> <span class="passing_year" id="10_pass_year">' +
                                    (res[x]['Justification_valid'] != null && res[x]['Justification_valid'] !==
                                        "" ? res[x]['Justification_valid'] : '-') +
                                    '</span></li>';


                            }

                            if (res[x]['Justification_valid'] == "Rejected") {
                                code = code +
                                    '<li class="ed-list"><span class="ed-value">Justification reason</span> <span class="passing_year" id="10_pass_year">' +
                                    (res[x]['Justification_reason'] != null && res[x][
                                        'Justification_reason'
                                    ] !== "" ? res[x]['Justification_reason'] : '-') +
                                    '</span></li>';

                            }

                            var flag = 0;
                            for (let w in data_list['document']) {

                                if (data_list['document'][w]['document_subcategory_id'] == '37' &&
                                    res[x]['qualification'] == "10th") {
                                    flag = 1;
                                    break;
                                } else if (data_list['document'][w]['document_subcategory_id'] ==
                                    '12' && res[x]['qualification'] == "12th") {
                                    flag = 1;
                                    break;
                                } else if (data_list['document'][w]['document_subcategory_id'] ==
                                    '38' && res[x]['qualification'] == "Diploma") {
                                    flag = 1;
                                    break;
                                } else if (data_list['document'][w]['document_subcategory_id'] ==
                                    '8' && res[x]['qualification'] == "Bachelors") {
                                    flag = 1;
                                    break;
                                } else if (data_list['document'][w]['document_subcategory_id'] ==
                                    '11' && res[x]['qualification'] == "Masters") {
                                    flag = 1;
                                    break;
                                } else if (data_list['document'][w]['document_subcategory_id'] ==
                                    '41' && res[x]['qualification'] == "Gap") {
                                    flag = 1;
                                    break;
                                }


                            }
                            code = code +
                                '<li class="ed-list"><span class="ed-value">Document Status</span> <span class="passing_year" id="10_pass_year">';
                            if (flag == 0) {
                                code = code + 'Pending';
                            } else {
                                code = code + 'Document Uploaded';
                            }
                            code = code + '</span></li>';


                            code = code +
                                '<li class="ed-list"><span class="ed-value">Remark</span> <span class="remark" >' +
                                (res[x]['remark'] != null && res[x]['remark'] !== "" ? res[x]['remark'] : '-') +
                                '</span></li>';


                            code = code + '</ul></div>';
                        }
                        $("#education-cards").html(code);


                        $(".delete_education_btn").click(function() {
                            $(".delete-ed-popup").show();
                            var dataIdValue = $(this).attr("data-id");
                            $('#doc_delete_id').val(dataIdValue);

                            $('#doc_type').attr('value', 'education');

                            $('.overlay').show();

                        })

                        $(".delete-doc").click(function() {
                            $(".delete-ed-popup").show();
                            var dataIdValue = $(this).attr("data-id");
                            $('#doc_delete_id').val(dataIdValue);
                            $('#doc_type').attr('value', 'document');
                            $('.overlay').show();

                        })


                        // $(".delete_webinar_btn").click(function() {
                        //     $(".delete-ed-popup").show();
                        //     var dataIdValue = $(this).attr("data-id");
                        //     $('#doc_delete_id').val(dataIdValue);

                        //     $('#doc_type').attr('value', 'webinar_delete');

                        //     $('.overlay').show();

                        // })



                        $(".edit_education_btn").click(function(e) {
                            $('.overlay').show();
                            var dataIdValue = $(this).attr("data-id");
                            $('#qualification').attr('data-id', dataIdValue);

                            formData.append("user_id", {{ $candidate->user_id }});
                            formData.append("doc_id", dataIdValue);

                            $.ajaxSetup({
                                headers: {
                                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                }
                            });
                            $.ajax({
                                type: 'POST',
                                url: "{{ route('lead-management.education_detail_get') }}",
                                data: formData,
                                cache: false,
                                processData: false,
                                contentType: false,
                                success: (res) => {
                                    res = res['education_data'];
                                    $('#edit_form_open').show();
                                    $("#qualification").val(res.qualification).trigger(
                                        "change");
                                    $("#admission_year").val(res.year).trigger("change");

                                    if (res.qualification == "10th" || res.qualification ==
                                        "12th") {
                                        if ($("#education_board option[value='" + res
                                                .education_board + "']").length > 0) {
                                            $("#education_board").val(res.education_board)
                                                .trigger("change");
                                        } else {
                                            $("#education_board").val("other").trigger(
                                                "change");
                                            $("#board_other").val(res.education_board);
                                        }
                                    } else if (res.qualification == "Bachelors" || res
                                        .qualification == "Masters" ||
                                        res.qualification == "Diploma") {

                                        if ($("#uni_board option[value='" + res
                                                .education_board + "']").length > 0) {
                                            $("#uni_board").val(res.education_board)
                                                .trigger("change");
                                        } else {
                                            $("#uni_board").val("other").trigger("change");
                                            $("#uni_other").val(res.education_board);
                                        }
                                    } else if (res.qualification == "Gap") {


                                    }
                                    $("#board_other_input").val(res.board_other_input)
                                        .trigger("change");
                                    $("#doc_id").val(res.id);
                                    $("#institute_name").val(res.institute_name);
                                    $("#grade_type").val(res.grade_type).trigger("change");
                                    if (res.medium == "hindi") {
                                        $("#medium").val(res.medium).trigger("change");
                                    } else if (res.medium == "hindi") {
                                        $("#medium").val(res.medium).trigger("change");
                                    } else {
                                        $("#medium").val("other").trigger("change");
                                        $("#medium_other").val(res.medium);
                                    }
                                    $("#remark").val(res.remark);
                                    $("#backlog").val(res.backlogs);
                                    $("#gap").val(res.gaps);
                                    $("#grade_percentage").val(res.grade_percentage);
                                    $("#passing_year").val(res.passing_year).trigger(
                                        "change");
                                    $("#year").val(res.year).trigger(
                                        "change");
                                    if (res.qualification == "Certification") {
                                        $("#certificate_name").val(res.degree);
                                        $("#certificate_name").show();
                                    } else {
                                        $("#certificate_name").hide();
                                        $("#certificate_name").val("");
                                    }

                                    $("#gap_reason").val(res.gap_reason);
                                    $("#Justification").val(res.Justification);
                                    $("#Justification_valid").val(res.Justification_valid)
                                        .trigger(
                                            "change");
                                    $("#Justification_reason").val(res
                                        .Justification_reason);

                                }
                            });
                        })
                    }
                    if (type == "overlay_show") {
                        $(".overlay").hide();
                    } else {
                        $(".overlay").hide();
                    }
                    $(".upload-loader").hide();

                }
            });

        }

        function delete_webinar_btn(id) {
            $('.overlay').show();
            $(".delete-ed-popup").show();
            var dataIdValue = id;
            $('#doc_delete_id').val(dataIdValue);

            $('#doc_type').attr('value', 'webinar_delete');
        }

        function delete_test_btn(id) {
            $('.overlay').show();
            $(".delete-ed-popup").show();
            var dataIdValue = id;
            $('#doc_delete_id').val(dataIdValue);

            $('#doc_type').attr('value', 'test_delete');
        }



        $("#grade_type").change(function(e) {
            var grade = $("#grade_type").val();

            if (grade == "percentage") {
                $("#grade_percentage").val("");
                $("#grade_percentage").attr("maxlength", 3);
                // $("#grade_percentage").attr("max", "100");

            } else if (grade == "CGPA (10)") {
                $("#grade_percentage").attr("maxlength", 2);
                $("#grade_percentage").val("");
                // $("#grade_percentage").attr("max", 10);

            } else if (grade == "CGPA (4)") {
                $("#grade_percentage").attr("maxlength", 1);
                $("#grade_percentage").val("");
                // $("#grade_percentage").attr("max", 4);

            }
        });

        $('#grade_percentage').keyup(function(e) {


            var grade = $("#grade_type").val();
            if (grade == "percentage") {

                $("#grade_percentage").attr("maxlength", 5);
                // $("#grade_percentage").attr("max", "100");
                if ($("#grade_percentage").val() > 100) {
                    $("#grade_percentage").val('100');
                }


            } else if (grade == "CGPA (10)") {
                $("#grade_percentage").attr("maxlength", 5);
                // $("#grade_percentage").attr("max", 10);
                if ($("#grade_percentage").val() > 10) {
                    $("#grade_percentage").val('10');
                }

            } else if (grade == "CGPA (4)") {
                $("#grade_percentage").attr("maxlength", 4);
                // $("#grade_percentage").attr("max", 4);
                if ($("#grade_percentage").val() > 4) {
                    $("#grade_percentage").val('4');
                }

            }
        });




        $("#delete_certificate").submit(function(e) {
            e.preventDefault();
            var doc_type = document.getElementById('doc_type').value;
            $(".upload-loader").hide();
            $(".overlay").hide();
            var serializedData = $('#delete_certificate').serialize();
            var formData = new FormData();
            var dataArray = serializedData.split('&');
            for (var i = 0; i < dataArray.length; i++) {
                var item = dataArray[i].split('=');
                var key = decodeURIComponent(item[0]);
                var value = decodeURIComponent(item[1]);
                formData.append(key, value);
            }
            formData.append("user_id", {{ $candidate->user_id }});
            formData.append("doc_type", doc_type);

            $.ajax({
                type: 'POST',
                url: "{{ route('lead-management.education_detail_delete') }}",
                data: formData,
                cache: false,
                processData: false,
                contentType: false,
                success: (res) => {
                    $('.delete-ed-popup').hide();
                    $('.overlay').hide();
                    code = "";
                    if (res.status == 1) {
                        // $('.m-head').html("Success");
                        // code = code + res.message;
                        // $('#success_popup_text').html(code);
                        // $('#icons_success_popup').html(
                        //     `<img src="{{ asset('backend') }}/lead-management/images/green-tick.svg" alt="green-tick" width="100%" height="100%">`
                        // );
                        // $('#success-popup').css('display', 'block');
                        var message = "Success";
                        type = "success";
                        code = res.message;
                        header = "";
                        show_success_pop_up(code, type, message, header);

                    } else if (res.status == 2) {
                        // $('.m-head').html("Failed Try Again");
                        // $('#success_popup_text').html(code);
                        // $('#success-popup').css('display', 'block');
                        // $('#icons_success_popup').html(
                        //     `<img src="{{ asset('backend') }}/lead-management/images/error-1.svg" alt="error" width="100%" height="100%">`
                        // );
                        var message = "Failed";
                        type = "failed";
                        code = res.message;
                        header = "";
                        show_success_pop_up(code, type, message, header);

                    } else {
                        // code = code + res.message;
                        // $('#success_popup_text').html(code);
                        // $('#success-popup').css('display', 'block');
                        // $('#icons_success_popup').html(
                        //     `<img src="{{ asset('backend') }}/lead-management/images/error-1.svg" alt="error" width="100%" height="100%">`
                        // );
                        var message = "Failed";
                        type = "failed";
                        code = res.message;
                        header = "";
                        show_success_pop_up(code, type, message, header);
                    }
                    if (res.type == "education") {
                        refresh_education_data("overlay_hide");
                    } else if (res.type == "document") {
                        refresh_education_data("overlay_show");
                        refreshDocuments("overlay_show");
                    } else if (res.type == "work_experience") {
                        show_form_work_experience("overlay_hide");

                    } else if (res.type == "webinar_delete") {
                        $('#tbody_webinar_list1').html(res.code);

                    } else if (res.type == "test_delete") {
                        get_tests_data();

                    }



                }
            });
        });

        $('#form_work_experience').on('submit', function(e) {
            e.preventDefault();
            $(".upload-loader").show();
            $(".overlay").show();
            formData = new FormData();
            var form = document.getElementById('form_work_experience');
            var inputs = form.querySelectorAll('input[name]');
            var values = {};
            inputs.forEach(function(input) {
                formData.append(input.name, input.value);
            });

            var inputs = form.querySelectorAll('select[name]');

            var values = {};
            inputs.forEach(function(input) {
                formData.append(input.name, input.value);
            });

            formData.append("user_id", {{ $candidate->user_id }});
            formData.append("type", "work_experience");


            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
                type: 'POST',
                url: "{{ route('lead-management.update_new', $candidate->user_id) }}",
                data: formData,
                cache: false,
                processData: false,
                contentType: false,
                success: (res) => {
                    $('.delete-ed-popup').hide();

                    $('#edit_form_open').hide();
                    $('#success_popup_heading').html("Education Detail");
                    $(".upload-loader").hide();

                    show_form_work_experience("overlay_show");
                    $(".overlay").hide();
                    code = "";
                    if (res.status == 1) {
                        // $('.m-head').html("Success");
                        // code = code + res.message;
                        // $('#success_popup_text').html(code);
                        // $('#icons_success_popup').html(
                        //     `<img src="{{ asset('backend') }}/lead-management/images/green-tick.svg" alt="green-tick" width="100%" height="100%">`
                        // );
                        // $('#success-popup').css('display', 'block');
                        $('.work-exp-popup').hide()
                        $('.overlay').show();
                        var message = "Success";
                        type = "success";
                        code = res.message;
                        header = "";
                        show_success_pop_up(code, type, message, header);

                    } else if (res.status == 2) {
                        // $('.m-head').html("Failed Try Again");
                        // $('#success_popup_text').html(code);
                        // $('#success-popup').css('display', 'block');
                        // $('#icons_success_popup').html(
                        //     `<img src="{{ asset('backend') }}/lead-management/images/error-1.svg" alt="error" width="100%" height="100%">`
                        // );
                        $('.overlay').show();
                        $('.work-exp-popup').hide()
                        var message = "Failed";
                        type = "failed";
                        code = res.message;
                        header = "";
                        show_success_pop_up(code, type, message, header);

                    } else if (res.status == 3) {
                        for (const fieldName in res['error']) {
                            if (res['error'].hasOwnProperty(fieldName)) {
                                const errorMessages = res['error'][fieldName];
                                if (errorMessages.length > 0) {
                                    code = code + `<p> ${fieldName} : ${errorMessages[0]} </p>`;

                                }
                            }
                        }
                        // $('.m-head').html("Failed Try Again");
                        // $('#success_popup_text').html(code);
                        // $('#success-popup').css('display', 'block');
                        // $('#icons_success_popup').html(
                        //     `<img src="{{ asset('backend') }}/lead-management/images/error-1.svg" alt="error" width="100%" height="100%">`
                        // );
                        var message = "Failed";
                        type = "failed";
                        code = res.message;
                        header = "";
                        show_success_pop_up(code, type, message, header);
                    }
                    profile_update();
                }
            });
        });

        function show_form_work_experience(type) {
            formData = new FormData();
            formData.append("user_id", {{ $candidate->user_id }});
            formData.append("id", "null");
            $(".upload-loader").show();
            $(".overlay").show();
            var candidate_edit = "{{ userCan('candidate.update') }}";
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
                type: 'POST',
                url: "{{ route('lead-management.form_work_experience_get') }}",
                data: formData,
                cache: false,
                processData: false,
                contentType: false,
                success: (res) => {

                    if (type == "overlay_show") {

                    } else {
                        $(".overlay").hide();
                    }
                    $(".upload-loader").hide();

                    code = "";
                    if (res.length <= 0) {
                        $('#experience_show_div').hide();
                        if (res[0] == undefined) {
                            var code = "";
                            code = code +
                                '<br><center>No Data Avaialable</center>';
                            code = code + '';
                            $("#word_experience_null").html(code);
                            $("#word_experience_null").show();
                        }
                    } else {
                        $("#word_experience_null").hide();
                        $('#experience_show_div').show();
                        for (var value in res) {

                            code = code + `
                        <tr>
                            <td class="t-col">${res[value]['organization_name'] !== null ? res[value]['organization_name'] : ''}</td>

                            <td class="t-col">${res[value]['start_date'] !== null ? res[value]['start_date'] : ''}</td>
                            <td class="t-col">${res[value]['end_date'] !== null ? res[value]['end_date'] : ''}</td>
                            <td class="t-col">${res[value]['position'] !== null ? res[value]['position'] : ''}</td>
                            <td class="t-col">${res[value]['organization_type'] !== null ? res[value]['organization_type'] : ''}</td>
                            <td class="t-col"><span class="address">${res[value]['organization_address'] !== null ? res[value]['organization_address'] : ''}</span></td>
                            <td class="t-col">${res[value]['name'] !== null ? res[value]['name'] : ''}</td>
                            <td class="t-col">${res[value]['department_name'] !== null ? res[value]['department_name'] : ''}</td>
                            <td class="t-col">${res[value]['experience_letter'] !== null ? res[value]['experience_letter'] : ''}</td>
                            <td class="t-col">${res[value]['mode_of_salery'] !== null ? res[value]['mode_of_salery'] : ''}</td>
                            <td class="t-col">${res[value]['mobile_number'] !== null ? res[value]['mobile_number'] : ''}</td>
                            <td class="t-col">${res[value]['Justification'] !== null ? res[value]['Justification'] : ''}</td>
                            <td class="t-col">${res[value]['Justification_valid'] !== null ? res[value]['Justification_valid'] : ''}</td>
                            <td class="t-col">${res[value]['Justification_reason'] !== null ? res[value]['Justification_reason'] : ''}</td>
                            
                            <td class="t-col">`;
                            if (candidate_edit == 1) {
                                code = code + `
                                <p class="users-btns">
                                    <a href="javascript:;" class="single-btn edit-work-exp" data-id="${res[value]['id']}">
                                        <img src="{{ asset('backend') }}/lead-management/images/edit.svg"
                                            alt="edit" width="100%" height="100%">
                                    </a>
                                    <a href="javascript:;" class="single-btn delete-work-exp" data-id="${res[value]['id']}">
                                        <img src="{{ asset('backend') }}/lead-management/images/delete.svg"
                                            alt="delete" width="100%" height="100%">
                                    </a>
                                </p>
                        `;
                            }
                            code = code + `
                                           
                                
                                
                            </td>
                        </tr>
                    `;
                        }

                        code = code + '';
                        $("#work_exp_tbody").html(code);

                        $(".edit-work-exp").click(function(e) {
                            $('.overlay').show();
                            var dataIdValue = $(this).attr("data-id");
                            formData.append("user_id", {{ $candidate->user_id }});
                            formData.append("id", dataIdValue);

                            $.ajaxSetup({
                                headers: {
                                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                }
                            });
                            $.ajax({
                                type: 'POST',
                                url: "{{ route('lead-management.form_work_experience_get') }}",
                                data: formData,
                                cache: false,
                                processData: false,
                                contentType: false,
                                success: (res) => {

                                    $('.work-exp-popup').show();
                                    $("#organization_name").val(res.organization_name);
                                    $("#organization_type").val(res.organization_type);
                                    $("#organization_address").val(res
                                        .organization_address);
                                    $("#position_name").val(res.position);
                                    $("#start_date").attr("value", res.start_date);
                                    $("#end_date").attr("value", res.end_date);
                                    $("#contact_name").val(res.name);
                                    $("#dpt_name").val(res.department_name);
                                    $("#mobile_number").val(res.mobile_number);
                                    $('#exp_id').val(res.id);
                                    $("#experience_letter").val(res.experience_letter)
                                        .trigger("change");
                                    $("#mode_of_salery").val(res.mode_of_salery).trigger(
                                        "change");
                                    $("#Justification2").val(res.Justification)
                                    $("#Justification_valid2").val(res.Justification_valid)
                                        .trigger(
                                            "change");
                                    $("#Justification_reason2").val(res
                                        .Justification_reason);
                                }
                            });
                        })
                    }
                    $(".delete-work-exp").click(function() {

                        $(".delete-ed-popup").show();
                        var dataIdValue = $(this).attr("data-id");
                        $('#doc_delete_id').val(dataIdValue);

                        $('#doc_type').attr('value', 'work_experience');

                        $('.overlay').show();

                    })

                    $(".delete-doc").click(function() {
                        $(".delete-ed-popup").show();
                        var dataIdValue = $(this).attr("data-id");
                        $('#doc_delete_id').val(dataIdValue);
                        $('#doc_type').attr('value', 'document');
                        $('.overlay').show();

                    })
                }
            });
        }

        $(".close_delete_popup").click(function(e) {
            $(".delete-ed-popup").hide();
            $('.overlay').hide();

        });

        $("#close_popup").click(function(e) {
            $(".stage_popup").hide();
            $('.overlay').hide();

        });


        function jquary_update() {
            $(".close,#skip_education_btn").click(function(e) {
                $('#edit_form_open').hide();
                $(".upload-loader").hide();
                $(".overlay").hide();
            });

            $('#qualification').on('change', function(e) {

                var qualification_data = document.getElementById('qualification').value;
                if (qualification_data == "10th") {

                    document.getElementById('ending_year_div').style.display = "inline-block";

                    document.getElementById('remark_div').style.display = "inline-block";
                    document.getElementById('board_input').style.display = "inline";
                    document.getElementById('board_input').required = true;
                    document.getElementById('uni_board_input').style.display = "none";
                    document.getElementById('uni_board_input').required = false;
                    document.getElementById('backlogs').style.display = "none";
                    document.getElementById('gaps').style.display = "none";
                    if (qualification_data == "10th") {
                        document.getElementById('stream_input').style.display = "none";

                    }
                    document.getElementById('certificate_name_div').style.display = "none";
                    $('#starting_year').hide();
                    document.getElementById('institute_input').style.display = "inline-block";
                    document.getElementById('medium_input').style.display = "inline-block";
                    document.getElementById('grade_input').style.display = "flex";
                    document.getElementById('gap_reason_div').style.display = "none";
                    document.getElementById('Justification_div').style.display = "none";
                    document.getElementById('Justification_valid_div').style.display = "none";
                    document.getElementById('Justification_reason_div').style.display = "none";


                } else if (qualification_data == "12th") {
                    document.getElementById('starting_year').style.display = "none";
                    document.getElementById('ending_year_div').style.display = "inline-block";
                    document.getElementById('certificate_name_div').style.display = "none";
                    document.getElementById('remark_div').style.display = "inline-block";
                    document.getElementById('stream_input').style.display = "inline";
                    document.getElementById('backlogs').style.display = "inline-block";
                    document.getElementById('gaps').style.display = "inline-block";
                    document.getElementById('board_input').style.display = "inline";
                    document.getElementById('board_input').required = true;
                    document.getElementById('uni_board_input').style.display = "none";
                    document.getElementById('uni_board_input').required = false;
                    document.getElementById('institute_input').style.display = "inline-block";
                    document.getElementById('medium_input').style.display = "inline-block";
                    document.getElementById('grade_input').style.display = "flex";
                    document.getElementById('gap_reason_div').style.display = "inline-block";
                    document.getElementById('Justification_div').style.display = "inline-block";
                    document.getElementById('Justification_valid_div').style.display = "inline-block";
                    document.getElementById('Justification_reason_div').style.display = "inline-block";

                } else if (qualification_data == "Bachelors" || qualification_data == "Masters" ||
                    qualification_data ==
                    "Diploma" || qualification_data ==
                    "PhD") {



                    document.getElementById('remark_div').style.display = "inline-block";
                    document.getElementById('board_input').style.display = "none";
                    document.getElementById('uni_board_input').style.display = "inline";
                    document.getElementById('uni_board_input').required = true;
                    document.getElementById('board_input').required = false;
                    document.getElementById('backlogs').style.display = "inline-block";
                    document.getElementById('gaps').style.display = "inline-block";
                    document.getElementById('institute_input').style.display = "inline-block";
                    document.getElementById('medium_input').style.display = "inline-block";
                    document.getElementById('grade_input').style.display = "flex";

                    document.getElementById('gap_reason_div').style.display = "inline-block";
                    document.getElementById('Justification_div').style.display = "inline-block";
                    document.getElementById('Justification_valid_div').style.display = "inline-block";
                    document.getElementById('Justification_reason_div').style.display = "inline-block";

                    $('#starting_year').show();
                    $('#ending_year_div').show();
                    document.getElementById('stream_input').style.display = "inline";
                    document.getElementById('certificate_name_div').style.display = "none";
                } else if (qualification_data == "Certification") {


                    document.getElementById('remark_div').style.display = "inline-block";
                    document.getElementById('board_input').style.display = "none";
                    document.getElementById('uni_board_input').style.display = "none";
                    document.getElementById('uni_board_input').required = false;
                    document.getElementById('board_input').required = false;
                    document.getElementById('backlogs').style.display = "none";
                    document.getElementById('gaps').style.display = "none";
                    document.getElementById('gap_reason_div').style.display = "none";
                    document.getElementById('Justification_div').style.display = "none";
                    document.getElementById('Justification_valid_div').style.display = "none";
                    document.getElementById('Justification_reason_div').style.display = "none";


                    $('#starting_year').show();
                    $('#ending_year_div').show();
                    document.getElementById('stream_input').style.display = "none";
                    document.getElementById('certificate_name_div').style.display = "inline";
                    document.getElementById('institute_input').style.display = "inline-block";
                    document.getElementById('medium_input').style.display = "inline-block";
                    document.getElementById('grade_input').style.display = "flex";


                }



                var formData = new FormData();
                formData.append("user_id", {{ $candidate->user_id }});
                formData.append("qualification", qualification_data);
                var dataIdValue = $(this).attr("data-id");

                formData.append("doc_id", dataIdValue);
                $.ajax({
                    type: 'POST',
                    url: "{{ route('lead-management.check_qualification_year') }}",
                    data: formData,
                    cache: false,
                    processData: false,
                    contentType: false,
                    success: (res) => {


                        $('#admission_year').empty();
                        var newOption = new Option("Select Joining Year", "");
                        $('#admission_year').append(newOption);
                        for (var i = res.min; i <= res.max; i++) {
                            var newOption = new Option(i, i);
                            $('#admission_year').append(newOption);
                        }
                        $('#passing_year').empty();
                        var newOption = new Option("Select Passing Year", "");
                        $('#passing_year').append(newOption);
                        for (var i = res.min; i <= res.max; i++) {
                            var newOption = new Option(i, i);
                            $('#passing_year').append(newOption);
                        }
                        if (res['education_detail'] != null) {
                            if (res['education_detail'] && res['education_detail'].hasOwnProperty(
                                    'passing_year') && res['education_detail'].passing_year != null &&
                                res['education_detail'].passing_year != "") {
                                $("#passing_year").val(res['education_detail'].passing_year).trigger(
                                    "change");
                            } else {
                                // Handle the case when 'passing_year' key does not exist
                                // For example, you can set a default value or display an error message

                            }


                            if (res['education_detail'].year != "" && res['education_detail'].year !=
                                null) {
                                $("#admission_year").val(res['education_detail'].year).trigger(
                                    "change");
                            }
                        }
                        if (qualification_data == "10th" || qualification_data == "Certification") {
                            $('#stream').empty();
                        } else {
                            $('#stream').empty();
                            if (qualification_data == "12th") {
                                var newOption = new Option("Select 12th Stream", "");
                            } else if (qualification_data == "Diploma") {
                                var newOption = new Option("Stream in Diploma", "");
                            } else if (qualification_data == "Bachelors") {
                                var newOption = new Option("Select Your Degree", "");
                            } else if (qualification_data == "Masters") {
                                var newOption = new Option("Select Your Degree", "");
                            } else if (qualification_data == "PhD") {
                                var newOption = new Option("Select Your Degree", "");
                            }

                            $('#stream').append(newOption);


                            if (qualification_data == "Diploma" || qualification_data == "12th") {
                                for (var x in res.stream) {
                                    var newOption = new Option(res.stream[x].name, res.stream[x].name);
                                    if (res['education_detail'] != null) {
                                        if (res.stream[x].name === res['education_detail'].stream) {
                                            newOption.selected = true;
                                        }
                                    }
                                    $('#stream').append(newOption);
                                }
                            }
                            if (qualification_data == "Bachelors" || qualification_data == "Masters" ||
                                qualification_data == "PhD") {

                                for (var x in res.stream) {

                                    var newOption = new Option(res.stream[x].degree, res.stream[x]
                                        .degree);
                                    if (res['education_detail'] != null) {
                                        if (res.stream[x].degree === res['education_detail'].degree) {
                                            newOption.selected = true;
                                        }
                                    }
                                    $('#stream').append(newOption);
                                }
                            }

                        }

                    }
                });

            });

            $('#admission_year').change(function() {
                var admission_year = $('#admission_year').val();
                var passing_year = $('#passing_year').val();
                if (admission_year > passing_year) {
                    $('#passing_year').empty();
                    var admission_year_lastValue = $('#admission_year option:last-child').val();
                    for (var i = admission_year; i <= admission_year_lastValue; i++) {
                        var newOption = new Option(i, i);
                        $('#passing_year').append(newOption);
                    }
                }
            });

            $('#education_board').on('change', function(e) {
                var education_board = document.getElementById('education_board').value;
                if (education_board == "other") {
                    document.getElementById('board_other_input').style.display = "inline";
                } else {
                    document.getElementById('board_other_input').style.display = "none";
                }
            });

            $('#uni_board').on('change', function(e) {
                var uni_board = document.getElementById('uni_board').value;
                if (uni_board == "other") {
                    document.getElementById('uni_other_input').style.display = "inline";
                } else {
                    document.getElementById('uni_other_input').style.display = "none";
                }
            });

            $('#education_form').on('submit', function(e) {
                e.preventDefault();
                $(".upload-loader").show();
                $(".overlay").show();
                formData = new FormData();
                var form = document.getElementById('education_form');
                var inputs = form.querySelectorAll('input[name]');
                var values = {};
                inputs.forEach(function(input) {
                    formData.append(input.name, input.value);
                });

                var inputs = form.querySelectorAll('select[name]');

                var values = {};
                inputs.forEach(function(input) {
                    formData.append(input.name, input.value);
                });

                formData.append("user_id", {{ $candidate->user_id }});
                formData.append("type", "education_detail");


                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    type: 'POST',
                    url: "{{ route('lead-management.update_new', $candidate->user_id) }}",
                    data: formData,
                    cache: false,
                    processData: false,
                    contentType: false,
                    success: (res) => {
                        $('.delete-ed-popup').hide();
                        $('.overlay').show();
                        $('#edit_form_open').hide();
                        $('#success_popup_heading').html("Education Detail");
                        $(".upload-popup").hide();
                        var ele_var = document.querySelectorAll('body');
                        ele_var.forEach((element) => {
                            element.classList.remove('no-scroll');
                        });
                        code = "";
                        if (res.status == 1) {
                            // $('.m-head').html("Success");
                            $(".overlay").show();
                            // code = code + res.message;
                            // $('#success_popup_text').html(code);
                            // $('#icons_success_popup').html(
                            //     `<img src="{{ asset('backend') }}/lead-management/images/green-tick.svg" alt="green-tick" width="100%" height="100%">`
                            // );
                            // $('#success-popup').css('display', 'block');
                            var message = "Success";
                            type = "success";
                            code = res.message;
                            header = "";
                            show_success_pop_up(code, type, message, header);

                        } else if (res.status == 2) {
                            // $('.m-head').html("Failed Try Again");
                            // code = code + res.message;
                            $(".overlay").show();
                            // $('#success_popup_text').html(code);
                            // $('#success-popup').css('display', 'block');
                            // $('#icons_success_popup').html(
                            //     `<img src="{{ asset('backend') }}/lead-management/images/error-1.svg" alt="error" width="100%" height="100%">`
                            // );

                            var message = "Failed Try Again";
                            type = "failed";
                            code = res.message;
                            header = "";
                            show_success_pop_up(code, type, message, header);


                        } else if (res.status == 3) {
                            $(".overlay").show();
                            for (const fieldName in res['error']) {
                                if (res['error'].hasOwnProperty(fieldName)) {
                                    const errorMessages = res['error'][fieldName];
                                    if (errorMessages.length > 0) {
                                        code = code +
                                            `<p><strong> ${fieldName} : </strong>${errorMessages[0]} </p>`;

                                    }
                                }
                            }
                            // $('.m-head').html("Failed Try Again");
                            // $('#success_popup_text').html(code);
                            // $('#success-popup').css('display', 'block');
                            // $('#icons_success_popup').html(
                            //     `<img src="{{ asset('backend') }}/lead-management/images/error-1.svg" alt="error" width="100%" height="100%">`
                            // );

                            var message = "Failed Try Again";
                            type = "failed";
                            code = res.message;
                            header = "";
                            show_success_pop_up(code, type, message, header);

                        } else {
                            $(".overlay").show();
                            // code = code + res.message;
                            // $('#success_popup_text').html(code);
                            // $('#success-popup').css('display', 'block');
                            // $('#icons_success_popup').html(
                            //     `<img src="{{ asset('backend') }}/lead-management/images/error-1.svg" alt="error" width="100%" height="100%">`
                            // );

                            var message = "Failed Try Again";
                            type = "failed";
                            code = res.message;
                            header = "";
                            show_success_pop_up(code, type, message, header);
                        }
                        refresh_education_data("overlay_show");
                        profile_update();
                    }
                });

            });

            $("#add_more_btn").on("click", function() {
                $('.overlay').show();
                var form = document.getElementById('education_form');
                form.reset();

                document.getElementById('starting_year').style.display = "none";
                document.getElementById('ending_year_div').style.display = "none";
                document.getElementById('certificate_name_div').style.display = "none";
                document.getElementById('grade_input').style.display = "none";
                document.getElementById('remark_div').style.display = "none";

                document.getElementById('stream_input').style.display = "none";
                document.getElementById('backlogs').style.display = "none";
                document.getElementById('gaps').style.display = "none";
                document.getElementById('board_input').style.display = "none";
                document.getElementById('board_input').required = false;
                document.getElementById('uni_board_input').style.display = "none";
                document.getElementById('uni_board_input').required = false;
                document.getElementById('institute_input').style.display = "none";
                document.getElementById('medium_input').style.display = "none";

                document.getElementById('gap_reason_div').style.display = "none";
                document.getElementById('Justification_div').style.display = "none";
                document.getElementById('Justification_valid_div').style.display = "none";
                document.getElementById('Justification_reason_div').style.display = "none";

                $('#doc_id').val('null');
                $('#edit_form_open').show();
                $("#qualification").val("").trigger(
                    "change");
                $("#admission_year").val("").trigger("change");


                $("#education_board").val("")
                    .trigger("change");
                $("#board_other_input").val("")
                    .trigger("change");

                $("#institute_name").val("");
                $("#grade_type").val("").trigger("change");
                $("#medium").val("").trigger("change");
                $("#backlog").val("");
                $("#gap").val("");
                $("#uni_board").val("").trigger(
                    "change");
                $("#grade_percentage").val("");
                $("#remark").val("");
                $("#medium_other").val('');
                $("#passing_year").val("").trigger(
                    "change");
            });

            $("#add_more_btn").click(function(e) {
                $('#grade_type').val("percentage").css("color", "#B0B2B5");
                $("#qualification,#grade_type").trigger("change");
            })

            $(".add-exp-btn").on("click", function() {
                var newform1 = document.getElementById('form_work_experience');
                newform1.reset();
                $('#exp_id').val(null);
                $('.work-exp-popup').show();
                $("#organization_name").val("");
                $("#organization_type").val("");
                $("#organization_address").val("");
                $("#position_name").val("");
                $("#start_date").attr("value", "");
                $("#end_date").attr("value", "");
                $("#name").val("");
                $("#dpt_name").val("");
                $("#mobile_number").val("");
                $("#Justification_valid2").val("").trigger("change");
                $("#Justification2").val("");
                $("#Justification_reason2").val("");

                $("#experience_letter").val("").trigger("change");
                $("#mode_of_salery").val("").trigger("change");
            });

            $(".edit-work-exp").on("click", function() {
                var dataIdValue = $(this).attr("data-id");
                $('#exp_id').val(dataIdValue);
            });
        }

        // var change_edit_save_personal_info = 0;
        // $('#personal_info_form_edit, #study_abroad_form_edit, #budget_preference_form_edit, #test_status_form_edit, #webinar_form_edit,#personal_info_form_cancel, #study_abroad_form_cancel, #budget_preference_form_cancel, #test_status_form_cancel, #webinar_form_cancel,#delete_webinar').on('click', function(e) {

        function save_data(id) {
            // e.preventDefault();

            var clickedId = id;
            var operation_type = $('#' + id).attr('data-operation_type');


            if (operation_type == "cancel") {
                $(".overlay").show();

                clickedId = clickedId.slice(0, -7);
                var form = document.getElementById(clickedId);

                var inputs = form.getElementsByTagName('input');
                var select = form.getElementsByTagName('select');

                document.getElementById(clickedId + '_edit_button').innerHTML = "Edit";
                document.getElementById(clickedId + '_edit_image').src =
                    "{{ asset('backend') }}/lead-management/images/customer-detail/pencil.svg";
                document.getElementById(clickedId + '_cancel_button').style.display = "none";
                var inputs = form.getElementsByTagName('input');
                for (let i = 0; i < inputs.length; i++) {
                    inputs[i].readOnly = true;
                }


                for (let i = 0; i < select.length; i++) {
                    select[i].disabled = true;
                }

                var textareas = form.getElementsByTagName('textarea');
                for (let i = 0; i < textareas.length; i++) {
                    textareas[i].readOnly = true;
                }

                change_edit_save_personal_info = 0;
                form = null;
                save_form_data(form, clickedId, operation_type);

            } else if (operation_type == "delete") {

                save_form_data(form, clickedId, operation_type);
            } else {
                clickedId = clickedId.slice(0, -5);
                var form = document.getElementById(clickedId);

                var inputs = form.getElementsByTagName('input');
                var select = form.getElementsByTagName('select');
                if (document.getElementById(clickedId + '_edit_button').innerHTML == "Edit") {

                    document.getElementById(clickedId + '_edit_button').innerHTML = "Save";
                    document.getElementById(clickedId + '_cancel_button').style.display = "block";
                    document.getElementById(clickedId + '_edit_image').src =
                        "{{ asset('backend') }}/lead-management/images/customer-detail/file-save.svg";
                    for (let i = 0; i < inputs.length; i++) {
                        inputs[i].readOnly = false;
                    }
                    for (let i = 0; i < select.length; i++) {
                        select[i].disabled = false;
                    }

                    var textareas = form.getElementsByTagName('textarea');
                    for (let i = 0; i < textareas.length; i++) {
                        textareas[i].readOnly = false;
                    }
                    change_edit_save_personal_info = 1;
                } else if (clickedId == "webinar_form") {

                    save_form_data(form, clickedId, operation_type);
                } else {
                    document.getElementById(clickedId + '_edit_button').innerHTML = "Edit";
                    document.getElementById(clickedId + '_edit_image').src =
                        "{{ asset('backend') }}/lead-management/images/customer-detail/pencil.svg";
                    document.getElementById(clickedId + '_cancel_button').style.display = "none";
                    for (let i = 0; i < inputs.length; i++) {
                        inputs[i].readOnly = true;
                    }
                    for (let i = 0; i < select.length; i++) {
                        select[i].disabled = true;
                    }
                    var form = document.getElementById(clickedId);
                    change_edit_save_personal_info = 0;
                    save_form_data(form, clickedId, operation_type);
                }

            }

        }

        $('#start_date, #end_date').change(function() {
            var startDate = new Date($('#start_date').val());
            var endDate = new Date($('#end_date').val());

            // Compare the two dates
            if (startDate > endDate) {


                var minDate = startDate.toISOString().split('T')[0]; // Convert to string in format "YYYY-MM-DD"
                $('#end_date').attr('min', minDate);
                $('#end_date').attr('value', minDate);
                $('#end_date').html(minDate);
                $('#end_date').val(minDate);
            } else if (startDate < endDate) {
                var minDate = startDate.toISOString().split('T')[0]; // Convert to string in format "YYYY-MM-DD"
                $('#end_date').attr('min', minDate);
                $('#end_date').attr('value', minDate);
                // $('#end_date').html(minDate);
                // $('#end_date').val(minDate);

            } else {

                //    
            }
        });



        function save_form_data(form, clickedId, operation_type) {


            $(".upload-loader").show();
            $(".overlay").show();
            var form = document.getElementById(clickedId);
            if (operation_type == "delete") {

                formData = new FormData();
                operation_id = $('#' + clickedId).attr('data-operation_id');
                formData.append("operation_type", operation_type);
                formData.append("operation_id", operation_id);
                formData.append("user_id", {{ $candidate->user_id }});
                formData.append("type", clickedId);
                $(".upload-loader").hide();
                $(".overlay").hide();
            } else {
                formData = new FormData();
                var inputs = form.querySelectorAll('input[name]');
                var values = {};
                inputs.forEach(function(input) {
                    formData.append(input.name, input.value);
                });

                var textareas = form.querySelectorAll('textarea[name]');
                var values = {};

                textareas.forEach(function(textarea) {
                    formData.append(textarea.name, textarea.value);

                });
                var selects = form.querySelectorAll('select[name]');
                selects.forEach(function(select) {
                    var selectedOptions = Array.from(select.selectedOptions).map(option => option.value);
                    formData.append(select.name, selectedOptions);
                });

                formData.append("operation_type", operation_type);
                formData.append("user_id", {{ $candidate->user_id }});
                formData.append("type", clickedId);

            }
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
                type: 'POST',
                url: "{{ route('lead-management.update_new', $candidate->user_id) }}",
                data: formData,
                cache: false,
                processData: false,
                contentType: false,
                success: (res) => {
                    $(".upload-loader").hide();
                    $(".overlay").hide();
                    var form = document.getElementById(clickedId);

                    if (clickedId == "webinar_form") {
                        $('#tbody_webinar_list1').html(res.code);
                        if (res.status == 2) {
                            var message = "Worning";
                            type = "failed";
                        } else {
                            var message = "Success";
                            type = "success";
                        }


                        code = res.message;
                        header = form.getElementsByClassName('p-head')[0].innerHTML;
                        show_success_pop_up(code, type, message, header);
                        profile_update();
                        jquary_update();


                    } else {
                        code = "";


                        $('.delete-ed-popup').hide();

                        code = "";
                        if (res.status == 1) {
                            if (clickedId == "personal_info_form") {
                                document.getElementById('candidate_name_update').innerHTML = formData.get(
                                    'name') + " " + formData.get('last_name');
                            }

                            var warningElements = form.getElementsByClassName('warning');
                            for (var i = 0; i < warningElements.length; i++) {
                                warningElements[i].style.display = "none";
                            }
                            var fetch_data = res.fetch_data;
                            data_update_by_database(fetch_data, form);
                            var message = "Success";
                            type = "success";
                            code = res.message;
                            header = form.getElementsByClassName('p-head')[0].innerHTML;
                            show_success_pop_up(code, type, message, header);
                            // profile_update();

                        } else if (res.status == 2) {

                            var fetch_data = res.fetch_data;
                            data_update_by_database(fetch_data, form);
                            var message = "Failed Try Again";
                            type = "failed";
                            code = res.message;
                            header = form.getElementsByClassName('p-head')[0].innerHTML;
                            show_success_pop_up(code, type, message, header);
                            // profile_update();

                        } else if (res.status == 3) {
                            document.getElementById(clickedId + '_edit_button').innerHTML = "Save";
                            document.getElementById(clickedId + '_cancel_button').style.display = "block";
                            document.getElementById(clickedId + '_edit_image').src =
                                "{{ asset('backend') }}/lead-management/images/customer-detail/file-save.svg";

                            var form = document.getElementById(clickedId);

                            var inputs = form.getElementsByTagName('input');
                            var select = form.getElementsByTagName('select');
                            for (let i = 0; i < inputs.length; i++) {
                                inputs[i].readOnly = false;
                            }
                            for (let i = 0; i < select.length; i++) {
                                select[i].disabled = false;
                            }
                            change_edit_save_personal_info = 1;
                            errors_form = res['error'];
                            form_validation_check(form, errors_form);
                            var fetch_data = res.fetch_data;
                            data_update_by_database(fetch_data, form);
                            // profile_update();
                        } else if (res.status == 4) {
                            var form = document.getElementById(clickedId);
                            var fetch_data = res.fetch_data;
                            data_update_by_database(fetch_data, form);
                            // profile_update();
                            $('.overlay').hide();



                        } else {
                            var form = document.getElementById(clickedId);
                            var message = "Error";
                            type = "failed";
                            code = res.message;
                            header = form.getElementsByClassName('p-head')[0].innerHTML;
                            show_success_pop_up(code, type, message, header);
                            var fetch_data = res.fetch_data;
                            data_update_by_database(fetch_data, form);
                            // profile_update();
                        }
                    }
                    profile_update();
                }
            });
        }

        function data_update_by_database(fetch_data, form) {


            for (var key in fetch_data) {
                if (fetch_data.hasOwnProperty(key)) {
                    var value = fetch_data[key];

                    var element = form.querySelector('[name="' + key + '"]');

                    if (!element) {
                        var element_new = form.querySelector('[name="' + key + '[]"]');
                        if (element_new) {

                            if (element_new.tagName === 'SELECT') {

                                element_new.setAttribute('value', value); // Update the value of the input, 
                                $('#' + element_new.id).val(value).trigger('change');
                                if (value == null) {

                                } else {
                                    var valuesArray = value.split(','); // Split the string into an array of 
                                    var values = valuesArray; // Array of values to select
                                    $('#' + element_new.id + ' option').prop('selected', false);
                                    values.forEach(function(val) {
                                        $('#' + element_new.id + ' option[value="' + val + '"]').prop('selected',
                                            true);
                                    });
                                    $('#' + element_new.id).trigger('change');
                                }


                            }

                        }
                    }

                    if (element) {
                        if (element.tagName === 'INPUT') {
                            element.setAttribute('value',
                                value); // Update the value of the input, select, or textarea element
                            document.getElementById(element.id).value = value;
                        }
                        if (element.tagName === 'SELECT') {
                            element.setAttribute('value',
                                value); // Update the value of the input, select, or textarea element
                            // document.getElementById(element.id).value = value;

                            $('#' + element.id).val(value).trigger('change');
                        }

                        if (element.tagName === 'TEXTAREA') {
                            // document.getElementById(element.id).innerHTML = value;     
                            var element = document.getElementById(element.id);


                            // Update the value of the input element
                            element.value = value;
                        }
                    }
                }
            }

            if (form.id == "personal_info_form" && fetch_data != null) {

                var response = get_states(fetch_data['country_id'], fetch_data['state_id']);
                if (response == true) {
                    get_cites(fetch_data['state_id'], fetch_data['city_id']);
                } else {

                }

                var country = fetch_data['country'];
                $.ajax({
                    url: "{{ url('countryArray.php') }}?t=" + country,
                    success: function(res) {
                        $("#country").html(res);
                    }
                });


                if (fetch_data['student_category'] == "Gold") {
                    $('#change_student_category').html(
                        '<p class="category gold" title="Student Category" ><span class="cat-icon"></span><span class="cat-text" >Gold</span></p>'
                        )
                } else if (fetch_data['student_category'] == "Silver") {
                    $('#change_student_category').html(
                        '<p class="category silver" title="Student Category"><span class="cat-icon"></span><span class="cat-text">Silver</span></p>'
                        )
                } else if (fetch_data['student_category'] == "Bronze") {
                    $('#change_student_category').html(
                        '<p class="category bronze" title="Student Category"><span class="cat-icon"></span><span class="cat-text">Bronze</span></p>'
                        )
                }

                $('#candidate_age').html(fetch_data['age'])




            }

            if (form.id == "notes_data_form") {
                $('#notes_data_form_edit_button').html("Save");
                $('#notes').readOnly = false;


            }

            if (form.id == "notes_data_form") {

            }




        }

        function profile_update() {
            $.ajax({
                type: 'GET',
                url: "{{ url('/api/profile_complete', $candidate->id) }}",
                data: formData,
                cache: false,
                processData: false,
                contentType: false,
                success: (res) => {
                    $('#data_progress_bar').attr('data-progress', res.available_percentage);
                    $('.filled-line').width(res.available_percentage + '%');
                    $('.progress-value').html(res.available_percentage + '%');

                    $('#data_progress_bar').attr('data-progress', res.available_percentage);
                    // Update other elements if needed
                    $('.percentage').html(res.available_percentage + '%');


                }
            });
        }

        function show_success_pop_up(code, type, message, header) {
            // if (header == null) {
            //     header = "Operation";
            // }
            // $('#success_popup_heading').html(header);
            // $('.m-head').html(message);
            // $('#success_popup_text').html(code);
            // $('#success-popup').css('display', 'block');
            // $('#success-popup').css('display', 'block');
            if (type == "success") {
                $('.overlay').hide();
                toastr.success(code);
                // $('#icons_success_popup').html(
                //     `<img src="{{ asset('backend') }}/lead-management/images/green-tick.svg" alt="error" width="100%" height="100%">`
                // );
            } else if (type == "failed") {
                $('.overlay').hide();
                toastr.error(code);
                // $('#icons_success_popup').html(
                //     `<img src="{{ asset('backend') }}/lead-management/images/error-1.svg" alt="error" width="100%" height="100%">`
                // );
            }

            $('.overlay').hide();
        }

        function form_validation_check(form, errors_form) {
            $('.warning').html("");
            var code = "";
            for (const fieldName in errors_form) {
                if (errors_form.hasOwnProperty(fieldName)) {
                    const errorMessages = errors_form[fieldName];
                    if (errorMessages.length > 0) {
                        code = code + `<p><strong> ${fieldName} : </strong>${errorMessages[0]} </p>`;
                        var warningElement = document.createElement("p");
                        warningElement.className = "warning";
                        warningElement.textContent = errorMessages[0];
                        var allElements = document.querySelectorAll('input[name="' + fieldName + '"], input[id="' +
                            fieldName + '"],select[id="' + fieldName + '"], select[name="' + fieldName + '"]');
                        allElements.forEach(function(element) {
                            var warningElement = document.createElement("p");
                            warningElement.className = "warning";
                            warningElement.textContent = errorMessages[0];
                            element.parentNode.insertBefore(warningElement.cloneNode(true), element.nextSibling);
                        });
                    }
                }
            }
            $('.overlay').hide();
        }

        document.getElementById('file').onchange = function() {
            var file = document.getElementById('file').files[0];
            $('#file_name').html(file['name']);

        };


        $('#upload_btn').on('click', function(e) {
            // if ($("#recommender_name").val() != "" && $("#recommender_Designation").val() != "" && $(
            //         "#recommender_relation").val() != "") {
            //     $('#upload-popup').show();
            //     $('.lor-popup').hide();
            //     $('overlay').show();

            // } else {
            //     $('#upload-popup').hide();

            // }

            $('#upload-popup').show();
            $('.lor-popup').hide();
            $('overlay').show();
        });

        $('#file_upload_by_ajax').on('submit', function(e) {
            e.preventDefault();
            formData = new FormData($(this)[0]);
            var user_id = {{ $candidate->user_id }};
            var subcategory_name = document.getElementById('subcategory_name').value;
            var document_name = document.getElementById('document_name').value;
            var document_subcategory_id = document.getElementById('document_subcategory_id').value;

            formData.append('user_id', user_id);

            formData.append('subcategory_name', subcategory_name);
            formData.append('name', $("#recommender_name").val());
            formData.append('designation', $("#recommender_Designation").val());
            formData.append('ofemail', $("#of_email").val());
            var file = document.getElementById('file').files[0];

            formData.append('relation', $("#recommender_relation").val());
            formData.append('document_name', document_name);
            formData.append('document_subcategory_id', document_subcategory_id);
            formData.append('document_id', $("#document_id").val());





            if (file != null) {

                if (file['size'] >= 10000000) {
                    code = "Document Upload Maximum Size Only 10 Mb";
                    $('#success_popup_text').html(code);
                    $('#success-popup').css('display', 'block');
                    $('#icons_success_popup').html(
                        `<img src="{{ asset('backend') }}/lead-management/images/error-1.svg" alt="error" width="100%" height="100%">`
                    );
                    $(".upload-popup").hide();
                    $(".overlay").hide();
                    //document. ('upload-popup').style.display="none";
                    const ele_var = document.querySelectorAll('body');
                    ele_var.forEach((element) => {
                        element.classList.remove('no-scroll');
                    });
                } else {
                    var file = document.getElementById('file').files[0];
                    formData.append('file', file);
                    $('#upload-popup').hide();
                    $(".upload-loader").show();
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        }
                    });
                    $.ajax({
                        type: 'POST',
                        url: "{{ route('lead-management.documents_upload') }}",
                        data: formData,
                        cache: false,
                        processData: false,
                        contentType: false,
                        success: (res) => {
                            var code = "";
                            $(".upload-loader").hide();
                            if (res.status == 1) {
                                $('.m-head').html("Success");
                                $(".overlay").show();

                                // code = code + res.message;
                                // $('#success_popup_text').html(code);
                                // $('#success-popup').css('display', 'block');
                                // $('#icons_success_popup').html(
                                //     `<img src="{{ asset('backend') }}/lead-management/images/green-tick.svg" alt="error" width="100%" height="100%">`
                                // );


                                var message = "Success";
                                type = "success";
                                code = res.message;
                                header = "";
                                show_success_pop_up(code, type, message, header);

                            } else if (res.status == 2) {
                                // code = code + res.message;
                                // $('#success_popup_text').html(code);
                                // $('#success-popup').css('display', 'block');
                                // $('#icons_success_popup').html(
                                //     `<img src="{{ asset('backend') }}/lead-management/images/error-1.svg" alt="error" width="100%" height="100%">`
                                // );
                                var message = "Failed";
                                type = "failed";
                                code = res.message;
                                header = "";
                                show_success_pop_up(code, type, message, header);

                            } else if (res.status == 3) {
                                // code = code + res.error['file'][0];
                                // $('.m-head').html(code);
                                $(".overlay").show();
                                // $('#success_popup_text').html(code);
                                // $('#success-popup').css('display', 'block');
                                // $('#icons_success_popup').html(
                                //     `<img src="{{ asset('backend') }}/lead-management/images/error-1.svg" alt="error" width="100%" height="100%">`
                                // );
                                var message = "Failed";
                                type = "failed";
                                code = res.error['file'][0];
                                header = "";
                                show_success_pop_up(code, type, message, header);
                            }
                            //document.getElementsByClassName("overlay").style.display="none";
                            $(".upload-popup").hide();

                            //document. ('upload-popup').style.display="none";
                            const ele_var = document.querySelectorAll('body');
                            ele_var.forEach((element) => {
                                element.classList.remove('no-scroll');
                            });
                            refresh_education_data("overlay_show");
                            refreshDocuments("overlay_show");
                        }
                    });
                }

            } else if (subcategory_name == "LOR 1" || subcategory_name == "LOR 2" || subcategory_name == "LOR 3") {
                $('#upload-popup').hide();
                $(".upload-loader").show();
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    type: 'POST',
                    url: "{{ route('lead-management.documents_upload') }}",
                    data: formData,
                    cache: false,
                    processData: false,
                    contentType: false,
                    success: (res) => {
                        var code = "";
                        $(".upload-loader").hide();
                        if (res.status == 1) {
                            $('.m-head').html("Success");
                            $(".overlay").show();

                            // code = code + res.message;
                            // $('#success_popup_text').html(code);
                            // $('#success-popup').css('display', 'block');
                            // $('#icons_success_popup').html(
                            //     `<img src="{{ asset('backend') }}/lead-management/images/green-tick.svg" alt="error" width="100%" height="100%">`
                            // );

                            var message = "Success";
                            type = "success";
                            code = res.message;
                            header = "";
                            show_success_pop_up(code, type, message, header);

                        } else if (res.status == 2) {
                            code = code + res.message;
                            $('#success_popup_text').html(code);
                            $('#success-popup').css('display', 'block');
                            $('#icons_success_popup').html(
                                `<img src="{{ asset('backend') }}/lead-management/images/error-1.svg" alt="error" width="100%" height="100%">`
                            );
                            var message = "Failed";
                            type = "failed";
                            code = res.message;
                            header = "";
                            show_success_pop_up(code, type, message, header);

                        } else if (res.status == 3) {
                            // code = code + res.error['file'][0];
                            // $('.m-head').html(code);
                            // $(".overlay").show();
                            // $('#success_popup_text').html(code);
                            // $('#success-popup').css('display', 'block');
                            // $('#icons_success_popup').html(
                            //     `<img src="{{ asset('backend') }}/lead-management/images/error-1.svg" alt="error" width="100%" height="100%">`
                            // );
                            var message = "Failed";
                            type = "failed";
                            code = res.error['file'][0];
                            header = "";
                            show_success_pop_up(code, type, message, header);
                        }
                        //document.getElementsByClassName("overlay").style.display="none";
                        $(".upload-popup").hide();

                        //document. ('upload-popup').style.display="none";
                        const ele_var = document.querySelectorAll('body');
                        ele_var.forEach((element) => {
                            element.classList.remove('no-scroll');
                        });
                        refresh_education_data("overlay_show");
                        refreshDocuments("overlay_show");
                    }
                });
            } else {
                Swal.fire('First Upload File')
            }

            $('#file_name').html("Select File");
        });



        $(document).ready(function() {




            if ($('#marital_status').val() == "Married") {
                $('.spouse-ques').show();
            } else {
                $('.spouse-ques').hide();
                $('.family-details').hide();
            }

            if ($('#spouse_comming').val() == "Yes") {
                $('.family-details').show();
            } else if ($('#spouse_comming').val() == "") {
                $('.family-details').hide();
            } else {
                $('.family-details').hide();
            }



            $('#marital_status').change(function() {
                if ($('#marital_status').val() == "Married") {
                    $('.spouse-ques').show();
                    $('#spouse_comming').val("Yes").trigger('change');
                    $('.family-details').show();
                } else {
                    $('.spouse-ques').hide();
                    $('#spouse_comming').val("No").trigger('change')
                    $('.family-details').hide();
                }
            });


            $('#spouse_comming').change(function() {
                if ($('#spouse_comming').val() == "Yes") {
                    $('.family-details').show();
                } else {
                    $('.family-details').hide();
                }
            });




        });

        function document_show() {
            refreshDocuments("overlay_hide");
        }


        function work_experience_show() {
            show_form_work_experience("overlay_hide");
        }

        function work_education_show() {
            $(".upload-loader").show();
            $(".overlay").show();
            refresh_education_data("overlay_hide");
        }




        var current_tab_active = 0;

        function refreshDocuments(type) {
            var candidate_edit = "{{ userCan('candidate.update') }}";
            $(".overlay").show();
            $(".upload-loader").show();
            var user_id = {{ $candidate->user_id }};
            $.ajax({
                type: "post",
                url: "{{ route('lead-management.get_documents') }}",
                data: {
                    'user_id': user_id
                },
                beforeSend: function() {
                    // Show image container
                    $("#accordionExample2").html("");
                    $("#pills-section-additional").html("");

                },
                success: function(res) {

                    $("#update_document").html(res);

                    if (type == "overlay_show") {
                        $(".overlay").show();
                    } else {
                        $(".overlay").hide();
                    }
                    $(".upload-loader").hide();

                    // var code = `<p class="panel-top"> 
                // <span class="p-head">Documents</span> </p>
                //     <ul class="tab-list">
                //       <li class="tabs active" data-key="All">All </li>`;
                    // for (let ww in res['data']['doc_category']) {
                    //     if (res['data']['doc_category'][ww]['document_category_name'] == "Gap") {

                    //         code = code + `<li class="tabs active" data-key="Gap">Gap </li>  `;
                    //     } else {
                    //         code = code +
                    //             `<li class="tabs" data-key="pop_up${res['data']['doc_category'][ww]['id']}">${res['data']['doc_category'][ww]['document_category_name']}</li>`;
                    //     }

                    // }
                    // code = code + `<li class="tabs active" data-key="Other">Additional </li> </ul> `;
                    // code = code + `<div class="view-documents  All" style="display:block;"> `;

                    // for (let doc__sub_category_increment in res['data']['doc_sub_category']) {

                    //     var flag = 0;
                    //     for (let y in res['data']['document']) {
                    //         if (res['data']['document'][y]['document_subcategory_id'] == res['data'][
                    //                 'doc_sub_category'
                    //             ][doc__sub_category_increment]['id']) {
                    //             code = code + ` <i class="fas fa-upload"></i>
                //                         <div class="doc-item">
                //                             <p class="doc-name uploaded">
                //                                 <img src="{{ asset('backend') }}/lead-management/images/green-tick.svg" alt="green-tick"width="100%" height="100%">
                //                                 ${res['data']['doc_sub_category'][doc__sub_category_increment]['document_subcategory_name']}
                //                             </p>
                //                             <p class="user-actions">`;


                    //             if (

                    //                 res['data']['document'][y]['document_subcategory_id'] == "2" ||
                    //                 res['data']['document'][y]['document_subcategory_id'] == "3" ||
                    //                 res['data']['document'][y]['document_subcategory_id'] == "4"
                    //             ) {

                    //                 if (candidate_edit == 1) {
                    //                     code = code +
                    //                         `
                //                                     <a href="javascript:;" class="user-link up-link" aria-label="upload" data-document_name="" data-document_data="${res['data']['document'][y]['document_data']}" data-document_id="${res['data']['document'][y]['id']}"  data-subcategory="${res['data']['doc_sub_category'][doc__sub_category_increment]['document_subcategory_name']}" data-document_subcategory_id="${res['data']['doc_sub_category'][doc__sub_category_increment]['id']}" > <img src="{{ asset('backend') }}/lead-management/images/edit.svg" alt="up-icon" width="100%" height="100%">
                //                                 </a>`
                    //                 }
                    //             }
                    //             code = code + `


                //                                 <a  class="user-link doc-view" data-link="${res['data']['document_link']}${res['data']['document'][y]['document_location']}" data-document_data="${res['data']['document'][y]['document_data']}" >
                //                                     <img src="{{ asset('backend') }}/lead-management/images/eye.svg"  alt="view-icon" width="100%" height="100%">
                //                                 </a> `;
                    //             if (candidate_edit == 1) {
                    //                 code = code + ` <a  href="javascript:;" class="user-link delete-doc" data-id="${res['data']['document'][y]['id']}" aria-label="delete" >
                //                     <img src="{{ asset('backend') }}/lead-management/images/delete.svg" alt="delete" width="100%" height="100%">
                //                 </a> `;
                    //             }



                    //             code = code + `    </p> 
                //                         </div>`;
                    //             flag = 1;
                    //             break;
                    //         }
                    //     }
                    //     if (flag == 0) {
                    //         code = code + `<div class="doc-item">
                //                         <p class="doc-name">
                //                             <img src="{{ asset('backend') }}/lead-management/images/customer-detail/no-tick.svg" alt="no-tick" width="100%" height="100%">${res['data']['doc_sub_category'][doc__sub_category_increment]['document_subcategory_name']}
                //                         </p>`;
                    //         if (candidate_edit == 1) {
                    //             code = code + ` <p class="user-actions"> 
                //                             <a href="javascript:;" class="user-link up-link" aria-label="upload" data-document_name="" data-subcategory="${res['data']['doc_sub_category'][doc__sub_category_increment]['document_subcategory_name']}" data-document_subcategory_id="${res['data']['doc_sub_category'][doc__sub_category_increment]['id']}" >
                //                                 <img src="{{ asset('backend') }}/lead-management/images/up-icon.svg" alt="up-icon" width="100%" height="100%">
                //                             </a> 
                //                         </p>`;
                    //         }
                    //         code = code + `</div>`;
                    //     }


                    // }
                    // code = code + '</div>';

                    // for (let doc_category_increment in res['data']['doc_category']) {
                    //     code = code +
                    //         `<div class="view-documents  pop_up${res['data']['doc_category'][doc_category_increment]['id']}">`;
                    //     for (let doc__sub_category_increment in res['data']['doc_sub_category']) {
                    //         if (res['data']['doc_sub_category'][doc__sub_category_increment][
                    //                 'document_category_id'
                    //             ] == res['data']['doc_category'][doc_category_increment]['id']) {
                    //             var flag = 0;
                    //             for (let y in res['data']['document']) {

                    //                 if (res['data']['document'][y]['document_subcategory_id'] == res['data'][
                    //                         'doc_sub_category'
                    //                     ][doc__sub_category_increment]['id']) {
                    //                     code = code + ` <i class="fas fa-upload">
                //                                         </i><div class="doc-item">

                //                                             <p class="doc-name uploaded">
                //                                                 <img src="{{ asset('backend') }}/lead-management/images/green-tick.svg" alt="green-tick"width="100%" height="100%">
                //                                                 ${res['data']['doc_sub_category'][doc__sub_category_increment]['document_subcategory_name']}
                //                                             </p> <p class="user-actions"> `;

                    //                     if (

                    //                         res['data']['document'][y]['document_subcategory_id'] == "2" ||
                    //                         res['data']['document'][y]['document_subcategory_id'] == "3" ||
                    //                         res['data']['document'][y]['document_subcategory_id'] == "4"
                    //                     ) {

                    //                         if (candidate_edit == 1) {
                    //                             code = code +
                    //                                 `
                //         <a href="javascript:;" class="user-link up-link" aria-label="upload" data-document_name="" data-document_data="${res['data']['document'][y]['document_data']}" data-document_id="${res['data']['document'][y]['id']}"  data-subcategory="${res['data']['doc_sub_category'][doc__sub_category_increment]['document_subcategory_name']}" data-document_subcategory_id="${res['data']['doc_sub_category'][doc__sub_category_increment]['id']}" > <img src="{{ asset('backend') }}/lead-management/images/edit.svg" alt="up-icon" width="100%" height="100%">
                //         </a>`
                    //                         }
                    //                     }

                    //                     code = code +
                    //                         `     <a  class="user-link doc-view" data-document_data="${res['data']['document'][y]['document_data']}" data-link="${res['data']['document_link']}${res['data']['document'][y]['document_location']}" >
                //                                                     <img src="{{ asset('backend') }}/lead-management/images/eye.svg"  alt="view-icon" width="100%" height="100%">
                //                                                 </a> `;

                    //                     if (candidate_edit == 1) {
                    //                         code = code + `

                //                                                 <a  href="javascript:;" class="user-link delete-doc" data-id="${res['data']['document'][y]['id']}" aria-label="delete" >
                //                                                 <a  href="javascript:;" class="user-link delete-doc" data-id="${res['data']['document'][y]['id']}" aria-label="delete" >
                //                                                     <img src="{{ asset('backend') }}/lead-management/images/delete.svg" alt="delete" width="100%" height="100%">
                //                                                 </a> 
                //                                             `;
                    //                     }

                    //                     code = code + `</p></div>`;
                    //                     flag = 1;
                    //                     break;
                    //                 }
                    //             }
                    //             if (flag == 0) {
                    //                 code = code + `<div class="doc-item">
                //                         <p class="doc-name">
                //                             <img src="{{ asset('backend') }}/lead-management/images/customer-detail/no-tick.svg" alt="no-tick" width="100%" height="100%">${res['data']['doc_sub_category'][doc__sub_category_increment]['document_subcategory_name']}
                //                         </p>`;
                    //                 if (candidate_edit == 1) {
                    //                     code = code + ` <p class="user-actions"> 
                //                             <a href="javascript:;" class="user-link up-link" aria-label="upload" data-document_name="" data-subcategory="${res['data']['doc_sub_category'][doc__sub_category_increment]['document_subcategory_name']}" data-document_subcategory_id="${res['data']['doc_sub_category'][doc__sub_category_increment]['id']}" >
                //                                 <img src="{{ asset('backend') }}/lead-management/images/up-icon.svg" alt="up-icon" width="100%" height="100%">
                //                             </a> 
                //                         </p>`;
                    //                 }
                    //                 code = code + `</div>`;
                    //             }
                    //         }
                    //     }
                    //     code = code + '</div>';
                    // }

                    // code = code + `<div class="view-documents  Other" style="display:block;">  <div class="other-doc">
                //             <img src="{{ asset('backend') }}/lead-management/images/up-icon.svg"
                //             alt="icon">
                //             <p class="ad-head">Upload Additional Documents</p>
                //             <p class="ad-subhead">Documents which don’t come under Application, Visa & Financial
                //             Type</p>


                //             <a href="javascript:;" class="btn upload-btn up-link" aria-label="upload"
                //             data-document_name="other" data-subcategory="Income_Tax_Returns"
                //             data-document_subcategory_id="">Upload</a>
                //             </div>`;


                    // var flag = 0;
                    // for (let y in res['data']['document']) {
                    //     if (res['data']['document'][y]['document_subcategory_id'] == null) {
                    //         code = code + ` <i class="fas fa-upload"></i>
                //                         <div class="doc-item">
                //                             <p class="doc-name uploaded">
                //                                 <img src="{{ asset('backend') }}/lead-management/images/green-tick.svg" alt="green-tick"width="100%" height="100%">
                //                                 ${res['data']['document'][y]['document_name']}
                //                             </p>
                //                             <p class="user-actions">
                //                                 <a  class="user-link doc-view" data-document_data="${res['data']['document'][y]['document_data']}" data-link="${res['data']['document_link']}${res['data']['document'][y]['document_location']}" >
                //                                     <img src="{{ asset('backend') }}/lead-management/images/eye.svg"  alt="view-icon" width="100%" height="100%">
                //                                 </a> 
                //                                 <a  href="javascript:;" class="user-link delete-doc" data-id="${res['data']['document'][y]['id']}" aria-label="delete" >
                //                                     <img src="{{ asset('backend') }}/lead-management/images/delete.svg" alt="delete" width="100%" height="100%">
                //                                 </a> 
                //                             </p> 
                //                         </div>`;
                    //         flag = 1;

                    //     }
                    // }

                    // code = code + '</div>';
                    // code = code + `<div class="view-documents  Gap" style="display:block;">  <div class="other-doc">
                //             <img src="{{ asset('backend') }}/lead-management/images/up-icon.svg"
                //             alt="icon">
                //             <p class="ad-head">Upload Additional Documents</p>
                //             <p class="ad-subhead">Documents which don’t come under Application, Visa & Financial
                //             Type</p>


                //             <a href="javascript:;" class="btn upload-btn up-link" aria-label="upload"
                //             data-document_name="other" data-subcategory="Income_Tax_Returns"
                //             data-document_subcategory_id="41">Upload</a>
                //             </div>`;


                    // var flag = 0;
                    // for (let y in res['data']['document']) {
                    //     if (res['data']['document'][y]['document_subcategory_id'] == 41) {
                    //         code = code + ` <i class="fas fa-upload"></i>
                //                         <div class="doc-item">
                //                             <p class="doc-name uploaded">
                //                                 <img src="{{ asset('backend') }}/lead-management/images/green-tick.svg" alt="green-tick"width="100%" height="100%">
                //                                 ${res['data']['document'][y]['document_name']}
                //                             </p>
                //                             <p class="user-actions">
                //                                 <a  class="user-link doc-view" data-document_data="${res['data']['document'][y]['document_data']}" data-link="${res['data']['document_link']}${res['data']['document'][y]['document_location']}" >
                //                                     <img src="{{ asset('backend') }}/lead-management/images/eye.svg"  alt="view-icon" width="100%" height="100%">
                //                                 </a> 
                //                                 <a  href="javascript:;" class="user-link delete-doc" data-id="${res['data']['document'][y]['id']}" aria-label="delete" >
                //                                     <img src="{{ asset('backend') }}/lead-management/images/delete.svg" alt="delete" width="100%" height="100%">
                //                                 </a> 
                //                             </p> 
                //                         </div>`;
                    //         flag = 1;

                    //     }
                    // }



                    // code = code + '</div>';

                    var flag = 0;
                    // $("#update_document").html(code);

                    $(".up-link").click(function() {
                        $("#recommender_name").val("");
                        $("#recommender_Designation").val("");
                        $("#of_email").val("");
                        $("#document_id").val("");
                        $("#recommender_relation").val("");
                        var newform = document.getElementById('file_upload_by_ajax');
                        newform.reset();
                        var subcategory = this.getAttribute('data-subcategory');

                        var document_subcategory_id = this.getAttribute('data-document_subcategory_id');
                        var document_name = this.getAttribute('data-document_name');
                        document.getElementById('subcategory_name').value = subcategory;
                        document.getElementById("document_subcategory_id").value =
                            document_subcategory_id;
                        var document_data = this.getAttribute('data-document_data');

                        if (subcategory == "LOR 1" || subcategory == "LOR 2" || subcategory ==
                            "LOR 3") {
                            $(".lor-popup").show();
                            $('.overlay').show();
                            if (document_data == null) {

                                $('.upload-btn').val("submit");
                            } else {

                                let arr = document_data.split(",");


                                $("#recommender_name").val(arr[0]);
                                $("#recommender_Designation").val(arr[1]);
                                $("#of_email").val(arr[2])
                                $("#recommender_relation").val(arr[3]);
                                var doc_id = this.getAttribute('data-document_id');
                                $("#document_id").val(doc_id);
                                if ($("#recommender_name").val() != "" && $("#recommender_Designation")
                                    .val() != "" && $("#recommender_relation").val() != "") {
                                    $('#upload_btn').show();
                                    $('overlay').show();

                                } else {
                                    $('#upload_btn').hide();
                                }
                                $('.upload-btn').val("submit");
                            }


                        } else {
                            $(".upload-popup").show();
                            $('.overlay').show();
                            $('.upload-btn').val("Upload File");

                        }
                        if (document_name == "other" || document_name == "Gap") {
                            $("#document_name_open").show();
                            $("#document_name").prop('required', true);
                        } else {
                            $("#document_name_open").hide();
                            $("#document_name").prop('required', false);
                        }

                    });
                    $('.tabs').click(function() {
                        current_tab_active = $(this).index(".tabs");
                        $('.tabs').removeClass('active');
                        $(this).addClass('active');
                        if ($(this).attr('data-key') != 'app') {
                            $('.view-documents').hide();
                            $('.' + $(this).attr('data-key')).show();
                        } else {
                            $('.view-documents').hide();
                            $('.app').show();
                        }
                    });

                    $('.tabs').removeClass('active');
                    $('.tabs:eq(' + current_tab_active + ')').addClass('active');
                    if ($('.tabs:eq(' + current_tab_active + ')').attr('data-key') != 'app') {
                        $('.view-documents').hide();
                        $('.' + $('.tabs:eq(' + current_tab_active + ')').attr('data-key')).show();
                    } else {
                        $('.view-documents').hide();
                        $('.app').show();
                    }

                    $(".doc-view").click(function() {
                        var link = $(this).attr('data-link');

                        if (link != null) {
                            $('#view_document_image').attr('src', "");
                            $(".view-document-popup").show();
                            $('.overlay').show();

                            var data = $(this).attr('data-document_data');
                            var fileExtension = link.split('.').pop();

                            if (fileExtension == "jpg" || fileExtension == "png" || fileExtension ==
                                "jpeg") {
                                $("#view_document_image").show();
                                $('#view_document_image').attr('src', link);
                            } else {

                                $("#view_document_iframe").show()

                                $('#view_document_iframe').attr('src', link);
                            }

                        } else {
                            toastr.error("file Not Available");
                        }

                    })






                    $(".close").click(function() {
                        $(".view-document-popup").hide();
                        $('.overlay').hide();
                        $("#view_document_iframe").hide()
                        $("#view_document_image").hide()
                        $('#view_document_iframe').attr('src', "");
                    })
                    $(".delete-doc").click(function() {
                        $(".delete-ed-popup").show();
                        var dataIdValue = $(this).attr("data-id");
                        $('#doc_delete_id').val(dataIdValue);
                        $('#doc_type').attr('value', 'document');
                        $('.overlay').show();
                    })

                }
            });
        }

        $("#medium").on("change", function() {
            if ($(this).val() === "other") {
                $("#medium_other_input").show();
            } else {
                $("#medium_other_input").hide();
            }
        });

        var second_call = 0;
        $(document).ready(function() {
            //If Other is Selected
            // if ($('.apt-other').val().toLowerCase() === "other") {
            //     $(".aptitude-other").show();
            //     // $(".apt-taken-date").css("margin-right", "50px");
            //     // $(".apt-taken-date").next().css("margin-right", "0");
            //     if (window.innerWidth > 1366) {
            //         // $(".apt-taken-date").css("margin-right", "0");
            //         // $(".apt-taken-date").next().css("margin-right", "50px");
            //     }
            // } else {
            //     $(".aptitude-other").hide();
            //     // $(".apt-taken-date").css("margin-right", "0");
            //     // $(".apt-taken-date").next().css("margin-right", "50px");
            //     if (window.innerWidth > 1366) {
            //         // $(".apt-taken-date").css("margin-right", "50px");
            //         // $(".apt-taken-date").next().css("margin-right", "0");
            //     }
            // }

            // if ($('.eng-other').val().toLowerCase() == "other") {
            //     $(".english-other").show();
            //     // $(".eng-taken-date").css("margin-right", "50px");
            //     // $(".eng-taken-date").next().css("margin-right", "0");
            //     if (window.innerWidth > 1366) {
            //         // $(".eng-taken-date").css("margin-right", "0");
            //         // $(".eng-taken-date").next().css("margin-right", "50px");
            //     }
            // } else {
            //     $(".english-other").hide();
            //     // $(".eng-taken-date").css("margin-right", "0");
            //     // $(".eng-taken-date").next().css("margin-right", "50px");
            //     if (window.innerWidth > 1366) {
            //         // $(".eng-taken-date").css("margin-right", "50px");
            //         // $(".eng-taken-date").next().css("margin-right", "0");
            //     }
            // }

            // // If None is Selected
            // if ($('.eng-other').val() === "NT") {
            //     $(".eng-taken-date,.eng-result-date,.eng-score").hide();
            // } else {
            //     $(".eng-taken-date,.eng-result-date,.eng-score").show();
            // }



            // $('.eng-other').change(function() {

            //     if ($('.eng-other').val() === "NT") {
            //         $(".eng-taken-date,.eng-result-date,.eng-score").hide();
            //     } else {
            //         $(".eng-taken-date,.eng-result-date,.eng-score").show();
            //     }
            // });

            // if ($('.apt-other').val() === "NT") {
            //     $(".apt-taken-date,.apt-result-date,.apt-score").hide();
            // } else {
            //     $(".apt-taken-date,.apt-result-date,.apt-score").show();
            // }

            // $('.apt-other').change(function() {
            //     if ($('.apt-other').val() === "NT") {
            //         $(".apt-taken-date,.apt-result-date,.apt-score").hide();
            //     } else {
            //         $(".apt-taken-date,.apt-result-date,.apt-score").show();
            //     }
            // });

            var country_id = '{{ @$candidate->country_id }}';
            if (country_id != null) {
                var selected_state_id = '{{ @$candidate->state_id }}';
                get_states(country_id, selected_state_id);
            }

            $('#country_id').on('change', function() {
                if ($('#country_id').val() == "other") {
                    $('#country_id_name_div').show();
                } else {
                    $('#country_id_name_div').hide();
                    $('#country_id_name').attr('value', '');
                }
                var country_id = this.value;
                var selected_state_id = '{{ @$candidate->state_id }}';
                second_call++;
                get_states(country_id, selected_state_id);
            });

            $('#state_id').on('change', function() {
                var state_id = this.value;
                var selected_city_id = '{{ @$candidate->city_id }}';
                get_cites(state_id, selected_city_id);
                if ($('#state_id').val() == "other") {
                    $('#state_id_name_div').show();
                } else {
                    $('#state_id_name_div').hide();

                }
            });

            $('#city_id').on('change', function() {

                if ($('#city_id').val() == "other") {
                    $('#city_id_name_div').show();
                } else {
                    $('#city_id_name_div').hide();
                    $('#city_id_name').attr('value', '');
                }
            });




        });

        // view cities by state
        $(document).ready(function() {

            var country = "{{ @$candidate->user->country }}";

            $.ajax({
                url: "{{ url('countryArray.php') }}?t=" + country,
                success: function(res) {
                    $("#country").html(res);

                    var selectedOption = $("#country option:selected");

                    var sortCode = selectedOption.data('sort_code');
                    var name = selectedOption.data('country');

                    $('#resident_country').html(sortCode);
                    $('#resident_country').attr('title', name);

                }
            });
            // This function use for when visa refusal is yes show 3 sub manu and when no hide sub manu     
            $('#visa_refusal').change(function() {
                if ($('#visa_refusal').val() == "1") {
                    $('.vias_submanu').show();
                } else {
                    $('.vias_submanu').hide();
                }
            });

            if ($('#visa_refusal').val() == "1") {
                $('.vias_submanu').show();
            } else {
                $('.vias_submanu').hide();
            }


            $('#passport_status').change(function() {

                if ($('#passport_status').val() == "1") {
                    $('.passport_submanu').show();



                    if ($('#country_id').val() == "other") {
                        $('#country_id_name_div').show();
                    } else {
                        $('#country_id_name_div').hide();
                        $('#country_id_name').attr('value', '');
                    }


                    if ($('#state_id').val() == "other") {
                        $('#state_id_name_div').show();
                    } else {
                        $('#state_id_name_div').hide();

                    }




                    if ($('#city_id').val() == "other") {
                        $('#city_id_name_div').show();
                    } else {
                        $('#city_id_name_div').hide();
                        $('#city_id_name').attr('value', '');
                    }



                } else {
                    $('.passport_submanu').hide();
                    $('#passport_number').val('');
                }
            });

            var passport_data = '{{ @$candidate->passport_number }}';

            if ($('#passport_status').val() == "1") {
                $('.passport_submanu').show();
            } else if (passport_data != null && passport_data != "") {
                $('.passport_submanu').show();
                document.getElementById('passport_status').value = 1;

                // Create and dispatch a change event
                var event = new Event('change', {
                    bubbles: true
                });
                document.getElementById('passport_status').dispatchEvent(event);

            } else {
                $('.passport_submanu').hide();
            }




            var state_id = '{{ @$candidate->state_id }}';
            var selected_city_id = '{{ @$candidate->city_id }}';
            get_cites(state_id, selected_city_id);


            if ($('#country_id').val() == "other") {
                $('#country_id_name_div').show();
            } else {
                $('#country_id_name_div').hide();

            }

            if ($('#state_id').val() == "other") {
                $('#state_id_name_div').show();

            } else {
                $('#state_id_name_div').hide();

            }

            if ($('#city_id').val() == "other") {
                $('#city_id_name_div').show();

            } else {
                $('#city_id_name_div').hide();

            }
        });






        var stages_name = "{{ @$user->stages }}";
        $.ajax({
            url: "{{ url('stageArray.php') }}?t=" + stages_name,
            success: function(res) {

                $("#stageSelect").html(res);
            }
        });



        function get_states(country_id, selected_state_id) {
            $("#state_id").empty();
            $.ajax({
                url: "{{ route('admin.universityGetStateByCountry') }}",
                type: "POST",
                data: {
                    country_id: country_id,
                    _token: '{{ csrf_token() }}'
                },
                dataType: 'json',
                success: function(result) {
                    var flag = 0;
                    $("#state_id").empty();

                    var option = '<option value="">Select State</option>';
                    $("#state_id").append(option);
                    $.each(result.states, function(key, value) {
                        var option = '<option value="' + value.id + '">' + value.name + '</option>';
                        if (selected_state_id == value.id) {
                            option = '<option value="' + value.id + '" selected>' + value.name +
                                '</option>';
                            flag = 1;
                        }
                        $("#state_id").append(option);
                    });



                    if (selected_state_id != "" && flag == 0) {
                        var option = '<option selected  value="other">other</option>';
                        $("#state_id").append(option);
                        $('#state_id_name_div').show();

                    } else {
                        var option = '<option  value="other">other</option>';
                        $("#state_id").append(option);
                        $('#state_id_name_div').hide();

                    }

                    // if (flag == 1 && (selected_state_id == null || selected_state_id == "")) {
                    //     var option = '<option  value="other">other</option>';
                    //     $("#state_id").append(option);
                    //     $('#state_id_name_div').hide();

                    // }else{
                    //     var option = '<option selected value="other">other</option>';
                    //     $("#state_id").append(option);
                    //     $('#state_id_name_div').show();


                    // }

                    // if($('#state_id').val() == "other"){
                    //     $('#state_id_name_div').show();
                    // }else{
                    //     $('#state_id_name_div').hide();
                    //     $('#state_id_name').attr('value', '');
                    // }


                }
            });

            return true;
        }

        function get_cites(state_id, selected_city_id) {
            $.ajax({
                url: "{{ route('admin.universityGetCityByCountry') }}",
                type: "POST",
                data: {
                    state_id: state_id,
                    _token: '{{ csrf_token() }}'
                },
                dataType: 'json',
                success: function(result) {
                    $("#city_id").empty();
                    var flag = 0;
                    var option = '<option value="">Select City</option>';
                    $("#city_id").append(option);
                    $.each(result.cities, function(key, value) {
                        var option = '<option value="' + value.id + '">' + value.name + '</option>';
                        if (selected_city_id == value.id) {
                            option = '<option value="' + value.id + '" selected>' + value.name +
                                '</option>';
                            flag = 1;
                        }
                        $("#city_id").append(option);
                    });

                    if (selected_city_id != "" && flag == 0) {
                        var option = '<option selected  value="other">other</option>';
                        $("#city_id").append(option);
                        $('#city_id_name_div').show();
                    } else {
                        var option = '<option  value="other">other</option>';
                        $("#city_id").append(option);
                        $('#city_id_name_div').hide();
                    }

                    // if (flag == "0" && (selected_city_id != null || selected_city_id != "")) {
                    //     var option = '<option selected value="other">other</option> ';
                    //     $("#city_id").append(option);
                    // }else{
                    //     var option = '<option  value="other">other</option>';
                    //     $("#city_id").append(option);
                    // }

                    // if($('#city_id').val() == "other"){
                    //     $('#city_id_name_div').show();
                    // }else{
                    //     $('#city_id_name_div').hide();

                    // }

                }
            });

            if ($('#city_id').val() == "other") {
                $('#city_id_name_div').show();
            } else {
                $('#city_id_name_div').hide();

            }
        }

        $('#applied_university').change(function() {
            if ($('#applied_university').val() == "Yes") {
                $('#applied_university_name_box').show();
                $('.consultant').removeClass("mr-0");
            } else {
                $('#applied_university_name_box').hide();
                $('.consultant').addClass("mr-0");
            }
        });

        $('#consultant').change(function() {
            if ($('#consultant').val() == "Yes") {
                $('#consultant_name_box').show();
            } else {
                $('#consultant_name_box').hide();
            }
        });

        var stage_name = "