@extends('admin.layouts.leadManagement')
@section('title')
    My Followup
@endsection
@php

$requestValues = request('values');

// Define an empty array to store the sub-stages
$subStagesArray = [];

if ($requestValues == 'inquiry') {
    $subStagesArray = ['Inquiry', 'Counselling', 'University to be suggested', 'Universities suggested'];
} elseif ($requestValues == 'application') {
    $subStagesArray = ['Application ready to submit', 'Application submitted', 'Application Rejected', 'Application resubmitted', 'Admission Letter Pending'];
} elseif ($requestValues == 'offer') {
    $subStagesArray = ['Offer Issued','Offer Accepted','Offer Rejected'];
} elseif ($requestValues == 'dropped') {
    $subStagesArray = ['Student backed out / Dropped'];
} elseif ($requestValues == 'feePayment') {
    $subStagesArray = ['Initial Fee / Tuition Fee Deposit'];
} elseif ($requestValues == 'visa') {
    $subStagesArray = ['Visa Rejected', 'Visa Accepted', 'Visa In Process', 'Work Visa'];
} elseif ($requestValues == 'defered') {
    $subStagesArray = ['Student Defered'];
}

// Define an array to store the sub-stages names
$getSubStagesArray = [];

if (!empty($subStagesArray)) {
    $stagesArray = get_stages_array();
    foreach ($subStagesArray as $subStage) {
        foreach ($stagesArray as $stage) {
            if ($stage['name'] == $subStage) {
                $getSubStagesArray[]['name'] = $stage['name'];
            }
        }
    }
} else {
    $getSubStagesArray = get_stages_array();
}


@endphp
@section('content')
    <div class="main container-fluid">
        <div class="top">
            <p class="head">My Followup <span class="fl-no">({{ @$count }}) 
                &nbsp;&nbsp;  
                <span class="pendingLabel">Pending: ({{ @$pendingFollowUpCount }})</span>
            </span>
            <a href="{{ route('admin.leadManagement', ['followUp' => 'no_followUp' ,'assign_to' => request('assign_to')]) }}"><span class="notfollowLabel">Not Followed: <span id="myNonfollowedcount">--</span></span></a>
            </p>
          
         
            <p class="t-right">
                {{-- <span class="label active">Pending: ({{ @$pendingFollowUpCount }})</span> --}}
                <a href="{{ route('admin.leadManagement')}}" class="my-lead">My Leads</a>
            </p>
            {{-- <p class="small-head">Total Followup: <span class="fl-no">{{ @$pendingFollowUpCount }}</span></p> --}}
        </div>

        <form id="formSubmit" action="{{ route('admin.myfollowup') }}" method="GET">
            <input type="hidden" name="values" value="{{ request('values') }}"> 
            <div class="list-wrpr">
                <div class="tab-list">
                    <a href="javascript:;" class="links">Quick Links</a> &nbsp; &nbsp; &nbsp;
                    <p class="tab">
                        <a class="tab-link"
                            href="{{ route('admin.myfollowup', ['values' => 'inquiry',               
                                'datetimeD' => request('datetimeD'),
                                'lead_type' => request('lead_type'),
                                'student_category' => request('student_category'),
                                'assign_from' => request('assign_from'),
                                'keyword' => request('keyword'), 
                                'assign_to' => request('assign_to')]) }}">
                            <span class="tab-item  @if (request('values') == 'inquiry') active @endif ">Inquiry
                                <span class="count" id="inquiryPendingCount">{{ @$inquiryPendingCount }}</span>
                            </span>
                        </a>

                    </p>
                    <p class="tab">
                        <a class="tab-link"
                            href="{{ route('admin.myfollowup', ['values' => 'application',
                                'datetimeD' => request('datetimeD'),
                                'lead_type' => request('lead_type'),
                                'student_category' => request('student_category'),
                                'assign_from' => request('assign_from'),
                                'keyword' => request('keyword'), 
                                'assign_to' => request('assign_to')])}}">
                            <span class="tab-item  @if (request('values') == 'application') active @endif ">Application
                                <span class="count" id="applicationPendingCount">{{ @$applicationPendingCount }}</span>
                            </span>
                        </a>
                    </p>

                    <p class="tab">

                        <a class="tab-link"
                            href="{{ route('admin.myfollowup', ['values' => 'offer',
                                'datetimeD' => request('datetimeD'),
                                'lead_type' => request('lead_type'),
                                'student_category' => request('student_category'),
                                'assign_from' => request('assign_from'),
                                'keyword' => request('keyword'), 
                                'assign_to' => request('assign_to')])}}">
                            <span class="tab-item  @if (request('values') == 'offer') active @endif ">Offer
                                <span class="count" id="offerPendingCount">{{ @$offerPendingCount }}</span>
                            </span>
                        </a>
                    </p>

                    <p class="tab">
                        <a class="tab-link"
                            href="{{ route('admin.myfollowup', ['values' => 'visa',
                                'datetimeD' => request('datetimeD'),
                                'lead_type' => request('lead_type'),
                                'student_category' => request('student_category'),
                                'assign_from' => request('assign_from'),
                                'keyword' => request('keyword'), 
                                'assign_to' => request('assign_to')])}}">
                            <span class="tab-item  @if (request('values') == 'visa') active @endif ">Visa
                                <span class="count" id="visaPendingCount">{{ @$visaPendingCount }}</span>
                            </span>
                        </a>
                    </p>
                    <p class="tab">
                        <a class="tab-link"
                            href="{{ route('admin.myfollowup', ['values' => 'feePayment',
                                'datetimeD' => request('datetimeD'),
                                'lead_type' => request('lead_type'),
                                'student_category' => request('student_category'),
                                'assign_from' => request('assign_from'),
                                'keyword' => request('keyword'), 
                                'assign_to' => request('assign_to')])}}">
                            <span class="tab-item  @if (request('values') == 'feePayment') active @endif ">Fee Payment
                                <span class="count" id="feePaymentPendingCount">{{ @$feePaymentPendingCount }}</span>
                            </span>
                        </a>
                    </p>
                    <p class="tab">
                        <a class="tab-link"
                            href="{{ route('admin.myfollowup', ['values' => 'dropped',
                                'datetimeD' => request('datetimeD'),
                                'lead_type' => request('lead_type'),
                                'student_category' => request('student_category'),
                                'assign_from' => request('assign_from'),
                                'keyword' => request('keyword'), 
                                'assign_to' => request('assign_to')])}}">
                            <span class="tab-item  @if (request('values') == 'dropped') active @endif ">Dropped
                                <span class="count" id="droppedPendingCount">{{ @$droppedPendingCount }}</span>
                            </span>
                        </a>
                    </p>

                    <p class="tab">
                        <a class="tab-link"
                            href="{{ route('admin.myfollowup', ['values' => 'hot',
                                'datetimeD' => request('datetimeD'),
                                'student_category' => request('student_category'),
                                'assign_from' => request('assign_from'),
                                'keyword' => request('keyword'), 
                                'lead_type' => 'Hot',
                                'assign_to' => request('assign_to')])}}">
                            <span class="tab-item  @if (request('values') == 'hot') active @endif ">Hot

                            </span>
                        </a>
                    </p>
                    {{-- <p class="tab">
                        <a class="tab-link"
                            href="{{ route('admin.myfollowup', ['values' => 'cold',
                                'datetimeD' => request('datetimeD'),
                                'student_category' => request('student_category'),
                                'assign_from' => request('assign_from'),
                                'keyword' => request('keyword'), 
                                'lead_type' => 'Cold',
                                'assign_to' => request('assign_to')])}}">
                            <span class="tab-item  @if (request('values') == 'cold') active @endif ">Cold

                            </span>
                        </a>
                    </p> --}}
                    {{-- <p class="tab">
                        <a class="tab-link" href="{{ route('admin.myfollowup', ['values' => 'nr' ,'assign_to' => request('assign_to')]) }}">
                            <span class="tab-item  @if (request('values') == 'nr') active @endif ">NR 
                            
                            </span>
                        </a>
                    </p> --}}



                </div>

                <p class="select-view">View By :
                    <span class="types">
                        {{-- <a class="tab-link" href="{{ route('admin.myfollowupcalender') }}">
                    <img src="{{ asset('backend') }}/lead-management/images/view-type-1.svg" class="view-type" alt="view-type" width="100%" height="100%">
                    </a> --}}

                        {{-- <a class="tab-link" href="javascript:;">
                        <img src="{{ asset('backend') }}/lead-management/images/view-type-1.svg" class="view-type" alt="view-type" width="100%" height="100%">
                    </a>
                    <a class="tab-link" href="javascript:;">
                        <img src="{{ asset('backend') }}/lead-management/images/view-type-2.svg" class="view-type" alt="view-type" width="100%" height="100%">
                    </a> --}}
                        <a class="tab-link" href="javascript:;" onclick="setViewType('Fviewtype-1')">
                            <img src="{{ asset('backend') }}/lead-management/images/view-type-1.svg" class="view-type active"
                                alt="view-type" width="100%" height="100%">
                        </a>
                        <a class="tab-link" href="javascript:;" onclick="setViewType('Fviewtype-2')">
                            <img src="{{ asset('backend') }}/lead-management/images/view-type-2.svg" class="view-type"
                                alt="view-type" width="100%" height="100%">
                        </a>

                    </span>
                </p>
            </div>

            <div class="dropdown-list">
                <div class="single-input datetimedHide" id="datetimedHide">
                    <input type="text" id="datetimeD" name="datetimeD" value="{{ request('datetimeD') }}"
                        class="input-field" autocomplete="off" placeholder="Followup Date & Time" readonly />
                </div>
                <div class="single-input">
                    <select name="student_category" id="student_category" class="select-list select2-with-search">
                        <option value="" disabled selected>Category</option>
                        <option {{ 'Gold' == request('student_category') ? 'selected' : '' }} value="Gold">Gold</option>
                        <option {{ 'Silver' == request('student_category') ? 'selected' : '' }} value="Silver">Silver
                        </option>
                        <option {{ 'Bronze' == request('student_category') ? 'selected' : '' }} value="Bronze">Bronze
                        </option>
                    </select>
                </div>
                @if((request('values') != "hot" && request('values') != "cold") || (request('lead_type') != "Hot" && request('lead_type') != "Cold"))
                <div class="single-input">
                    <select name="lead_type" id="lead_type" class="select-list select2-with-search">
                        <option value="" disabled selected>Lead Type</option>
                        <option {{ 'Cold' == request('lead_type') ? 'selected' : '' }} value="Cold">Cold</option>
                        <option {{ 'Hot' == request('lead_type') ? 'selected' : '' }} value="Hot">Hot</option>
                        <option {{ 'Warm' == request('lead_type') ? 'selected' : '' }} value="Warm">Warm</option>
                    </select>
                </div>
                @endif
               {{-- @if(empty(request('values'))) --}}
                <div class="single-input">
                    <select name="values"  class="select-list select2-with-search">
                        <option value="" disabled selected>Stage</option>
                        <option {{ 'inquiry' == request('values') ? 'selected' : '' }} value="inquiry">Inquiry</option>
                        <option {{ 'application' == request('values') ? 'selected' : '' }} value="application">Application</option>
                        <option {{ 'offer' == request('values') ? 'selected' : '' }} value="offer">Offer</option>
                        <option {{ 'visa' == request('values') ? 'selected' : '' }} value="visa">Visa</option>
                        <option {{ 'feePayment' == request('values') ? 'selected' : '' }} value="feePayment">Fee Payment</option>
                        <option {{ 'dropped' == request('values') ? 'selected' : '' }} value="dropped">Dropped</option>
                       
                    </select>
                </div>
                {{-- @endif --}}

                <div class="single-input">
                    <select name="subStages" id="subStageSelect" class="select-list select2-with-search">
                        <option value="" disabled selected>Sub Stages</option>
                        @foreach ($getSubStagesArray as $item)
                        <option value="{{ $item['name'] }}" 
                        {{ $item['name'] == request('subStages') ? 'selected' : '' }}>{{ $item['name'] }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="single-input">
                    <select name="assign_from" id="assign_from"  class="select-list select2-with-search">
                        <option value="" disabled selected>Assigned From</option>
                        <option value="All" {{ request('assign_from') == 'All' ? 'selected' : '' }}>All</option>
                        {{-- @foreach ($admin_list as $option) --}}
                        @foreach (array_filter($admin_list, function($item) {
                            return $item['status'] == 0; // Assuming 'status' is the field indicating active/inactive
                        }) as $option)
                            @if (!@empty($option))
                                <option value="{{ $option['id'] }}"
                                {{ request('assign_from') == $option['id'] ? 'selected' : '' }}>
                                    {{ $option['name'] }}
                                </option>
                            @endif
                        @endforeach
                    </select>
                </div>

                @if(userCan('admin.assign_list') || userCan('admin.assign'))
                <div class="single-input">
                    <select name="assign_to"  id="assign_to" class="select-list select2-with-search">
                        <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'] }}"
                                    {{ request('assign_to', Auth::user()->id) == $option['id'] ? 'selected' : '' }}>
                                    {{ $option['name'] }}
                                </option>
                            @endif
                        @endforeach
                    </select>
                </div>
                @endif


                <div class="single-input">
                    <select class="select-list select2-with-search" name="priority">
                        <option value="">Priority</option>
                        <option value="High" {{ request('priority') == "High" ? 'selected' : '' }}>High
                        </option>
                        <option value="Medium" {{ request('priority') == "Medium" ? 'selected' : '' }}>Medium
                        </option>
                        <option value="Low" {{ request('priority') == "Low" ? 'selected' : '' }}>Low</option>
                    </select>
                </div>
                <div class="single-input search">

                    <input type="search" name="keyword" class="input-field" value="{{ request('keyword') }}"
                        id="" placeholder="Search by keyword" aria-label="date">
                    <button class="search-btn" type="submit" aria-label="Search">
                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M17.7043 16.2848L14.3054 12.8958C15.402 11.4988 15.9971 9.77351 15.9948 7.99743C15.9948 6.41569 15.5258 4.86947 14.647 3.5543C13.7683 2.23913 12.5192 1.21408 11.0579 0.608771C9.59657 0.00346512 7.98855 -0.15491 6.43721 0.153672C4.88586 0.462254 3.46085 1.22393 2.34239 2.34239C1.22393 3.46085 0.462254 4.88586 0.153672 6.43721C-0.15491 7.98855 0.00346512 9.59657 0.608771 11.0579C1.21408 12.5192 2.23913 13.7683 3.5543 14.647C4.86947 15.5258 6.41569 15.9948 7.99743 15.9948C9.77351 15.9971 11.4988 15.402 12.8958 14.3054L16.2848 17.7043C16.3777 17.798 16.4883 17.8724 16.6101 17.9231C16.7319 17.9739 16.8626 18 16.9945 18C17.1265 18 17.2572 17.9739 17.379 17.9231C17.5008 17.8724 17.6114 17.798 17.7043 17.7043C17.798 17.6114 17.8724 17.5008 17.9231 17.379C17.9739 17.2572 18 17.1265 18 16.9945C18 16.8626 17.9739 16.7319 17.9231 16.6101C17.8724 16.4883 17.798 16.3777 17.7043 16.2848ZM1.99936 7.99743C1.99936 6.81112 2.35114 5.65146 3.01022 4.66508C3.66929 3.6787 4.60606 2.90991 5.70206 2.45593C6.79807 2.00196 8.00408 1.88317 9.16759 2.11461C10.3311 2.34605 11.3999 2.91731 12.2387 3.75615C13.0775 4.595 13.6488 5.66375 13.8802 6.82726C14.1117 7.99077 13.9929 9.19678 13.5389 10.2928C13.0849 11.3888 12.3162 12.3256 11.3298 12.9846C10.3434 13.6437 9.18373 13.9955 7.99743 13.9955C6.40664 13.9955 4.88101 13.3636 3.75615 12.2387C2.6313 11.1138 1.99936 9.58821 1.99936 7.99743Z"
                                fill="white" />
                        </svg>

                    </button>

                </div>
            </div>
            <div class="btns">
                @if (count(request()->all()) > 0)
                    <a href="{{ route('admin.myfollowup') }}" class="clear-btn">Clear All</a>
                @endif
                {{-- <button type="submit" class="clear-btn">Clear</button> --}}
            </div>
        </form>
        {{-- <span id="Fviewtype-1" style="display: none;">
            <div class="detail-list">
                <div id="calendar"></div>
            </div>
        </span> --}}
        <div id="Fviewtype-1">
            <div class="detail-list">
                <div id="calendar"></div>
            </div>
        </div>
        {{-- <div id="Fviewtype-1" style="display: none;"> --}}
        {{-- <div class="detail-list">
                <div id="calendar"></div>
            </div> --}}
        {{-- </div> --}}
        <div id="Fviewtype-2" style="display: none;">
            <div class="detail-list">
                <!--Desktop-->
                <table class="d-table hoverTable" id="myFollowupTable">
                    <thead>
                        <th class="table-head">Name</th>
                        <th class="table-head">Mobile No.</th>
                        <th class="table-head">Cat.</th>
                        <th class="table-head lead-edit">Type<img src="{{ asset('backend') }}/lead-management/images/edit.svg" alt="edit" width="100%" height="100%">
                        </th>
                        @if(empty(request('values')))
                         <th class="table-head">Stage</th>
                        @endif
                        <th class="table-head">Sub Stage</th>
                        <th class="table-head">Date & Time</th>
                        <th class="table-head">Comment</th>
                        <th class="table-head">Action</th>
                    </thead>

                    <tbody>


                        @if ($followups->count() > 0)
                            @foreach ($followups as $followup)
                                <tr>
                                    <td class="table-col">
                                        <div class="event">
                                            <a href="{{ route('lead-management.edit', $followup->candidate->id) }}"
                                                class="text-primary btn ll-mr-4 ll-p-0">
                                                <span
                                                    class="name">{{ ucwords(substr($followup->user->name, 0, 27)) }}</span>
                                            </a>

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

                                                        <p class="t-item">
                                                            <span class="t-head">Webinar Title :</span><span
                                                                class="t-value">
                                                                {{ @$followup->user->candidate->interested_webinar[0]->webinar->webinar_name }}
                                                            </span>
                                                        </p>
                                                    </div>
                                                </div>
                                            @endif

                                            @if(!empty(@$followup->user->assign_from))

                                            <div class="t-section">
                                                <span class="webinar">{{ ucwords(substr(adminIdToNameGet(@$followup->user->assign_from), 0, 2))  }}</span>
                                                <div class="tooltip">
                                                    <p class="t-item">
                                                        <span class="t-head">Title :</span><span class="t-value">Assigned from {{ ucwords(adminIdToNameGet(@$followup->user->assign_from)) }}  @if(!empty(@$followup->user->assign_date)) on ({{ dateMonthFormat(@$followup->user->assign_date) }}) @endif</span>
                                                    </p>

                                                </div>
                                            </div>
                                            {{-- <span class="badge rounded-pill bg-info" data-toggle="tooltip" data-placement="top"
                                            title="Assigned from {{ ucwords(adminIdToNameGet(@$followup->user->assign_from)) }}  @if(!empty(@$followup->user->assign_date)) on ({{ dateMonthFormat(@$followup->user->assign_date) }}) @endif">{{ ucwords(substr(adminIdToNameGet(@$followup->user->assign_from), 0, 2))  }}</span>
                                            --}}
                                            @endif 
                                            {{-- <div class="t-section">
                                        <span class="paid">P</span>
                                        <div class="tooltip">
                                            <p class="t-item">
                                                <span class="t-head">Amount :</span><span class="t-value">Rs.1000</span>
                                            </p>
        
                                            <p class="t-item">
                                                <span class="t-head">Package :</span><span class="t-value">0-20k</span>
                                            </p>
                                        </div>
                                    </div> --}}
                                        </div>
                                        {{-- <span class="small-text">Oversees Edu</span>
                                        <span class="small-text visa">Work Visa</span> --}}
                                    </td>

                                    <td class="table-col"><span class="mb-no">
                                            @if (!empty($followup->user->country_code))
                                                + {{ @$followup->user->country_code }}
                                            @endif
                                            {{ @$followup->user->phone }}
                                        </span></td>

                                    @if (@$followup->user->candidate->student_category == 'Gold')
                                        <td class="table-col"><img
                                                src="{{ asset('backend') }}/lead-management/images/gold.svg"
                                                alt="gold" width="100%" height="100%" data-toggle="tooltip"
                                                data-placement="top" title="Gold"></td>
                                    @elseif(@$followup->user->candidate->student_category == 'Silver')
                                        <td class="table-col"><img
                                                src="{{ asset('backend') }}/lead-management/images/silver.svg"
                                                alt="silver" width="100%" height="100%" data-toggle="tooltip"
                                                data-placement="top" title="Silver"></td>
                                    @elseif(@$followup->user->candidate->student_category == 'Bronze')
                                        <td class="table-col"><img
                                                src="{{ asset('backend') }}/lead-management/images/bronze.svg"
                                                alt="bronze" width="100%" height="100%" data-toggle="tooltip"
                                                data-placement="top" title="Bronze"></td>
                                    @else
                                        <td class="table-col">--</td>
                                    @endif

                                    {{-- @if (@$followup->user->candidate->user->lead_type == 'Hot')
                                        <td class="table-col"><span class="type-1">Hot</span></td>
                                    @elseif(@$followup->user->candidate->user->lead_type == 'Cold')
                                        <td class="table-col"><span class="type-2">Cold</span></td>
                                    @elseif(@$followup->user->candidate->user->lead_type == 'Warm')
                                        <td class="table-col"><span class="type-3">Warm</span></td>
                                    @else
                                        <td class="table-col">--</td>
                                    @endif --}}

                                    <td class="table-col">
                                        <div class="lead-section">
                                            <div class="leadTypeToggle" id="leadTypeToggle{{ $followup->id }}">
                                                <a href="javascript:;" class="edit-lead" data-id="{{ $followup->user->candidate->user->id }}" data-followupID="{{ $followup->id }}" onclick="handleLeadTypeEditClick({{ $followup->id }})">
                                                    {{-- <img src="{{ asset('backend') }}/lead-management/images/edit.svg" alt="edit" width="100%" height="100%"> --}}
                                                <span class="lead-type">
                                                    @if ($followup->user->candidate->user->lead_type == 'Hot')
                                                        <span class="type-1">Hot</span>
                                                    @elseif($followup->user->candidate->user->lead_type == 'Cold')
                                                        <span class="type-2">Cold</span>
                                                    @elseif($followup->user->candidate->user->lead_type == 'Warm')
                                                        <span class="type-3">Warm</span>
                                                    @else
                                                        <span class="lead-type-placeholder">--</span>
                                                    @endif
                                                </span>
                                                </a>
                                            </div>

                                            <!-- Editable dropdown for lead type -->
                                            <div class="edit-dropdown leadEditDropdownToggle" id="leadEditDropdownToggle{{ $followup->id }}" style="display:none;">
                                                <div class="single-input">
                                                    <select name="lead_type" class="select-list select2-with-search">
                                                        <option value="Cold" {{ $followup->user->candidate->user->lead_type == 'Cold' ? 'selected' : '' }}>Cold</option>
                                                        <option value="Hot" {{ $followup->user->candidate->user->lead_type == 'Hot' ? 'selected' : '' }}>Hot</option>
                                                        <option value="Warm" {{ $followup->user->candidate->user->lead_type == 'Warm' ? 'selected' : '' }}>Warm</option>
                                                    </select>
                                                </div>
                                                <button class="button button-small leadTypeSave" onclick="handleLeadTypeSaveClick(this)" data-id="{{ $followup->user->candidate->user->id }}" data-followupID="{{ $followup->id }}">Save</button>
                                            </div>
                                        </div>
                                    </td>
                                    
                                    @if(empty(request('values')))
                                    <td class="table-col">
                                        <span class="sub-stage">{{ getStageGroup(@$followup->user->stages)}}</span>
                                    </td>
                                    @endif
                                    <td class="table-col">
                                        <span class="sub-stage">{{ @$followup->user->stages }}</span>
                                    </td>

                                    <td class="table-col">
                                        @if (!empty($followup->datetime))
                                            <p class="date-time"><span
                                                    class="date">{{ date('d M y', strtotime($followup->datetime)) }}</span>
                                                <span
                                                    class="time">{{ date('h:i A', strtotime($followup->datetime)) }}</span>
                                            </p>
                                        @else
                                            --
                                        @endif
                                    </td>


                                    <td class="table-col">
                                        @if ($followup->comment)
                                            <div class="cmt-section">
                                                <span class="comment">{{ @$followup->comment }}</span>
                                                <div class="tooltip">
                                                    <p class="t-item">
                                                        <span class="t-head">Date :</span><span
                                                            class="t-value">{{ dateMonthFormat(@$followup->created_at) }}</span>
                                                    </p>
                                                    @if(!empty($followup->datetime))
                                                        <p class="t-item">
                                                            <span class="t-head">Next FollowUp :</span><span
                                                                class="t-value">{{ dateMonthFormat(@$followup->datetime) }}</span>
                                                        </p>
                                                    @endif

                                                    <p class="t-item">
                                                        <span class="t-head">Comment :</span><span
                                                            class="t-value">{{ @$followup->comment }}</span>
                                                    </p>
                                                </div>
                                            </div>
                                        @else
                                            --
                                        @endif
                                    </td>

                                    <td class="table-col">
                                        <p class="user-action">
                                            @if (userCan('candidate.sendWhatsApp'))
                                                <a href="javascript:;" class="wp-link" aria-label="whatsapp-icon"
                                                    onclick="customWhatsApp(event,'{{ $followup->user->id }}', '{{ $followup->user->name }}', '{{ $followup->user->phone }}', '{{ @$followup->user->country_code }}','{{ @$followup->user->country }}','close')"><img
                                                        src="{{ asset('backend') }}/lead-management/images/whatsapp.svg"
                                                        alt="whatsapp" width="100%" height="100%"></a>
                                            @endif
                                            @if (userCan('candidate.sendEmail'))
                                                <a href="javascript:;" class="email-link" aria-label="email-icon"
                                                    onclick="customSendEmailModel('{{ $followup->user->id }}', '{{ $followup->user->name }}', '{{ $followup->user->email }}','close')"><img
                                                        src="{{ asset('backend') }}/lead-management/images/email.svg"
                                                        alt="email" width="100%" height="100%"></a>
                                            @endif
                                            {{-- @if (userCan('candidate.sendEmail')) --}}
                                            <a href="javascript:;" class="create-link" aria-label="add-icon"
                                                onclick="customFollowupModel(event,'{{ $followup->user->id }}','close','{{ $followup->user->name }}')"><img
                                                    src="{{ asset('backend') }}/lead-management/images/add.svg"
                                                    alt="add" width="100%" height="100%"></a>


                                            {{-- @endif --}}

                                            {{-- <a href="javascript:;" class="wp-link" aria-label="whatsapp-icon"><img
                                            src="{{ asset('backend') }}/lead-management/images/whatsapp.svg" alt="whatsapp" width="100%" height="100%"></a> --}}
                                            {{-- <a href="javascript:;" class="email-link" aria-label="email-icon"><img
                                                    src="{{ asset('backend') }}/lead-management/images/email.svg"
                                                    alt="email" width="100%" height="100%"></a> --}}
                                            {{-- <a href="javascript:;" class="create-link" aria-label="add-icon"><img
                                                    src="{{ asset('backend') }}/lead-management/images/add.svg"
                                                    alt="add" width="100%" height="100%"></a> --}}
                                        </p>
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td class="table-col" colspan="9">
                                    {{ __('no_data_found') }}
                                </td>
                            </tr>
                        @endif
                    </tbody>
                </table>
                <!--Mobile-->
                {{-- <div class="m-list">
                    <ul class="list">
                        <li class="list-item">
                            <p class="user-action">
                                <a href="javascript:;" class="wp-link" aria-label="whatsapp-icon"><img
                                        src="{{ asset('backend') }}/lead-management/images/whatsapp.svg" alt="whatsapp" width="100%" height="100%"></a>
                                <a href="javascript:;" class="email-link" aria-label="email-icon"><img
                                        src="{{ asset('backend') }}/lead-management/images/email.svg" alt="email" width="100%" height="100%"></a>
                                <a href="javascript:;" class="create-link" aria-label="add-icon"><img src="{{ asset('backend') }}/lead-management/images/add.svg"
                                        alt="add" width="100%" height="100%"></a>
                            </p>
                        </li>
    
                        <li class="list-item">
                            <span class="li-head">Name :</span>
                            <p class="li-value">Ashish lamba<span class="webinar">W</span>
                                <span class="paid">P</span>
                            </p>
                        </li>
                        <li class="list-item">
                            <span class="li-head">Cat. :</span>
                            <span class="li-value">
                                <img src="{{ asset('backend') }}/lead-management/images/gold.svg" alt="gold" width="100%" height="100%">
                            </span>
                        </li>
                        <li class="list-item">
                            <span class="li-head">Type :</span>
                            <span class="li-value type-1">Hot</span>
                        </li>
    
                        <li class="list-item">
                            <span class="li-head">Date & Time</span>
                            <p class="li-value"><span class="date">23 Sep, 23</span> <span class="time">02:29 PM</span></p>
                        </li>
    
                        <li class="list-item">
                            <span class="li-head">Stage :</span>
                            <span class="li-value">Inquiry</span>
                        </li>
                        <li class="list-item">
                            <span class="li-head">Sub Stages :</span>
                            <span class="li-value">Counselling</span>
                        </li>
    
                        <li class="list-item">
                            <span class="li-head">Mobile Number :</span>
                            <span class="li-value">+91 1234567895</span>
                        </li>
    
                        <li class="list-item">
                            <span class="li-head">Comment :</span>
                            <span class="li-value">Student is from Haryana</span>
                        </li>
                    </ul>
    
                    <ul class="list">
                        <li class="list-item">
                            <p class="user-action">
                                <a href="javascript:;" class="wp-link" aria-label="whatsapp-icon"><img
                                        src="{{ asset('backend') }}/lead-management/images/whatsapp.svg" alt="whatsapp" width="100%" height="100%"></a>
                                <a href="javascript:;" class="email-link" aria-label="email-icon"><img
                                        src="{{ asset('backend') }}/lead-management/images/email.svg" alt="email" width="100%" height="100%"></a>
                                <a href="javascript:;" class="create-link" aria-label="add-icon"><img src="{{ asset('backend') }}/lead-management/images/add.svg"
                                        alt="add" width="100%" height="100%"></a>
                            </p>
                        </li>
    
                        <li class="list-item">
                            <span class="li-head">Name :</span>
                            <p class="li-value">Ashok Kumar Meghwal</p>
                        </li>
                        <li class="list-item">
                            <span class="li-head">Cat. :</span>
                            <span class="li-value">
                                <img src="{{ asset('backend') }}/lead-management/images/silver.svg" alt="silver" width="100%" height="100%">
                            </span>
                        </li>
                        <li class="list-item">
                            <span class="li-head">Type :</span>
                            <span class="li-value type-2">Cold</span>
                        </li>
    
                        <li class="list-item">
                            <span class="li-head">Date & Time</span>
                            <p class="li-value"><span class="date">23 Sep, 23</span> <span class="time">02:29 PM</span></p>
                        </li>
    
                        <li class="list-item">
                            <span class="li-head">Stage :</span>
                            <span class="li-value">Application</span>
                        </li>
                        <li class="list-item">
                            <span class="li-head">Sub Stages :</span>
                            <span class="li-value">Application Submitted</span>
                        </li>
    
                        <li class="list-item">
                            <span class="li-head">Mobile Number :</span>
                            <span class="li-value">+91 2154368547</span>
                        </li>
    
                        <li class="list-item">
                            <span class="li-head">Comment :</span>
                            <span class="li-value">Student is from Haryana</span>
                        </li>
                    </ul>
    
                    <ul class="list">
                        <li class="list-item">
                            <p class="user-action">
                                <a href="javascript:;" class="wp-link" aria-label="whatsapp-icon"><img
                                        src="{{ asset('backend') }}/lead-management/images/whatsapp.svg" alt="whatsapp" width="100%" height="100%"></a>
                                <a href="javascript:;" class="email-link" aria-label="email-icon"><img
                                        src="{{ asset('backend') }}/lead-management/images/email.svg" alt="email" width="100%" height="100%"></a>
                                <a href="javascript:;" class="create-link" aria-label="add-icon"><img src="{{ asset('backend') }}/lead-management/images/add.svg"
                                        alt="add" width="100%" height="100%"></a>
                            </p>
                        </li>
    
                        <li class="list-item">
                            <span class="li-head">Name :</span>
                            <p class="li-value">Nagaarjun Reddy Annapureddy
                                <span class="paid">P</span>
                            </p>
                        </li>
                        <li class="list-item">
                            <span class="li-head">Cat. :</span>
                            <span class="li-value">
                                <img src="{{ asset('backend') }}/lead-management/images/bronze.svg" alt="bronze" width="100%" height="100%">
                            </span>
                        </li>
                        <li class="list-item">
                            <span class="li-head">Type :</span>
                            <span class="li-value type-3">Warm</span>
                        </li>
    
                        <li class="list-item">
                            <span class="li-head">Date & Time</span>
                            <p class="li-value"><span class="date">23 Sep, 23</span> <span class="time">02:29 PM</span></p>
                        </li>
    
                        <li class="list-item">
                            <span class="li-head">Stage :</span>
                            <span class="li-value">Offer</span>
                        </li>
                        <li class="list-item">
                            <span class="li-head">Sub Stages :</span>
                            <span class="li-value">Conditional Offer</span>
                        </li>
    
                        <li class="list-item">
                            <span class="li-head">Mobile Number :</span>
                            <span class="li-value">+91 7485961542</span>
                        </li>
    
                        <li class="list-item">
                            <span class="li-head">Comment :</span>
                            <span class="li-value">Wants to go UK or Canada</span>
                        </li>
                    </ul>
            </div> --}}
                {{-- @if ($followups->count()) --}}
                    <div class="mt-3 d-flex justify-content-center">
                        {{ $followups->links() }}
                    </div>
                {{-- @endif --}}
            </div>
        </div>



        {{--        
    <div class="detail-list"  style="display: none;"> 
        <div id="calendar"></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 (<span class="follow-up-userName">--</span>)</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-input">
                          <label for="follow-up" class="field-label">Follow Up Subject</label>
                          <select class="select-list select2-with-search follow-up" name="follow-up" id="follow-up">
                              <option value="">Follow Up Subject</option>
                              <option value="Documents">Documents</option>
                              <option value="no">No</option>
                              <option value="close">Close</option>
                          </select>
                          <span class="text-danger follow-up-msg"></span>
                      </div> --}}
                      <div class="single-row">
                          <div class="single-btn">
                          <div class="btns"><button class="common-btn" onclick="customFollowupSave(event,'close')">Complete/Close
                              {{-- <i
                              class="proceed_spin loader4" id="loader4" style="display: none;"></i> --}}
                          </button></div>
                          </div>
                          <div class="single-btn">
                              <div class="btns"><button class="common-btn save" onclick="customFollowupSave(event,'closenext')">Next Follow Up
                                  {{-- <i class="proceed_spin" id="loader4" style="display: none;"></i> --}}
                              </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="single-row"> --}}
                          <div class="stageSelect_hide_show">
                              <div class="single-input  stageType_hide_show">
                                  <label for="time" class="field-label">Reason</label>
                                  {{-- <textarea type="text" id="follow_up_dropped_reason_comment" class="input-field follow_up_dropped_reason_comment" rows="4" name="follow_up_dropped_reason_comment"
                                  placeholder="Write follow_up_dropped_reason_comment Description">{{ old('follow_up_dropped_reason_comment') }}</textarea> --}}
                                  <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> --}}
                      <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>



    <!--email-popup-->
    <input type="hidden" value="close" id="manage_email_popup"> 
    <div class="email-popup">
        <div class="popup-head">
            <svg class="close-popup" 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">Email Message (<span class="templates_user_name">User</span>)</p>
            <svg  class="back-btn back_btn_email" onclick="backBtnEmail()" 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 action="" class="form" id="emailPopupform">
                <input type="hidden" id="templates_id">
                <div class="single-row">
                    <div class="single-input">
                        <label for="templates_type" class="field-label">Email Template</label>
                        <select class="select-list select2-with-search" name="templates_type" id="templates_type">
                            <option value="" data-class="emailTemplate">Email Template</option>
                            <option value="enquiryEmail" data-class="enquiryEmail">Study Abroad Enquiry</option>
                            <option value="offerLetter" data-class="offerLetter">Offer Letter</option>
                            <option value="callBackEmail"  data-class="callBackEmail">Call Back Email</option> 
                            <option value="universityCourseSuggestionsEmail"
                                data-class="universityCourseSuggestionsEmail">University/Course Suggestions</option>
                            <option value="customEmail" data-class="customEmail">Custom Email</option>
                        </select>
                    </div>
                    <div class="single-input optionalTemplate">
                        <label for="name" class="field-label">Name</label>
                        <input type="text" class="input-field" placeholder="Subject" value="">
                    </div>
                    <div
                        class="single-input optional-field enquiryEmail offerLetter universityCourseSuggestionsEmail customContactInformation customEmail">
                        <label for="name"
                            class="field-label optional-field enquiryEmail offerLetter universityCourseSuggestionsEmail customContactInformation customEmail"
                            name="Subject">Name</label>
                        <input type="text"
                            class="input-field optional-field enquiryEmail offerLetter universityCourseSuggestionsEmail customContactInformation customEmail templates_subject"
                            type="text" name="templates_subject" value="Custom Email" name="name"
                            placeholder="Subject" id="templates_subject">
                    </div>

                    <div
                        class="single-input file-select optional-field customEmail universityCourseSuggestionsEmail customContactInformation">
                        <small id="fileHelp" class="form-text text-muted">Allowed file extensions: Maximum file size:
                            20MB each.</small>
                        <p class="file-icon">
                            <input class="file"
                                class="optional-field customFile customEmail universityCourseSuggestionsEmail customContactInformation"
                                id="customFileD" type="file" name="customFile[]" placeholder="Attachment" multiple
                                onchange="checkFiles(this)" />
                            <img src="{{ asset('backend') }}/lead-management/images/pin-1.svg" alt="pin">
                        </p>
                    </div>
                </div>
                <div class="msg-section optionalTemplate">
                    <textarea class="input-field" name="" id="" placeholder="Template ...."></textarea>
                </div>

                <div class="msg-section optional-field enquiryEmail">
                    <textarea id="editor_enquiryEmail" rows="8" type="text" class="input-field editor1"
                        name="templates_message" placeholder="{{ __('enter') }} {{ __('notes') }}"> 
                    </textarea>
                </div>
                <div class="msg-section optional-field customEmail">
                    <textarea id="editor_customEmail" rows="8" type="text" class="input-field editor1"
                        name="templates_message" placeholder="{{ __('enter') }} {{ __('notes') }}">
                        
                    </textarea>
                </div>
                <div class="msg-section optional-field offerLetter">
                    <textarea id="editor_offerLetter" rows="8" type="text" class="input-field editor1"
                        name="templates_message" placeholder="{{ __('enter') }} {{ __('notes') }}">
                        
                    </textarea>
                </div>
                <div class="msg-section optional-field universityCourseSuggestionsEmail">
                    <textarea id="editor_universityCourseSuggestionsEmail" rows="8" type="text" class="input-field editor1"
                        name="templates_message" placeholder="{{ __('enter') }} {{ __('notes') }}">
                        
                    </textarea>
                </div>

                <div class="msg-section optional-field customContactInformation">
                    <textarea id="editor_customContactInformation" rows="8" type="text" class="input-field editor1"
                        name="templates_message" placeholder="{{ __('enter') }} {{ __('notes') }}">
                        
                    </textarea>
                </div>
                <div class="btns"><button class="common-btn" onclick="customEmail(event)">Send <i class="proceed_spin"
                            id="loader3" style="display: none;"></i></button> </div>
            </form>
        </div>


    </div>

    <!--Followup Modal-->
    <div class="followup-modal" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-body">
            <div class="followup-header">
                <h1 class="followup-title" id="exampleModalLabel">Followup</h1>
                {{-- <svg Class="followup-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> --}}
                <div class="followup-icons">
                    <a href="javascript:;" class="wp-link followup-links" aria-label="whatsapp-icon"
                        onclick="customWhatsAppCalendar(event,'followup')"><img
                        src="{{ asset('backend') }}/lead-management/images/whatsapp.svg"
                        alt="whatsapp" width="100%" height="100%">
                    </a>
                    <a href="javascript:;" class="email-link followup-links" aria-label="email-icon"
                        onclick="customSendEmailModelCalendar(event)"><img
                        src="{{ asset('backend') }}/lead-management/images/email.svg"
                        alt="email" width="100%" height="100%">
                    </a>
                    <a href="javascript:;" class="create-link followup-links" aria-label="add-icon"
                        onclick="customFollowupModelCalenda(event,)"><img
                        src="{{ asset('backend') }}/lead-management/images/add.svg"
                        alt="add" width="100%" height="100%">
                    </a>
                </div>

            </div>

            <div class="followup-body">
                <div class="top">
                    {{-- <p class="text"><span class="type out">Outbound Call</span><span class="status connect">connected</span></p> --}}
                    <!--in , out, chat ,email, connect , not-connect-->
                </div>
                <input type="hidden" id="calendar-userID">
                <input type="hidden" id="calendar-userEmail">
                <input type="hidden" id="calendar-userPhone">
                <input type="hidden" id="calendar-userCountryCode">
                <input type="hidden" id="calendar-userCountry">
                <div class="single-detail">
                    <p class="label">Customer:<span class="label-value" id="user-name"></span> </p>
                </div>
                <div class="single-detail">
                    <p class="label">Comment:<span class="label-value" id="comment-text"></span></p>
                </div>
                
                <div class="single-detail">
                    <p class="label">Type:<span class="label-value" id="type-text"></span></p>
                </div>
                <div class="single-detail">
                    <p class="label">Priority:<span class="label-value" id="priority-text"></span></p>
                </div>
                {{-- <div class="single-detail">
                    <p class="label">followup_up:<span class="label-value" id="followup-up-text"></span></p>
                </div> --}}
                <div class="single-detail">
                    <p class="label">datetime:<span class="label-value" id="datetime-text"></span></p>
                </div>
                <div class="single-detail">
                    <p class="label">Created Date:<span class="label-value" id="created-date-text"></span></p>
                </div>
                <div class="single-detail">
                    <p class="label">Created By:<span class="label-value" id="admin-name-text"></span></p>
                </div>
                <div class="single-detail">
                    <p class="label">Assign From:<span class="label-value" id="assign-to-name-text"></span></p>
                </div>

            </div>

            <div class="followup-footer">
                <button type="button" class="close-btn followup-close" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>

    <div class="overlay"></div>
    <div class="sidebar-overlay"></div>

    <div class="loader"></div>

@endsection

@section('style')
    <link rel="stylesheet" href="{{ asset('backend') }}/lead-management/css/follow-up.css?v={{env('CRM_VERSION')}}">
    <script src="{{ asset('backend') }}/js/fullCalendar.min.js"></script>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css?v={{env('CRM_VERSION')}}" />
    <style>
    .my-lead {
        display: inline-block;
        font-size: 0.9375rem;
        line-height: 18px;
        color: #F3601E;
        text-align: center;
        font-family: "Roboto Medium";
        border: 1px solid #F3601E;
        padding: 6px;
        border-radius: 5px;
        -webkit-transition: 0.3s all ease-in-out;
        transition: 0.3s all ease-in-out;
    }
    .my-lead:hover {
        background: #F3601E;
        color: #FFFFFF;
    }

    .pendingLabel {
        border: 1px solid #3DC31C;
        color: #31891B;
        background: #EBFFE7;
        margin-right: 15px;
        font-size: 0.75rem;
        line-height: 13px;
        padding: 5px 6px;
        font-family: "Roboto Medium";
        display: inline-block;
        border-radius: 3px;
        line-height: 18px;
    }


    .notfollowLabel {
        border: 1px solid #747579;
        color: #747579;
        background: #FFFFFF;
        margin-right: 15px;
        font-size: 0.75rem;
        line-height: 13px;
        padding: 5px 6px;
        font-family: "Roboto Medium";
        display: inline-block;
        border-radius: 3px;
        line-height: 18px;
    }

   

    /* Define the hover highlight color for the table row */
    .hoverTable tr:hover {
        background-color: #ece8fe;
    }


</style>

@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="{{ asset('backend') }}/lead-management/js/lead.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>
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css?v={{env('CRM_VERSION')}}" />

    {{-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css?v={{env('CRM_VERSION')}}" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js?v={{env('CRM_VERSION')}}"></script> --}}
    {{-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.css?v={{env('CRM_VERSION')}}" /> --}}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js?v={{env('CRM_VERSION')}}"></script>
    {{-- <script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.js?v={{env('CRM_VERSION')}}"></script> --}}

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

    @include('admin.lead-management.popup.whatsapp');

    <script>
        $(document).ready(function() {
            leadManagementCounts();
            var stages_name = "{{ request('stages') }}";
            $.ajax({
                url: "{{ url('stageArray.php') }}?t=" + stages_name,
                success: function(res) {
                    $("#stageSelect").html(res);
                }
            });

            // $.ajax({
            //     url: "{{ url('stageArray.php') }}?t=" + stages_name,
            //     success: function(res) {
            //         $("#subStageSelect").html(res);
            //     }
            // });



            $('input[name="datetimeD"]').daterangepicker({
                autoUpdateInput: false,
                // maxDate: new Date(),
                locale: {
                    cancelLabel: 'Clear'
                }
            });
            $('input[name="datetimeD"]').on('apply.daterangepicker', function(ev, picker) {
                $(this).val(picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format(
                    'MM/DD/YYYY'));
            });

            $('input[name="datetimeD"]').on('cancel.daterangepicker', function(ev, picker) {
                $(this).val('');
            });
        });
    </script>





    <script>
        $(document).ready(function() {

            $("#Fviewtype-1, #Fviewtype-2").hide();
            var selectedViewType = Cookies.get('selectedViewType');

            if (!selectedViewType || selectedViewType === 'Fviewtype-2') {
                setViewType('Fviewtype-2');
            } else {
                setViewType(selectedViewType);
            }

            setTimeout(function() {
                $(".loader").hide();
            }, 1000);

        });


        function setViewType(viewType) {
            $("#Fviewtype-1, #Fviewtype-2").hide();
            console.log(viewType);
            $("#datetimedHide").show();
            if (viewType == "Fviewtype-1") {
                var element = $("#Fviewtype-1");
                element.removeAttr("style");

                $("#datetimedHide").hide();
                initializeFullCalendar();
            }


            $("#" + viewType).show();
            // location.reload();
            Cookies.set('selectedViewType', viewType, {
                expires: 7
            }); // Cookie expires in 7 days
        }
    </script>

    <script>
        function initializeFullCalendar() {
            
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            var datetimeD = "{{ request('datetimeD') }}";
            var student_category = "{{ request('student_category') }}";
            var lead_type = "{{ request('lead_type') }}";
            var stages = "{{ request('stages') }}";
            var subStages = "{{ request('subStages') }}";
            var keyword = "{{ request('keyword') }}";
            var bValues = "{{ request('values') }}";

            @php
                $currentMonth = now()->format('Y-m-d');
            @endphp
            var currentMonth = "{{ $currentMonth }}";
            var calendarEl = document.getElementById('calendar');

            var calendar = new FullCalendar.Calendar(calendarEl, {
                headerToolbar: {
                    left: 'prev,next,today',
                    center: 'title',
                    right: 'timeGridDay,timeGridWeek,dayGridMonth'
                },
                initialDate: currentMonth,
                navLinks: true,
                selectable: true,
                selectMirror: true,
                // select: function (arg) {
                //     var title = prompt('Event Title:');
                //     if (title) {
                //         calendar.addEvent({
                //             title: title,
                //             start: arg.start,
                //             end: arg.end,
                //             allDay: arg.allDay
                //         });
                //     }
                //     calendar.unselect();
                // },
                eventClick: function(arg) {
                    // Get event details
                    var commentText = arg.event.extendedProps.comment;
                    var userName = arg.event.title; // Assuming it's the event title
                    var eventId = arg.event.id; // Event ID or any other relevant data

               
                    var type = arg.event.extendedProps.type;
                    var priority = arg.event.extendedProps.priority;
                    var followup_up = arg.event.extendedProps.followup_up;
                    var datetime = arg.event.extendedProps.datetime;
                    var created_at = arg.event.extendedProps.created_at;
                    var admin_id = arg.event.extendedProps.admin_id;
                    var assign_to = arg.event.extendedProps.assign_to;

                    var userID = arg.event.extendedProps.userID;
                    var candidatesID = arg.event.extendedProps.candidatesID;
                    var userEmail = arg.event.extendedProps.userEmail;
                    var userPhone = arg.event.extendedProps.userPhone;
                    var userCountryCode = arg.event.extendedProps.userCountryCode;
                    var userCountry = arg.event.extendedProps.userCountry;

                    // Clear the content of specific elements
                    $("#calendar-userID").val();
                    $("#calendar-userEmail").val();
                    $("#calendar-userPhone").val();
                    $("#comment-text, #user-name, #type-text, #priority-text, #followup-up-text, #datetime-text, #created-date-text, #admin-name-text, #assign-to-name-text, #calendar-userCountryCode, #calendar-userCountry").text('');

                   
                    $("#comment-text").text(commentText);
                   
                    if(candidatesID){
                        var userNameLink = $('<a>').attr('href', '{{ route('lead-management.edit', ':candidatesID') }}'.replace(':candidatesID', candidatesID))
                          .attr('target', '_blank')
                          .addClass('link')
                          .text(userName)
                          .css({
                                'color': '#066AC9',
                                'text-decoration': 'underline'
                            });

                    }else{
                        var userNameLink = userName;
                    }
                    
                    $("#user-name").html(userNameLink);

                    $("#type-text").text(type);
                    $("#priority-text").text(priority);
                    $("#followup-up-text").text(followup_up);
                    $("#datetime-text").text(datetime);
                    $("#created-date-text").text(created_at);
                    $("#admin-name-text").text(admin_id);
                    $("#assign-to-name-text").text(assign_to);

                    $("#calendar-userID").val(userID);
                    $("#calendar-userEmail").val(userEmail);
                    $("#calendar-userPhone").val(userPhone);

                    $("#calendar-userCountryCode").val(userCountryCode);
                    $("#calendar-userCountry").val(userCountry);
                   
               

                

                    // Show the modal
                    $("#exampleModal").show();
                    $("body").addClass("no-scroll");
                    $(".overlay").show();

                    // Handle the delete event button click
                    $("#deleteEvent").on("click", function() {
                        if (confirm('Are you sure you want to delete this event?')) {
                            // Perform event deletion logic here, you can use the eventId to identify and delete the event.
                            // After deletion, you may want to refresh the calendar or update the event data.
                            arg.event.remove();
                        }

                        // Close the modal
                        $("#exampleModal").hide();
                        $(".overlay").hide();
                        // $("#exampleModal").modal("hide");
                    });
                    // if (confirm('Are you sure you want to delete this event?')) {
                    //     arg.event.remove();
                    // }
                },
                editable: false,
                dayMaxEvents: true,
                // Update events to use AJAX
                events: function(fetchInfo, successCallback, failureCallback) {
                    var assign_to = $('#assign_to').val();
                    $.ajax({
                        url: "{{ route('admin.followupCalendarEvent') }}",
                        type: "GET",
                        data: {
                            student_category: student_category,
                            lead_type: lead_type,
                            stages: stages,
                            subStages: subStages,
                            keyword: keyword,
                            datetimeD: datetimeD,
                            start: fetchInfo.startStr,
                            end: fetchInfo.endStr,
                            bValues: bValues,
                            assign_to: assign_to,
                        },
                        success: function(data) {
                            successCallback(data);
                        },
                        error: function(error) {
                            failureCallback(error);
                        }
                    });
                },
                eventContent: function(arg) {
                    return {
                        html: '<div class="fc-daygrid-event-dot"></div><div class="fc-event-title">' + arg.event
                            .title + '</div><div class="fc-event-time">' + arg.timeText + '</div>'
                    };
                },
            });

            calendar.render();
        }






        $(".followup-close").on('click', function() {
            $("#exampleModal").hide();
            $("#comment-text").text();
            $("#user-name").text();
            $(".overlay").hide();
            $("body").removeClass("no-scroll");
        });
    </script>

    {{-- ////////////////////////////form Submit by on change//////////////// --}}
    <script>
        const formElement = document.getElementById('formSubmit');

        $('#student_category, #assign_from, #assign_to ,#lead_type, #stageSelect, #subStageSelect').on('change', function() {
            formElement.submit();
        });
    </script>

    {{-- ////////////////////////////custom Send Email///////////////////////// --}}

    <script>
        function customSendEmailModel(candidateId, candidateName, candidateEmail, close) {
            console.log("text" + candidateName);
            
            $('#manage_email_popup').attr('value', close);
            $('.email-popup').hide();
            // Clear and initialize form input fields
            $('#emailPopupform')[0].reset();
            $('#emailPopupform').find('select').val('').trigger('change');

            $("#templates_type").val('');
            $("#customFile").val('');

            $("#templates_id").val();
            $("#templates_user_name").val();
            $(".templates_user_email").val();

            $(".templates_user_name").val();
            $("#whatsApp_massage").val();
            $(".Wtemplates_message").val();

            $(".optional-field").hide();

            $("#templates_id").val(candidateId);
            $("#templates_user_name").val(candidateName);
            $(".templates_user_email").val(candidateEmail);
            $(".templates_user_name").text(candidateName);

            $(".email-popup").show();



        }

        $("#templates_type").change(function() {
            $(".optional-field").hide();
            $('#customFileD').val('');
            var className = $('option:selected', this).data('class').trim();

            templatesHideShowFunction(className);
            var candidateName = $(".templates_user_name").text().trim();
            console.log("classNamedd " + className + " candidateName " + candidateName);
            updateEditorContent(className, candidateName);
        });

        // Initial setup on page load
        var initialTemplateType = $("#templates_type").val().trim();
        var initialCandidateName = $(".templates_user_name").text().trim();
        updateEditorContent(initialTemplateType, initialCandidateName);
        templatesHideShowFunction(initialTemplateType);


        function templatesHideShowFunction(className) {
            $(".optionalTemplate").show();
            console.log("className " + className);
            if (className == 'enquiryEmail') {
                $('#templates_subject').val('Study Abroad Enquiry');
                $(".optionalTemplate").hide();
            } else if (className == 'customEmail') {
                $('#templates_subject').val('Custom Email');
                $(".optionalTemplate").hide();
            } else if (className == 'offerLetter') {
                $('#templates_subject').val('Congratulations on Acceptance of Your University Application! 🎉');
                $(".optionalTemplate").hide();
            } else if (className == 'universityCourseSuggestionsEmail') {
                $('#templates_subject').val('University/Course Suggestions');
                $(".optionalTemplate").hide();
            } else if (className == 'customContactInformation') {
                $('#templates_subject').val(
                    'Update us with your Contact Information for a Smooth Transition to Studying Abroad');
                $(".optionalTemplate").hide();
            } else if (className == 'emailTemplate') {
                $(".optionalTemplate").show();
            } else if (className == 'callBackEmail') {
                $(".optionalTemplate").hide();
            }





            if (className) {
                $("." + className).show();
            }

        }


        function updateEditorContent(templateType, candidateName) {
            if (templateType === 'enquiryEmail') {
                // Get the content for the enquiryEmail template and set it to the editor
                var enquiryEmailContent = `<p><strong >Dear <span>${candidateName}</span>,</strong></p>
                    <div dir="ltr">
                    <div>
                        <p><span style="font-family: Times New Roman, serif; font-size: medium;">Thank you for expressing your interest in studying abroad. We appreciate your enthusiasm and trust in our services &amp; are confident that we can assist you in securing admission to your desired program at the preferred university.</span></p>
                        <p></p>
                        <p><span style="font-family: Times New Roman, serif; font-size: medium;"><b>Destination Country -&nbsp;</b></span></p>
                        <p><span style="font-family: Times New Roman, serif; font-size: medium;"><b>Program Name -</b></span></p>
                        <p><span style="font-family: Times New Roman, serif; font-size: medium;"><b>Preferred University (if any) -</b></span></p>
                        <p></p>
                        <p><span style="font-family: Times New Roman, serif; font-size: medium;">Please also share the following required&nbsp;documents for thorough profile evaluation.</span></p>
                        <ol>
                        <li>
                            <p><span style="font-family: Times New Roman, serif; font-size: medium;">10th Marksheet</span></p>
                        </li>
                        <li>
                            <p><span style="font-family: Times New Roman, serif; font-size: medium;">12th Marksheet</span></p>
                        </li>
                        <li>
                            <p><span style="font-family: Times New Roman, serif; font-size: medium;">Bachelor&rsquo;s Marksheet</span></p>
                        </li>
                        <li>
                            <p><span style="font-family: Times New Roman, serif; font-size: medium;">Transcripts</span></p>
                        </li>
                        <li>
                            <p><span style="font-family: Times New Roman, serif; font-size: medium;">Resume/CV</span></p>
                        </li>
                        <li>
                            <p><span style="font-family: Times New Roman, serif; font-size: medium;">Passport</span></p>
                        </li>
                        <li>
                            <p><span style="font-family: Times New Roman, serif; font-size: medium;">English&nbsp;Efficiency Proof (IELTS/PTE)</span></p>
                        </li>
                        <li>
                            <p><span style="font-family: Times New Roman, serif; font-size: medium;">2 LORs (Letter of Recommendation) </span></p>
                        </li>
                        <li>
                            <p><span style="font-family: Times New Roman, serif; font-size: medium;">Personal Statement (SOP)</span></p>
                        </li>
                        </ol>
                        <p><span style="font-family: Times New Roman, serif; font-size: medium;">Your prompt response and submission of the above documents will enable us to assess your profile accurately and provide you with further assistance tailored to your specific needs.</span></p>
                        <p></p>
                        <p><span style="font-family: Times New Roman, serif; font-size: medium;">Alternatively, if you have any questions or need immediate assistance, please do not hesitate&nbsp;to contact us via&nbsp;</span></p>
                        <span style="font-family: Times New Roman, serif; font-size: medium;"><b>Call </b></span><span style="font-family: Times New Roman, serif; font-size: medium;">or</span><b> WhatsApp at&nbsp; &nbsp;{{ $website_setting->whatsapp_number }}</b><span style="font-family: Times New Roman, serif; font-size: medium;">. Our dedicated team is available to address any concerns or queries you may have,&nbsp;</span>
                        <p></p>
                        <p><span style="font-family: Times New Roman, serif; font-size: medium;">Thank&nbsp;you once again for choosing our services. We look forward to receiving your documents and working together to make your study abroad aspirations a reality.</span></p>
                    </div>
                    <div>
                        <div style="color: rgb(34,34,34);">
                        <div>-</div>
                        <div>Thanks &amp; Regards,</div>
                        <table cellpadding="0" cellspacing="0" style="color: rgb(0,0,0); font-family: Arial; font-size: 16px; border-collapse: collapse;">
                            <tbody>
                            <tr>
                                <td style="line-height: 1.2; padding: 0.01px;"><span style="text-transform: initial; font-weight: bold; color: rgb(100,100,100); letter-spacing: 0px; line-height: 1.2;"> <br>&nbsp; &nbsp; Team Gradding </span></td>
                            </tr>
                            <tr>
                                <td>
                                <table cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
                                    <tbody>
                                    <tr>
                                        <td nowrap="nowrap" width="421" style="padding-top: 14px; width: 421px;">
                                        <p style="margin: 0.1px; line-height: 1;"><span style="font-size: 11px; color: rgb(33,33,33);"> <a href="tel:{{ @$website_setting->phone }}" rel="nofollow noopener noreferrer" style="color: rgb(17,85,204); text-decoration: unset;" target="_blank"> <span style="line-height: 1.2; color: rgb(33,33,33);">{{ @$website_setting->phone }}</span> </a> &nbsp;|&nbsp;&nbsp; <a href="https://www.gradding.com/" rel="nofollow noopener noreferrer" style="color: rgb(17,85,204); text-decoration: unset;" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://www.gradding.com/&amp;source=gmail&amp;ust=1691320115837000&amp;usg=AOvVaw38FZCAQNqgTXnlONjQEoxU"> <span style="line-height: 1.2; color: rgb(33,33,33);">www.gradding.com</span> </a> &nbsp;|&nbsp;&nbsp; <a href="mailto:{{ $setting->email }}" rel="nofollow noopener noreferrer" style="color: rgb(17,85,204); text-decoration: unset;" target="_blank"> <span style="line-height: 1.2; color: rgb(33,33,33);">{{ $setting->email }}</span> </a> </span></p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td nowrap="nowrap" width="801" style="padding-top: 7px; width: 801px;">
                                        <p style="margin: 0.1px; line-height: 1;"><span style="font-size: 11px; color: rgb(33,33,33);"> <a href="https://maps.google.com/?q=P.%20No.4,%203rd%20Floor,%20Lal%20Niwas,%20Heera%20Bagh,%20Near%20Narayan%20Singh%20Circle,%20Tonk%20Road,%20Jaipur,%20Rajasthan" rel="nofollow noopener noreferrer" style="color: rgb(17,85,204); text-decoration: unset;" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://maps.google.com/?q%3DP.%2520No.4,%25203rd%2520Floor,%2520Lal%2520Niwas,%2520Heera%2520Bagh,%2520Near%2520Narayan%2520Singh%2520Circle,%2520Tonk%2520Road,%2520Jaipur,%2520Rajasthan&amp;source=gmail&amp;ust=1691320115837000&amp;usg=AOvVaw2Wh5O1jfYxDeB-ONspFB5l"> <span style="line-height: 1.2; color: rgb(33,33,33);">P. No.4, 3rd Floor, Lal Niwas, Heera Bagh, Near Narayan Singh Circle, Tonk Road, Jaipur, Rajasthan</span> </a> </span></p>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                                </td>
                            </tr>
                            <tr>
                                <td style="padding: 14px 0.01px 0.01px;">
                                <table border="0" cellpadding="0" cellspacing="0">
                                    <tbody>
                                        <tr>
                                            <td align="left" style="padding-right: 6px; text-align: center; padding-top: 0px;">
                                                <a href="{{ @$website_setting->facebook }}" target="_Blank"
                                                    style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                    <img style="width:11px;height:21px;" src="https://i.imgur.com/WG1xTUx.png" alt="icons">
                                                </a>
                                            </td>
                                            <td align="left" style="padding-right: 6px; text-align: center; padding-top: 0px;">
                                                <a href="{{ @$website_setting->twitter }}" target="_Blank"
                                                    style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                    <img style="width:20px;height:16px;" src="https://i.imgur.com/nYdYc4n.png" alt="icons">
                                                </a>
                                            </td>
                                            <td align="left" style="padding-right: 6px; text-align: center; padding-top: 0px;">
                                                <a href="{{ @$website_setting->instagram }}" target="_Blank"
                                                    style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                    <img style="width:18px;height:19px;" src="https://i.imgur.com/EhfqaPM.png" alt="icons">
                                                </a>
                                            </td>

                                            <td align="left" style="padding-right: 6px; text-align: center; padding-top: 0px;">
                                                <a href="{{ @$website_setting->pinterest }}" target="_Blank"
                                                    style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                    <img style="width:16px;height:20px;" src="https://i.imgur.com/p8u8BFA.png" alt="icons">
                                                </a>
                                            </td>

                                            <td align="left" style="padding-right: 6px; text-align: center; padding-top: 0px;">
                                                <a href="{{ @$website_setting->linkedin }}" target="_Blank"
                                                    style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                    <img style="width:17px;height:18px;" src="https://i.imgur.com/wdzPBPP.png" alt="icons">
                                                </a>
                                            </td>
                                            <td align="left" style="padding-right: 6px; text-align: center; padding-top: 0px;">
                                                <a href="{{ @$website_setting->youtube }}" target="_Blank"
                                                    style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                    <img style="width:23px;height:16px;" src="https://i.imgur.com/7Zf8wM8.png" alt="icons">
                                                </a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                        </div>
                    </div>
                    </div>`;
                tinymce.get("editor_enquiryEmail").setContent(enquiryEmailContent);
            } else if (templateType === 'customEmail') {

                var customEmailContent = `<p><strong>Dear <span>${candidateName}</span>,</strong></p>
                            <div dir="ltr">
                            <div>
                                <p><span style="font-family: Times New Roman, serif;"><span style="font-size: medium;">Thank&nbsp;you once again for choosing our services. We look forward to receiving your documents and working together to make your study abroad aspirations a reality.</span></span></p>
                            </div>
                            <div>
                                <div style="color: rgb(34,34,34);">
                                <div>-</div>
                                <div>Thanks &amp; Regards,</div>
                                <table cellpadding="0" cellspacing="0" style="color: rgb(0,0,0); font-family: Arial; font-size: 16px; border-collapse: collapse;">
                                    <tbody>
                                    <tr>
                                        <td style="line-height: 1.2; padding: 0.01px;"><span style="text-transform: initial; font-weight: bold; color: rgb(100,100,100); letter-spacing: 0px; line-height: 1.2;"> <br>&nbsp; &nbsp; Team Gradding </span></td>
                                    </tr>
                                    <tr>
                                        <td>
                                        <table cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
                                            <tbody>
                                            <tr>
                                                <td nowrap="nowrap" width="421" style="padding-top: 14px; width: 421px;">
                                                <p style="margin: 0.1px; line-height: 1;"><span style="font-size: 11px; color: rgb(33,33,33);"> <a href="tel:{{ $website_setting->phone }}" rel="nofollow noopener noreferrer" style="color: rgb(17,85,204); text-decoration: unset;" target="_blank"> <span style="line-height: 1.2; color: rgb(33,33,33);">{{ $website_setting->phone }}</span> </a> &nbsp;|&nbsp;&nbsp; <a href="https://www.gradding.com/" rel="nofollow noopener noreferrer" style="color: rgb(17,85,204); text-decoration: unset;" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://www.gradding.com/&amp;source=gmail&amp;ust=1691320115837000&amp;usg=AOvVaw38FZCAQNqgTXnlONjQEoxU"> <span style="line-height: 1.2; color: rgb(33,33,33);">www.gradding.com</span> </a> &nbsp;|&nbsp;&nbsp; <a href="mailto:{{ $setting->email }}" rel="nofollow noopener noreferrer" style="color: rgb(17,85,204); text-decoration: unset;" target="_blank"> <span style="line-height: 1.2; color: rgb(33,33,33);">{{ $setting->email }}</span> </a> </span></p>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td nowrap="nowrap" width="801" style="padding-top: 7px; width: 801px;">
                                                <p style="margin: 0.1px; line-height: 1;"><span style="font-size: 11px; color: rgb(33,33,33);"> <a href="https://maps.google.com/?q=P.%20No.4,%203rd%20Floor,%20Lal%20Niwas,%20Heera%20Bagh,%20Near%20Narayan%20Singh%20Circle,%20Tonk%20Road,%20Jaipur,%20Rajasthan" rel="nofollow noopener noreferrer" style="color: rgb(17,85,204); text-decoration: unset;" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://maps.google.com/?q%3DP.%2520No.4,%25203rd%2520Floor,%2520Lal%2520Niwas,%2520Heera%2520Bagh,%2520Near%2520Narayan%2520Singh%2520Circle,%2520Tonk%2520Road,%2520Jaipur,%2520Rajasthan&amp;source=gmail&amp;ust=1691320115837000&amp;usg=AOvVaw2Wh5O1jfYxDeB-ONspFB5l"> <span style="line-height: 1.2; color: rgb(33,33,33);">P. No.4, 3rd Floor, Lal Niwas, Heera Bagh, Near Narayan Singh Circle, Tonk Road, Jaipur, Rajasthan</span> </a> </span></p>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="padding: 14px 0.01px 0.01px;">
                                        <table border="0" cellpadding="0" cellspacing="0">
                                            <tbody>
                                                <tr>
                                                    <td align="left" style="padding-right: 6px; text-align: center; padding-top: 0px;">
                                                        <a href="{{ @$website_setting->facebook }}" target="_Blank"
                                                            style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                            <img style="width:11px;height:21px;" src="https://i.imgur.com/WG1xTUx.png" alt="icons">
                                                        </a>
                                                    </td>
                                                    <td align="left" style="padding-right: 6px; text-align: center; padding-top: 0px;">
                                                        <a href="{{ @$website_setting->twitter }}" target="_Blank"
                                                            style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                            <img style="width:20px;height:16px;" src="https://i.imgur.com/nYdYc4n.png" alt="icons">
                                                        </a>
                                                    </td>
                                                    <td align="left" style="padding-right: 6px; text-align: center; padding-top: 0px;">
                                                        <a href="{{ @$website_setting->instagram }}" target="_Blank"
                                                            style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                            <img style="width:18px;height:19px;" src="https://i.imgur.com/EhfqaPM.png" alt="icons">
                                                        </a>
                                                    </td>

                                                    <td align="left" style="padding-right: 6px; text-align: center; padding-top: 0px;">
                                                        <a href="{{ @$website_setting->pinterest }}" target="_Blank"
                                                            style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                            <img style="width:16px;height:20px;" src="https://i.imgur.com/p8u8BFA.png" alt="icons">
                                                        </a>
                                                    </td>

                                                    <td align="left" style="padding-right: 6px; text-align: center; padding-top: 0px;">
                                                        <a href="{{ @$website_setting->linkedin }}" target="_Blank"
                                                            style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                            <img style="width:17px;height:18px;" src="https://i.imgur.com/wdzPBPP.png" alt="icons">
                                                        </a>
                                                    </td>
                                                    <td align="left" style="padding-right: 6px; text-align: center; padding-top: 0px;">
                                                        <a href="{{ @$website_setting->youtube }}" target="_Blank"
                                                            style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                            <img style="width:23px;height:16px;" src="https://i.imgur.com/7Zf8wM8.png" alt="icons">
                                                        </a>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                                </div>
                            </div>
                            </div>`;

                tinymce.get("editor_customEmail").setContent(customEmailContent);
            } else if (templateType === 'offerLetter') {

                var offerLetterContent = `
                <table cellspacing="0" cellpadding="0" style="max-width: 100%; width: 100%; background:#EFEFEF;">
                    <tr>
                        <td>
                            <table cellspacing="0" cellpadding="0" style="max-width: 600px; width: 100%; background: #ffffff; margin: 20px auto 0; font-family: Arial, Helvetica, sans-serif; color: #3E3E3E; font-weight: 400;">
                                <tbody>
                                    <tr>
                                        <td style="text-align: center; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1;">
                                            <a href="https://gradding.com/" target="_blank">
                                                <img src="https://i.imgur.com/JUtvZS6.jpg" alt="Welcome to Gradding" class="logo" style="max-width: 100%;">
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="padding: 15px 20px 0; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;">
                                            <strong>Dear <span>${candidateName}</span>,</strong>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="padding: 15px 20px 20px; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;">
                                            <p style="font-size: 14px; line-height: 18px; color: #101010; margin: 0 0 10px 0;">Warm Greetings!</p>
                                            <p style="font-size: 14px; line-height: 18px; color: #101010; margin: 0 0 15px 0;">We are delighted to inform you that you have received an offer letter from one of the universities you have applied through us.</p>
                                            <p style="font-size: 14px; line-height: 18px; color: #101010; margin: 0;">Please get in touch with your assigned counsellor soon after you receive this email to know the details of your offer and proceed with your admission.</p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="padding: 0 20px 0; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;">
                                            <p style="font-size: 15px; line-height: 20px; color: #055aaa; margin: 0;"><strong>We thank you for giving us the chance to serve you.</strong></p>
                                            <p style="font-size: 15px; line-height: 20px; color: #101010; margin: 0; border-bottom: 1px solid #101010; padding: 0 0 15px 0;"><strong>Team <span style="color: #055aaa;">Gradding</span></strong></p>
                                        </td>
                                    </tr>
                                </tbody>
                                <tfoot>			
                                    <tr style="background:#ffffff;">
                                        <td style="padding:5px 0 17px;text-align:center;border-left: 1px solid #d1d1d1;border-right: 1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1;">
                                            <p style="margin: 0; color: #616161; font-size: 13px;  line-height: 18px;  padding: 10px 14px 15px;">
                                                If you have any questions or concerns, please do not hesitate to get in <br class="dnone" >touch with us at <a href="mailto:{{ $setting->email }}" style="color: #055aaa; text-decoration:none">{{ @$setting->email }}</a> or <a href="tel:{{ $website_setting->phone }}"style="color: #055aaa; text-decoration:none" >{{ @$website_setting->phone }}</a>
                                            </p>									
                                            <a href="{{ @$website_setting->facebook }}" target="_Blank" style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                <img style="width:11px;height:21px;" src="https://i.imgur.com/WG1xTUx.png" alt="icons">
                                            </a>									
                                            <a href="{{ @$website_setting->twitter }}" target="_Blank" style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                <img style="width:20px;height:16px;" src="https://i.imgur.com/nYdYc4n.png" alt="icons">
                                            </a>
                                            <a href="{{ @$website_setting->instagram }}" target="_Blank" style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                <img style="width:18px;height:19px;" src="https://i.imgur.com/EhfqaPM.png" alt="icons">
                                            </a>
                                            <a href="{{ @$website_setting->pinterest }}" target="_Blank" style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                <img style="width:16px;height:20px;" src="https://i.imgur.com/p8u8BFA.png" alt="icons">
                                            </a>
                                            <a href="{{ @$website_setting->linkedin }}" target="_Blank" style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                <img style="width:17px;height:18px;" src="https://i.imgur.com/wdzPBPP.png" alt="icons">
                                            </a>									
                                            <a href="{{ @$website_setting->youtube }}" target="_Blank" style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                <img style="width:23px;height:16px;" src="https://i.imgur.com/7Zf8wM8.png" alt="icons">
                                            </a>											
                                        </td>				
                                    </tr>	
                                </tfoot>
                            </table>
                        </td>
                    </tr>
                </table>`;

                tinymce.get("editor_offerLetter").setContent(offerLetterContent);
            } else if (templateType === 'universityCourseSuggestionsEmail') {

                var universityCourseSuggestionsEmailContent = `<p><strong>Dear <span>${candidateName}</span>,</strong></p>
                            <div dir="ltr">
                            <div>
                                <p><span style="font-family: Times New Roman, serif;"><span style="font-size: medium;">Thank&nbsp;you once again for choosing our services. Please find attached for the shortlisted university & course suggestions as per your profile.
                                Kindly revert us back as soon as possible with your selected choices to proceed with application
                                Response awaited.</span></span></p>
                            </div>
                            <div>
                                <div style="color: rgb(34,34,34);">
                                
                                <div>Thanks &amp; Regards,</div>
                                <table cellpadding="0" cellspacing="0" style="color: rgb(0,0,0); font-family: Arial; font-size: 16px; border-collapse: collapse;">
                                    <tbody>
                                    <tr>
                                        <td style="line-height: 1.2; padding: 0.01px;"><span style="text-transform: initial; font-weight: bold; color: rgb(100,100,100); letter-spacing: 0px; line-height: 1.2;"> <br>&nbsp; &nbsp; Team Gradding </span></td>
                                    </tr>
                                    <tr>
                                        <td>
                                        <table cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
                                            <tbody>
                                            <tr>
                                                <td nowrap="nowrap" width="421" style="padding-top: 14px; width: 421px;">
                                                <p style="margin: 0.1px; line-height: 1;"><span style="font-size: 11px; color: rgb(33,33,33);"> <a href="tel:{{ $website_setting->phone }}" rel="nofollow noopener noreferrer" style="color: rgb(17,85,204); text-decoration: unset;" target="_blank"> <span style="line-height: 1.2; color: rgb(33,33,33);">{{ $website_setting->phone }}</span> </a> &nbsp;|&nbsp;&nbsp; <a href="https://www.gradding.com/" rel="nofollow noopener noreferrer" style="color: rgb(17,85,204); text-decoration: unset;" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://www.gradding.com/&amp;source=gmail&amp;ust=1691320115837000&amp;usg=AOvVaw38FZCAQNqgTXnlONjQEoxU"> <span style="line-height: 1.2; color: rgb(33,33,33);">www.gradding.com</span> </a> &nbsp;|&nbsp;&nbsp; <a href="mailto:{{ $setting->email }}" rel="nofollow noopener noreferrer" style="color: rgb(17,85,204); text-decoration: unset;" target="_blank"> <span style="line-height: 1.2; color: rgb(33,33,33);">{{ $setting->email }}</span> </a> </span></p>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td nowrap="nowrap" width="801" style="padding-top: 7px; width: 801px;">
                                                <p style="margin: 0.1px; line-height: 1;"><span style="font-size: 11px; color: rgb(33,33,33);"> <a href="https://maps.google.com/?q=P.%20No.4,%203rd%20Floor,%20Lal%20Niwas,%20Heera%20Bagh,%20Near%20Narayan%20Singh%20Circle,%20Tonk%20Road,%20Jaipur,%20Rajasthan" rel="nofollow noopener noreferrer" style="color: rgb(17,85,204); text-decoration: unset;" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://maps.google.com/?q%3DP.%2520No.4,%25203rd%2520Floor,%2520Lal%2520Niwas,%2520Heera%2520Bagh,%2520Near%2520Narayan%2520Singh%2520Circle,%2520Tonk%2520Road,%2520Jaipur,%2520Rajasthan&amp;source=gmail&amp;ust=1691320115837000&amp;usg=AOvVaw2Wh5O1jfYxDeB-ONspFB5l"> <span style="line-height: 1.2; color: rgb(33,33,33);">P. No.4, 3rd Floor, Lal Niwas, Heera Bagh, Near Narayan Singh Circle, Tonk Road, Jaipur, Rajasthan</span> </a> </span></p>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="padding: 14px 0.01px 0.01px;">
                                        <table border="0" cellpadding="0" cellspacing="0">
                                            <tbody>
                                                <tr>
                                                    <td align="left" style="padding-right: 6px; text-align: center; padding-top: 0px;">
                                                        <a href="{{ @$website_setting->facebook }}" target="_Blank"
                                                            style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                            <img style="width:11px;height:21px;" src="https://i.imgur.com/WG1xTUx.png" alt="icons">
                                                        </a>
                                                    </td>
                                                    <td align="left" style="padding-right: 6px; text-align: center; padding-top: 0px;">
                                                        <a href="{{ @$website_setting->twitter }}" target="_Blank"
                                                            style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                            <img style="width:20px;height:16px;" src="https://i.imgur.com/nYdYc4n.png" alt="icons">
                                                        </a>
                                                    </td>
                                                    <td align="left" style="padding-right: 6px; text-align: center; padding-top: 0px;">
                                                        <a href="{{ @$website_setting->instagram }}" target="_Blank"
                                                            style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                            <img style="width:18px;height:19px;" src="https://i.imgur.com/EhfqaPM.png" alt="icons">
                                                        </a>
                                                    </td>

                                                    <td align="left" style="padding-right: 6px; text-align: center; padding-top: 0px;">
                                                        <a href="{{ @$website_setting->pinterest }}" target="_Blank"
                                                            style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                            <img style="width:16px;height:20px;" src="https://i.imgur.com/p8u8BFA.png" alt="icons">
                                                        </a>
                                                    </td>

                                                    <td align="left" style="padding-right: 6px; text-align: center; padding-top: 0px;">
                                                        <a href="{{ @$website_setting->linkedin }}" target="_Blank"
                                                            style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                            <img style="width:17px;height:18px;" src="https://i.imgur.com/wdzPBPP.png" alt="icons">
                                                        </a>
                                                    </td>
                                                    <td align="left" style="padding-right: 6px; text-align: center; padding-top: 0px;">
                                                        <a href="{{ @$website_setting->youtube }}" target="_Blank"
                                                            style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                            <img style="width:23px;height:16px;" src="https://i.imgur.com/7Zf8wM8.png" alt="icons">
                                                        </a>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                                </div>
                            </div>
                            </div>`;

                tinymce.get("editor_universityCourseSuggestionsEmail").setContent(universityCourseSuggestionsEmailContent);
            } else if (templateType === 'customContactInformation') {

                var customContactInformationContent = `<p><strong>Dear <span>${candidateName}</span>,</strong></p>
                            <div dir="ltr">
                            <div>
                                <p>Greetings from Gradding!</p>
                        <p>We hope this message finds you in great spirits. We appreciate your interest in pursuing higher education abroad with Gradding. However, it seems that the contact number we have on file may not be accurate or not available on WhatsApp. To ensure that we can provide you with the best guidance and support, we kindly request you to provide us with an updated contact (or WhatsApp) number where we can reach out to you. This will enable us to schedule a call and discuss your study abroad plans in detail.</p>
                        <p>Please take a moment to reply to this email with your preferred contact number, or feel free to give us a call at +91-9773388670. We look forward to connecting with you and assisting you on this exciting educational journey.</p>
                            </div>
                            <div>
                                <div style="color: rgb(34,34,34);">
                                
                                <div>Thanks &amp; Regards,</div>
                                <table cellpadding="0" cellspacing="0" style="color: rgb(0,0,0); font-family: Arial; font-size: 16px; border-collapse: collapse;">
                                    <tbody>
                                    <tr>
                                        <td style="line-height: 1.2; padding: 0.01px;"><span style="text-transform: initial; font-weight: bold; color: rgb(100,100,100); letter-spacing: 0px; line-height: 1.2;"> <br>&nbsp; &nbsp; Team Gradding </span></td>
                                    </tr>
                                    <tr>
                                        <td>
                                        <table cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
                                            <tbody>
                                            <tr>
                                                <td nowrap="nowrap" width="421" style="padding-top: 14px; width: 421px;">
                                                <p style="margin: 0.1px; line-height: 1;"><span style="font-size: 11px; color: rgb(33,33,33);"> <a href="tel:{{ $website_setting->phone }}" rel="nofollow noopener noreferrer" style="color: rgb(17,85,204); text-decoration: unset;" target="_blank"> <span style="line-height: 1.2; color: rgb(33,33,33);">{{ $website_setting->phone }}</span> </a> &nbsp;|&nbsp;&nbsp; <a href="https://www.gradding.com/" rel="nofollow noopener noreferrer" style="color: rgb(17,85,204); text-decoration: unset;" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://www.gradding.com/&amp;source=gmail&amp;ust=1691320115837000&amp;usg=AOvVaw38FZCAQNqgTXnlONjQEoxU"> <span style="line-height: 1.2; color: rgb(33,33,33);">www.gradding.com</span> </a> &nbsp;|&nbsp;&nbsp; <a href="mailto:{{ $setting->email }}" rel="nofollow noopener noreferrer" style="color: rgb(17,85,204); text-decoration: unset;" target="_blank"> <span style="line-height: 1.2; color: rgb(33,33,33);">{{ $setting->email }}</span> </a> </span></p>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td nowrap="nowrap" width="801" style="padding-top: 7px; width: 801px;">
                                                <p style="margin: 0.1px; line-height: 1;"><span style="font-size: 11px; color: rgb(33,33,33);"> <a href="https://maps.google.com/?q=P.%20No.4,%203rd%20Floor,%20Lal%20Niwas,%20Heera%20Bagh,%20Near%20Narayan%20Singh%20Circle,%20Tonk%20Road,%20Jaipur,%20Rajasthan" rel="nofollow noopener noreferrer" style="color: rgb(17,85,204); text-decoration: unset;" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://maps.google.com/?q%3DP.%2520No.4,%25203rd%2520Floor,%2520Lal%2520Niwas,%2520Heera%2520Bagh,%2520Near%2520Narayan%2520Singh%2520Circle,%2520Tonk%2520Road,%2520Jaipur,%2520Rajasthan&amp;source=gmail&amp;ust=1691320115837000&amp;usg=AOvVaw2Wh5O1jfYxDeB-ONspFB5l"> <span style="line-height: 1.2; color: rgb(33,33,33);">P. No.4, 3rd Floor, Lal Niwas, Heera Bagh, Near Narayan Singh Circle, Tonk Road, Jaipur, Rajasthan</span> </a> </span></p>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="padding: 14px 0.01px 0.01px;">
                                        <table border="0" cellpadding="0" cellspacing="0">
                                            <tbody>
                                                <tr>
                                                    <td align="left" style="padding-right: 6px; text-align: center; padding-top: 0px;">
                                                        <a href="{{ @$website_setting->facebook }}" target="_Blank"
                                                            style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                            <img style="width:11px;height:21px;" src="https://i.imgur.com/WG1xTUx.png" alt="icons">
                                                        </a>
                                                    </td>
                                                    <td align="left" style="padding-right: 6px; text-align: center; padding-top: 0px;">
                                                        <a href="{{ @$website_setting->twitter }}" target="_Blank"
                                                            style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                            <img style="width:20px;height:16px;" src="https://i.imgur.com/nYdYc4n.png" alt="icons">
                                                        </a>
                                                    </td>
                                                    <td align="left" style="padding-right: 6px; text-align: center; padding-top: 0px;">
                                                        <a href="{{ @$website_setting->instagram }}" target="_Blank"
                                                            style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                            <img style="width:18px;height:19px;" src="https://i.imgur.com/EhfqaPM.png" alt="icons">
                                                        </a>
                                                    </td>

                                                    <td align="left" style="padding-right: 6px; text-align: center; padding-top: 0px;">
                                                        <a href="{{ @$website_setting->pinterest }}" target="_Blank"
                                                            style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                            <img style="width:16px;height:20px;" src="https://i.imgur.com/p8u8BFA.png" alt="icons">
                                                        </a>
                                                    </td>

                                                    <td align="left" style="padding-right: 6px; text-align: center; padding-top: 0px;">
                                                        <a href="{{ @$website_setting->linkedin }}" target="_Blank"
                                                            style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                            <img style="width:17px;height:18px;" src="https://i.imgur.com/wdzPBPP.png" alt="icons">
                                                        </a>
                                                    </td>
                                                    <td align="left" style="padding-right: 6px; text-align: center; padding-top: 0px;">
                                                        <a href="{{ @$website_setting->youtube }}" target="_Blank"
                                                            style="text-decoration:none;padding: 0 17px 0 0;display: inline-block;">
                                                            <img style="width:23px;height:16px;" src="https://i.imgur.com/7Zf8wM8.png" alt="icons">
                                                        </a>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                                </div>
                            </div>
                            </div>`;

                tinymce.get("editor_customContactInformation").setContent(customContactInformationContent);
            }


        }


        tinymce.init({
            selector: `#editor_enquiryEmail`,
            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') {
                    // Implement your custom file picker logic here
                    // For example, you can use an input type=file or open a file picker dialog
                    // Once the user selects an image, pass the selected file to the callback
                    // using the callback function provided by TinyMCE
                }
            }
        });

        tinymce.init({
            selector: `#editor_customEmail`,
            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') {
                    // Implement your custom file picker logic here
                    // For example, you can use an input type=file or open a file picker dialog
                    // Once the user selects an image, pass the selected file to the callback
                    // using the callback function provided by TinyMCE
                }
            }
        });


        tinymce.init({
            selector: `#editor_offerLetter`,
            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') {
                    // Implement your custom file picker logic here
                    // For example, you can use an input type=file or open a file picker dialog
                    // Once the user selects an image, pass the selected file to the callback
                    // using the callback function provided by TinyMCE
                }
            }
        });


        tinymce.init({
            selector: `#editor_universityCourseSuggestionsEmail`,
            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') {
                    // Implement your custom file picker logic here
                    // For example, you can use an input type=file or open a file picker dialog
                    // Once the user selects an image, pass the selected file to the callback
                    // using the callback function provided by TinyMCE
                }
            }
        });


        tinymce.init({
            selector: `#editor_customContactInformation`,
            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') {
                    // Implement your custom file picker logic here
                    // For example, you can use an input type=file or open a file picker dialog
                    // Once the user selects an image, pass the selected file to the callback
                    // using the callback function provided by TinyMCE
                }
            }
        });



        function customEmail(event) {
            event.preventDefault();
            var id = $('#templates_id').val();
            var type = $('#templates_type').val();
            var subject = $('#templates_subject').val();
            var customFile = $('#customFileD').val();
            console.log(type);
            var message = null;

            var formData = new FormData();

            // Append the selected file to the FormData object
            var customFileInput = document.getElementById('customFileD');
            if (customFileInput.files.length > 0) {
                for (var i = 0; i < customFileInput.files.length; i++) {
                    formData.append('customFile[]', customFileInput.files[i]);
                }
            }


            if (type === 'enquiryEmail') {
                message = tinymce.get("editor_enquiryEmail").getContent();
            } else if (type === 'customEmail') {
                message = tinymce.get("editor_customEmail").getContent();

                var isFileValid = checkFiles(customFileInput);

                if (isFileValid != true && customFile) {
                    toastr.error("Invalid file. Please check the file size and type.");
                    return;
                }
            } else if (type === 'offerLetter') {
                message = tinymce.get("editor_offerLetter").getContent();
            } else if (type === 'universityCourseSuggestionsEmail') {
                message = tinymce.get("editor_universityCourseSuggestionsEmail").getContent();
                var isFileValid = checkFiles(customFileInput);

                if (isFileValid != true && customFile) {
                    toastr.error("Invalid file. Please check the file size and type.");
                    return;
                }
            } else if (type === 'customContactInformation') {
                message = tinymce.get("editor_customContactInformation").getContent();
                var isFileValid = checkFiles(customFileInput);

                if (isFileValid != true && customFile) {
                    toastr.error("Invalid file. Please check the file size and type.");
                    return;
                }
            }



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

            if (!type) {
                toastr.error("Templates Type is required.");
                return;
            }
            console.log(message);
            if(!type == 'callBackEmail'){
                if (!subject || !message) {
                toastr.error("Templates Subject and Message are required.");
                return;
            }
            }
           
            const button = event.target;
            button.style.display = 'none';
            const loader = document.getElementById('loader3');
            loader.style.display = 'inline-block';

            formData.append('id', id);
            formData.append('type', type);
            formData.append('subject', subject);
            formData.append('message', message);
            formData.append('_token', '{{ csrf_token() }}');

            $.ajax({
                url: "{{ route('candidate.customEmail', ['id' => ':id']) }}".replace(':id', id),
                type: "post",
                data: formData, // Use the FormData object for data
                contentType: false, // Set to false for FormData
                processData: false, // Set to false for FormData
                dataType: 'json',
                success: function(result) {
                    loader.style.display = 'none';
                    button.style.display = 'inline-block';
                    var customFile = $('#customFileD').val('');
                    toastr.success("Email send successfully!");
                    $("body").removeClass("no-scroll");
                    $('#exampleModal_customEmail').find('[data-dismiss="modal"]').trigger('click');
                    $('.close-popup').trigger('click');
                    $("body").removeClass("no-scroll");
                },
                error: function(xhr, status, error) {
                    loader.style.display = 'none';
                    button.style.display = 'inline-block';
                    // Handle the error response, e.g., show an error message
                    console.error(xhr.responseText);
                    toastr.error("Error sending email. Please try again later.");
                    $('.close-popup').trigger('click');
                    $("body").removeClass("no-scroll");
                }
            });

        };

        function checkFiles(input) {
            const maxFileSizeMB = 22;
            const allowedExtensions = ['pdf', 'doc', 'xlsx' ,'csv', 'docx', 'jpg', 'jpeg', 'png', 'gif', 'bmp', 'svg'];

            const files = input.files;

            for (let i = 0; i < files.length; i++) {
                const file = files[i];

                const fileSizeMB = file.size / (1024 * 1024); // Convert bytes to megabytes
                const fileExtension = file.name.split('.').pop().toLowerCase();

                if (fileSizeMB > maxFileSizeMB) {
                    alert('File size exceeds the maximum limit of ' + maxFileSizeMB + 'MB.');
                    input.value = ''; // Clear the file input
                    return false;
                }
                // else if (!allowedExtensions.includes(fileExtension)) {
                //     alert('Invalid file extension. Please select valid files with extensions: ' + allowedExtensions.join(', '));
                //     input.value = ''; // Clear the file input
                //     return false;
                // }
            }
            return true;
        }
    </script>
    {{-- /////////////////////////follow-up////////////////////////// --}}
    <script>
        $(document).ready(function() {

            var dtToday = new Date();
            var month = dtToday.getMonth() + 1; // getMonth() is zero-based
            var day = dtToday.getDate();
            var year = dtToday.getFullYear();
            if (month < 10)
                month = '0' + month.toString();
            if (day < 10)
                day = '0' + day.toString();

            var maxDate = year + '-' + month + '-' + day;
            $('#follow-up-date').attr('min', maxDate);

            // Select the date and time input fields and the error message element
            var dateInput = $('#follow-up-date');
            var timeInput = $('#follow-up-time');
            var errorMsg = $('.follow-up-date-time-msg');

            // Function to validate date and time
            function validateDateTime() {
                var selectedDate = dateInput.val();
                var selectedTime = timeInput.val();

                if (!selectedDate || !selectedTime) {
                    errorMsg.text("Please select both a date and a time");
                    return false;
                }

                // Clear any error message if both date and time are selected
                errorMsg.text("");
                return true;
            }

            // Add change event listeners to date and time inputs
            dateInput.on('change', validateDateTime);
            timeInput.on('change', validateDateTime);
        });


        $('#follow-up').on('change', function() {
            var selectedOption = $(this).val();
            $('#form32').val(' ');
            if (selectedOption === 'no' || selectedOption === 'close') {
                $('#follow-up-date').val('');
                $('#follow-up-time').val('');
                $('.followDatetimehide').hide();
            } else {
                $('.followDatetimehide').show();
            }
        });


        // function customFollowupModel(event, candidateId) {
        //     event.preventDefault();
        //     $("#followClose").hide();
        //     $('.create-followup-popup').hide();
        //     // Clear and initialize form input fields
        //     $('#FollowUpsForm')[0].reset();
        //     $('#FollowUpsForm').find('select').val('').trigger('change');

        //     // Show your popup or perform other actions here
        //     $("#follow-up-id").val(candidateId);
        //     $('.create-followup-popup').show();
        // }

        function customFollowupModel(event,candidateId,close,userName) {
            $('#manage_followup_popup').attr('value', close);
            event.preventDefault();
            $("#followClose").hide();
            $('.create-followup-popup').hide();
            // $('#manage_followup_popup').attr('value', 'close');
            $("#customFollowUpShow").show();
            $("#followClose,#followCloseShow").hide();
            // Clear and initialize form input fields
            $('#FollowUpsForm')[0].reset();
            $('#FollowUpsForm').find('select').val('').trigger('change');

            // Show your popup or perform other actions here
            $("#follow-up-id").val(candidateId);
            $(".follow-up-userName").text(ucwords(userName));
            console.log("follow-up-id"+candidateId);
            $('.create-followup-popup').show();
        }

        function ucwords(str) {
            return str.replace(/\b\w/g, function (match) {
                return match.toUpperCase();
            });
        }



        // $('#follow_up_status').on('change', function(event) {
        //     var follow_up_s = $(this).val();
        //     if (follow_up_s == 'Connected') {
        //         $('.comment_not_connected').hide();
        //         $('.comment_connected').show();
        //     } else if (follow_up_s == 'Not Connected') {
        //         $('.comment_not_connected').show();
        //         $('.comment_connected').hide();
        //     }
        //     $('.comment_not_connected').hide();
        //         $('.comment_connected').hide();

        // });


        // // $('.comment_not_connected').hide();
        // // // $('.comment_connected').hide();
        // // $('.hide_comment').hide();


        // $('#follow_up_status').on('change', function(event) {
        //     var follow_up_s = $(this).val();
        //     if (follow_up_s == 'Connected') {
        //         $('.comment_not_connected').hide();
        //         $('.comment_connected').show();
        //     } else if (follow_up_s == 'Not Connected') {
        //         $('.comment_not_connected').show();
        //         $('.comment_connected').hide();
        //     }

        // });

        $('#follow_up_status').on('change', function(event) {
            var follow_up_s = $(this).val();

            if (follow_up_s === 'Connected') {
                $('.comment_not_connected').hide();
                $('.comment_connected').show();
            } else if (follow_up_s === 'Not Connected') {
                $('.comment_not_connected').show();
                $('.comment_connected').hide();
            } else {
                $('.comment_not_connected').hide();
                $('.comment_connected').hide();
            }
        });

        $('#comment_connected, #comment_not_connected').on('change', function(event) {
            $('.hide_comment').hide();
            var comment_connecteds = $(this).val();
            if (comment_connecteds === 'Other') {
                $('#comment').val("");
                $('.hide_comment').show();
                
            }else if(comment_connecteds != ''){
                $('#comment').val(comment_connecteds);
                $('.hide_comment').show();
            }
        });

        // function customFollowupSave(event, closenext) {
        //     $('.text-danger').text('');
            
        //     event.preventDefault();

        //     var user_id = $("#follow-up-id").val();
        //     var comment = $('#comment').val();
        //     var type = $('#follow-up-type').val();
        //     var followupdate = $('#follow-up-date').val();
        //     var followuptime = $('#follow-up-time').val();


        //     var datetimeMarage = followupdate + " " + followuptime;
        //     var formattedDateTime = null;
        //     var comment_not_connected = $('#comment_not_connected').val();
        //     var comment_connected = $('#comment_connected').val();
        //     var assign_to = $('#assignee_name').val();
        //     // Parse the datetime string into a JavaScript Date object
        //     if (datetimeMarage) {
        //         var parsedDate = new Date(datetimeMarage);

        //         // Format the date and time in the desired format
        //         var formattedDateTime = parsedDate.getFullYear() + "-" +
        //             String(parsedDate.getMonth() + 1).padStart(2, '0') + "-" +
        //             String(parsedDate.getDate()).padStart(2, '0') + " " +
        //             String(parsedDate.getHours() % 12 || 12).padStart(2, '0') + ":" +
        //             String(parsedDate.getMinutes()).padStart(2, '0') + ":" +
        //             String(parsedDate.getSeconds()).padStart(2, '0') + " " +
        //             (parsedDate.getHours() >= 12 ? "PM" : "AM");

        //     }


        //     var datetime = formattedDateTime;
        //     var follow_up_status = $('#follow_up_status').val();
        //     var priority = $('#priority').val();
        //     var followup = "close";


        //     if(closenext == 'close'){
        //          $("#followClose").hide();
        //           followup = "close";
        //     }else if(closenext == 'closenext'){
        //         $("#followClose").show();
        //         return;
        //     }else{
        //         $("#followClose").show();
        //         var followup = "yes";

        //     }
          

        //     if (!user_id) {
        //         toastr.error("ID is required.");
        //         return;
        //     }
        //     // Reset any previous error messages
        //     $('.text-danger').text('');

        //     var isValid = true;
        //     var customFollowupSave = false;
        //     // if (comment.trim() === '') {
        //     //     $('#comment').next('.text-danger').text('Please enter a comment.');
        //     //     isValid = false;
        //     // }

        //     if (type === '') {
        //         $('.follow-up-type-msg').text('Please select a type.');
        //         console.log(1);
        //         isValid = false;
        //     }


        //     if (follow_up_status === '') {
        //         $('.follow_up_status_msg').text('Please select a status.');
        //         console.log(2);
        //         isValid = false;

        //     } else {

        //         if (follow_up_status == "Connected") {
        //             console.log("Connected");
        //             if ($('#comment_connected').val() == '') {
        //                 $('.comment_connected_msg').text('Please select a comment.');
        //                 isValid = false;

        //             }

        //         } else if (follow_up_status == "Not Connected") {
        //             console.log("comment_not_connected");
        //             if ($('#comment_not_connected').val() == '') {
        //                 $('.comment_not_connected_msg').text('Please select a comment.');
        //                 isValid = false;

        //             }
        //         }
        //     }

        //     // if (priority === '') {
        //     //     $('#priority').next('.text-danger').text('Please select a priority.');
        //     // console.log(3);
        //     //     isValid = false;
        //     // }

        //     if (followup == '') {
        //         $('.follow_up_status_msg').text('Please select a status.');
        //         console.log(4);
        //         isValid = false;

        //     }

        //     // if (followup === undefined) {
        //     //     $('.follow-up-msg').text('Please select an option.');
        //     // console.log(5);
        //     //     isValid = false;
        //     // } else if (followup === 'yes' && $('#form32').val().trim() === '') {
        //     //     $('#datetime').find('.text-danger').text('Please enter a date and time.');
        //     // console.log(6);
        //     //     isValid = false;
        //     // }

        //     if (followup == '') {
        //         $('.follow-up-msg').text('Please select an option.');
        //         console.log(7);
        //         isValid = false;
        //     }





        //     if (followup != 'close' && followup != 'no' && datetime !== '') {
        //         var checkfollowupsDatetime = true;
        //         if (followupdate == '' || followuptime == '') {
        //             $('.follow-up-date-time-msg').text('Please enter a date and time.');
        //             console.log(8);
        //             isValid = false;
        //             checkfollowupsDatetime = false;
        //         }
        //         if (checkfollowupsDatetime) {
                   
        //             $.ajax({
        //                 url: "{{ route('candidate.checkfollowupsDatetime') }}",
        //                 type: "get",
        //                 data: {
        //                     admin_id: assign_to,
        //                     datetime: datetime,
        //                     _token: '{{ csrf_token() }}'
        //                 },
        //                 dataType: 'json',
        //                 success: function(result) {

        //                     if (result.status == "1") {
        //                         console.log(9 + isValid);
        //                         console.log("isValidy" + isValid);
        //                         isValid = false;
        //                         console.log(9 + isValid);
        //                         console.log("isValidn" + isValid);
        //                         $('.follow-up-date-time-msg').text('This slot already book.');
        //                         // $('#datetime').find('.text-danger').text('This slot already book.');

        //                     } else if (isValid) {
        //                         saveFollowup(user_id,type,follow_up_status,priority,assign_to,comment_connected,comment_not_connected,comment,followup,datetime);
        //                     }



        //                 }
        //             });
        //         }



        //     } else {

        //         if (isValid) {
        //             customFollowupSave = true;
        //               saveFollowup(user_id,type,follow_up_status,priority,assign_to,comment_connected,comment_not_connected,comment,followup,datetime);
        //         }
        //     }

        //     // if (isValid) {
        //     //     customFollowupSave = true;
        //     // }
            
        //     console.log("customFollowupSave " + customFollowupSave);
        //     // if (customFollowupSave) {
        //     //     const loader = document.getElementById('loader4');
        //     //     loader.style.display = 'inline-block';
        //     //     $.ajax({
        //     //         url: "{{ route('followup.storeFollowup', ['id' => ':id']) }}".replace(':id', user_id),
        //     //         type: "post",
        //     //         data: {
        //     //             type: type,
        //     //             follow_up_status: follow_up_status,
        //     //             priority: priority,
        //     //             assign_to: assign_to,
        //     //             comment_connected: comment_connected,
        //     //             comment_not_connected: comment_not_connected,
        //     //             comment: comment,
        //     //             followup_up: followup,
        //     //             datetime: datetime,
        //     //             _token: '{{ csrf_token() }}'
        //     //         },
        //     //         dataType: 'json',
        //     //         success: function(result) {
        //     //             loader.style.display = 'none';
        //     //             toastr.success("FollowUp Created successfully!");
        //     //             $('.create-followup-popup').hide();
        //     //             $(".overlay").hide();
        //     //         }
        //     //     });
        //     // }


        // }

        // function saveFollowup(user_id,type,follow_up_status,priority,assign_to,comment_connected,comment_not_connected,comment,followup,datetime) {
        //     const loader = document.getElementById('loader4');
        //     loader.style.display = 'inline-block';

        //     $.ajax({
        //         url: "{{ route('followup.storeFollowup', ['id' => ':id']) }}".replace(':id', user_id),
        //         type: "post",
        //         data: {
        //             type: type,
        //             follow_up_status: follow_up_status,
        //             priority: priority,
        //             assign_to: assign_to,
        //             comment_connected: comment_connected,
        //             comment_not_connected: comment_not_connected,
        //             comment: comment,
        //             followup_up: followup,
        //             datetime: datetime,
        //             _token: '{{ csrf_token() }}'
        //         },
        //         dataType: 'json',
        //         success: function(result) {
        //             loader.style.display = 'none';
        //             toastr.success("FollowUp Created successfully!");
        //             $("body").removeClass("no-scroll");
        //             $('.create-followup-popup').hide();
        //             $(".overlay").hide();
        //         }
        //     });
        // }

        function customFollowupSave(event, closenext) {
            $('.text-danger').text('');
            
            event.preventDefault();

            var user_id = $("#follow-up-id").val();
            var comment = $('#comment').val();
            var type = $('#follow-up-type').val();
            var followupdate = $('#follow-up-date').val();
            var followuptime = $('#follow-up-time').val();

            var followupstage = $('#follow_up_stage').val();
            var followupdroppedreason = $('#stageSelect_hide_show').val();
            var followupdroppedreasoncomment = $('#follow_up_dropped_reason_comment').val();



            var datetimeMarage = followupdate + " " + followuptime;
            var formattedDateTime = null;
            var comment_not_connected = $('#comment_not_connected').val();
            var comment_connected = $('#comment_connected').val();
            var assign_to = $('#assignee_name').val();
            // Parse the datetime string into a JavaScript Date object
            if (datetimeMarage) {
                var parsedDate = new Date(datetimeMarage);

                // Format the date and time in the desired format
                var formattedDateTime = parsedDate.getFullYear() + "-" +
                    String(parsedDate.getMonth() + 1).padStart(2, '0') + "-" +
                    String(parsedDate.getDate()).padStart(2, '0') + " " +
                    String(parsedDate.getHours() % 12 || 12).padStart(2, '0') + ":" +
                    String(parsedDate.getMinutes()).padStart(2, '0') + ":" +
                    String(parsedDate.getSeconds()).padStart(2, '0') + " " +
                    (parsedDate.getHours() >= 12 ? "PM" : "AM");

            }


            var datetime = formattedDateTime;
            var follow_up_status = $('#follow_up_status').val();
            var priority = $('#priority').val();
            var followup = "close";


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

            // Reset any previous error messages
            $('.text-danger').text('');

            var isValid = true;
            var customFollowupSave = false;
            // if (comment.trim() === '') {
            //     $('#comment').next('.text-danger').text('Please enter a comment.');
            //     isValid = false;
            // }

            if (type === '') {
                $('.follow-up-type-msg').text('Please select a type.');
                console.log(1);
                isValid = false;
                return;
            }


            if (follow_up_status === '') {
                $('.follow_up_status_msg').text('Please select a status.');
                console.log(2);
                isValid = false;
                return;

            } else {

                if (follow_up_status == "Connected") {
                    console.log("Connected");
                    if ($('#comment_connected').val() == '') {
                        $('.comment_connected_msg').text('Please select a comment.');
                        isValid = false;
                        return;
                    }

                } else if (follow_up_status == "Not Connected") {
                    console.log("comment_not_connected");
                    if ($('#comment_not_connected').val() == '') {
                        $('.comment_not_connected_msg').text('Please select a comment.');
                        isValid = false;
                        return;

                    }
                }
            }

            // if (priority === '') {
            //     $('#priority').next('.text-danger').text('Please select a priority.');
            // console.log(3);
            //     isValid = false;
            // }

            if (followup == '') {
                $('.follow_up_status_msg').text('Please select a status.');
                console.log(4);
                isValid = false;
                return;

            }

            // if (followup === undefined) {
            //     $('.follow-up-msg').text('Please select an option.');
            // console.log(5);
            //     isValid = false;
            // } else if (followup === 'yes' && $('#form32').val().trim() === '') {
            //     $('#datetime').find('.text-danger').text('Please enter a date and time.');
            // console.log(6);
            //     isValid = false;
            // }

            if (followup == '') {
                $('.follow-up-msg').text('Please select an option.');
                console.log(7);
                isValid = false;
                return;
            }


            if(closenext == 'close'){
                followup = "close";
                 $("#followClose").hide();
                 $("#followCloseShow").show();
                //  $('#manage_followup_popup').attr('value', 'yes');
                var manage_followup_popup = $('#manage_followup_popup').val();
                 $('#manage_followup_popup').attr('value', 'yes');
                if(manage_followup_popup == "secClose"){
                    $('#manage_followup_popup').attr('value', 'secYes');
                }
                 $("#customFollowUpShow").hide();
                if (!followupstage) {
                    $('.follow_up_stage_msg').text('Please select an option.');
                    isValid = false;
                    return;
                }
                if (followupstage && followupstage == "Student backed out / Dropped") {
                    if(!followupdroppedreason){
                        $('.follow_up_dropped_reason_msg').text('Please select an option.');
                        isValid = false;
                        return;
                    }
                    if (!followupdroppedreasoncomment) {
                        $('.follow_up_dropped_reason_comment_msg').text('Please enter a dropped reason.');
                        isValid = false;
                        return;
                    }
                   
                }
               
                return;
            }else if(closenext == 'closenext'){
                setDefaultTime();
                var manage_followup_popup = $('#manage_followup_popup').val();
                 $('#manage_followup_popup').attr('value', 'yes');
                if(manage_followup_popup == "secClose"){
                    $('#manage_followup_popup').attr('value', 'secYes');
                }
                $("#customFollowUpShow").hide();
                $("#followClose").show();
                $("#followCloseShow").hide();
                return;
            }else if(closenext == 'closeSave'){
                if (!followupstage) {
                    $('.follow_up_stage_msg').text('Please select an option.');
                    isValid = false;
                    return;
                }
                if (followupstage && followupstage == "Student backed out / Dropped") {
                    if(!followupdroppedreason){
                        $('.follow_up_dropped_reason_msg').text('Please select an option.');
                        isValid = false;
                        return;
                    }
                    if (!followupdroppedreasoncomment) {
                        $('.follow_up_dropped_reason_comment_msg').text('Please enter a dropped reason.');
                        isValid = false;
                        return;
                    }
                    followup = "close";
                }
            }else{
                $("#followClose").show();
                $("#followCloseShow").hide();
                var followup = "yes";

            }
          






            if (followup != 'close' && followup != 'no' && datetime !== '') {
                var checkfollowupsDatetime = true;
                if (followupdate == '' || followuptime == '') {
                    $('.follow-up-date-time-msg').text('Please enter a date and time.');
                    console.log(8);
                    isValid = false;
                    checkfollowupsDatetime = false;
                }
                if (checkfollowupsDatetime) {
                   
                    $.ajax({
                        url: "{{ route('candidate.checkfollowupsDatetime') }}",
                        type: "get",
                        data: {
                            admin_id: assign_to,
                            datetime: datetime,
                            _token: '{{ csrf_token() }}'
                        },
                        dataType: 'json',
                        success: function(result) {

                            if (result.status == "1") {
                                console.log(9 + isValid);
                                console.log("isValidy" + isValid);
                                isValid = false;
                                console.log(9 + isValid);
                                console.log("isValidn" + isValid);
                                $('.follow-up-date-time-msg').text('This slot already book.');
                                // $('#datetime').find('.text-danger').text('This slot already book.');

                            } else if (isValid) {
                                saveFollowup(user_id,type,follow_up_status,priority,assign_to,comment_connected,comment_not_connected,comment,followup,datetime,event,followupstage,followupdroppedreason,followupdroppedreasoncomment);
                            }



                        }
                    });
                }



            } else {

                if (isValid) {
                    customFollowupSave = true;
                      saveFollowup(user_id,type,follow_up_status,priority,assign_to,comment_connected,comment_not_connected,comment,followup,datetime,event,followupstage,followupdroppedreason,followupdroppedreasoncomment);
                }
            }

            // if (isValid) {
            //     customFollowupSave = true;
            // }
            
            console.log("customFollowupSave " + customFollowupSave);
            // if (customFollowupSave) {
            //     const loader = document.getElementById('loader4');
            //     loader.style.display = 'inline-block';
            //     $.ajax({
            //         url: "{{ route('followup.storeFollowup', ['id' => ':id']) }}".replace(':id', user_id),
            //         type: "post",
            //         data: {
            //             type: type,
            //             follow_up_status: follow_up_status,
            //             priority: priority,
            //             assign_to: assign_to,
            //             comment_connected: comment_connected,
            //             comment_not_connected: comment_not_connected,
            //             comment: comment,
            //             followup_up: followup,
            //             datetime: datetime,
            //             _token: '{{ csrf_token() }}'
            //         },
            //         dataType: 'json',
            //         success: function(result) {
            //             loader.style.display = 'none';
            //             toastr.success("FollowUp Created successfully!");
            //             $('.create-followup-popup').hide();
            //             $(".overlay").hide();
            //         }
            //     });
            // }


        }

        function saveFollowup(user_id, type, follow_up_status, priority, assign_to, comment_connected, comment_not_connected, comment, followup, datetime, event, stage, reason, reasonComment) {
            var sumbittype = true;

            if (followup == "close" && stage) {
                sumbittype = false;

                Swal.fire({
                    title: "Are you sure?",
                    text: "Are you sure you want to change this stage: " + stage + "?",
                    icon: "warning",
                    showCancelButton: true,
                    confirmButtonText: "Yes",
                    cancelButtonText: "No",
                }).then((result) => {
                    if (result.isConfirmed) {
                        sumbittype = true;
                        // Perform any further actions if confirmed
                        performFollowup(user_id, type, follow_up_status, priority, assign_to, comment_connected, comment_not_connected, comment, stage, reasonComment, followup, datetime, event);
                    }
                });
            } else {
                performFollowup(user_id, type, follow_up_status, priority, assign_to, comment_connected, comment_not_connected, comment, stage, reasonComment, followup, datetime, event);
            }
        }

        function performFollowup(user_id, type, follow_up_status, priority, assign_to, comment_connected, comment_not_connected, comment, stage, reasonComment, followup, datetime, event) {
            const button = event.target;
            button.disabled = true;
            button.style.backgroundColor = 'gray';
            var loader = followup === "close" ? document.getElementById('loader5') : document.getElementById('loader4');
            loader.style.display = 'inline-block';

            $.ajax({
                url: "{{ route('followup.storeFollowup', ['id' => ':id']) }}".replace(':id', user_id),
                type: "post",
                data: {
                    type: type,
                    follow_up_status: follow_up_status,
                    priority: priority,
                    assign_to: assign_to,
                    comment_connected: comment_connected,
                    comment_not_connected: comment_not_connected,
                    comment: comment,
                    stage: stage,
                    reasonComment: reasonComment,
                    followup_up: followup,
                    datetime: datetime,
                    _token: '{{ csrf_token() }}'
                },
                dataType: 'json',
                success: function(result) {
                   
                    var manage_followup_popup = $('#manage_followup_popup').val();

                    if(manage_followup_popup == "secClose" || manage_followup_popup == "secYes"){
                        initializeFullCalendar();
                    }
                    button.disabled = false;
                    button.style.backgroundColor = '#055aab';
                    loader.style.display = 'none';
                    refreshTable();
                    initializeFullCalendar();
                    toastr.success("FollowUp Created successfully!");
                    $("body").removeClass("no-scroll");
                    $('.create-followup-popup').hide();
                    $(".overlay").hide();
                   
                },
                error: function(xhr, status, error) {
                    loader.style.display = 'none';
                    button.disabled = false;
                    button.style.backgroundColor = '#055aab';
                    console.error(xhr.responseText);
                    toastr.error("Something Went Wrong", 'Error!');
                }
            });
        }

    </script>

    <script>
                
       function customWhatsAppCalendar(event , type){
        
        
        var candidateId = document.getElementById('calendar-userID').value;
        var candidateName = document.getElementById('user-name').textContent;
        // var candidateEmail = document.getElementById('calendar-userEmail');
        var candidatePhone = document.getElementById('calendar-userPhone').value;
        var candidateCountryCode = document.getElementById('calendar-userCountryCode').value;
        var candidateCountry = document.getElementById('calendar-userCountry').value;
        $(".followup-modal").hide();

         customWhatsApp(event,candidateId, candidateName, candidatePhone, candidateCountryCode, candidateCountry, 'secClose');
        }

        function customSendEmailModelCalendar(event){
        var candidateId = document.getElementById('calendar-userID').value;
        var candidateName = document.getElementById('user-name').textContent;
        var candidateEmail = document.getElementById('calendar-userEmail');
        // var candidatePhone = document.getElementById('calendar-userPhone').value;
        $(".followup-modal").hide();
        customSendEmailModel(candidateId, candidateName, candidateEmail, 'secClose');
        }

        function customFollowupModelCalenda(event){
        var candidateId = document.getElementById('calendar-userID').value;
        var candidateName = document.getElementById('user-name').textContent;
        // var candidateEmail = document.getElementById('calendar-userEmail');
        // var candidatePhone = document.getElementById('calendar-userPhone').value;
        $(".followup-modal").hide();
        customFollowupModel(event,candidateId,'secClose',candidateName);
        }


    </script>

    <script>


            function backBtnEmail(){
                var value = $('#manage_email_popup').val();
                
                console.log("dataIdValue "+value);
                if(value == "close"){
                   $('.email-popup').hide();
                   $('.overlay').hide();
                   $("body").removeClass("no-scroll");
                   $('#manage_email_popup').attr('value', 'close');
                }else if(value == "secClose"){
                   $('.email-popup').hide();
                   $('#manage_email_popup').attr('value', 'close');
                   $(".followup-modal").show();
                }else{
                   $('.email-popup').hide();
                   $('.overlay').hide();
                   $("body").removeClass("no-scroll");
                   $('#manage_email_popup').attr('value', 'close');
                   
                }

               
            }


            function backBtnFollows(){
                var value = $('#manage_followup_popup').val();
                
                console.log("manage_followup_popup "+value);
                if(value == "close"){
                    $('.create-followup-popup').hide();
                   $('.overlay').hide();
                   $("body").removeClass("no-scroll");
                   $('#manage_followup_popup').attr('value', 'close');
                }else if(value == "yes"){
                    $("#customFollowUpShow").show();
                    $('#followCloseShow, #followClose').hide();
                    $('#manage_followup_popup').attr('value', 'close');
                }else if(value == "secClose"){
                   $('.create-followup-popup').hide();
                   $('#manage_followup_popup').attr('value', 'close');
                   $(".followup-modal").show();
                }else if(value == "secYes"){
                    $("#customFollowUpShow").show();
                    $('#followCloseShow, #followClose').hide();
                    $('#manage_followup_popup').attr('value', 'secClose');
                }else{
                    $('.close-popup').trigger('click');
                    $("body").removeClass("no-scroll");
                    $('#manage_followup_popup').attr('value', 'close');
                }
               
            }

            // $('#closee_mail_popup').click(function() {
            //     $('.close-popup').trigger('click');
                
            // });


            $('.follow_up_stage').on('change', function() {
            var selectedOption = $(this).val();
            
            if(selectedOption == "Student backed out / Dropped"){
              stageSelect_hide_show("Student backed out / Dropped");
            
            }else if(selectedOption == "Offer Rejected"){
              stageSelect_hide_show("Offer Rejected");
            }else if(selectedOption == "Offer Accepted"){
              stageSelect_hide_show("Offer Accepted");
            }else{
                stageSelect_hide_show("no");
            }
            });

            function stageSelect_hide_show(selectedOption) {
                $(".stageSelect_hide_show, .stageType_hide_show").hide();
        
                if (selectedOption === 'Student backed out / Dropped') {      
                    $(".stageSelect_hide_show").show();
                   
                }
               
            }


            $('.stageTypeSelect_show').on('change', function() {
                var selectedOptiontype = $(this).val();
                $("#follow_up_dropped_reason_comment").val("");
                if (selectedOptiontype === 'other') {     
                    stageSelectype_hide_show("yes");
                }else{
                    $("#follow_up_dropped_reason_comment").val(selectedOptiontype);
                    stageSelectype_hide_show("no");
                }
            
            });

            function stageSelectype_hide_show(selectedOpftion) {
                console.log("selectedOpftion"+ selectedOpftion);
            if (selectedOpftion === 'yes') {      
                    $(".stageType_hide_show").show();
                } else {
                    $(".stageType_hide_show").hide();
                }
            }

              ////////////////////////set Default Time follow-up ///////////////
            function setDefaultTime() {
                const timeInput = document.getElementById('follow-up-time');
                if (timeInput) {
                    timeInput.value = getCurrentTimePlusOneMinute();
                }
            }

            function getCurrentTimePlusOneMinute() {
                const now = new Date();
                now.setMinutes(now.getMinutes() + 1); // Increment current time by one minute
                const hours = String(now.getHours()).padStart(2, '0');
                const minutes = String(now.getMinutes()).padStart(2, '0');
                return `${hours}:${minutes}`;
            }

    </script>

    <script>
            function refreshTable() {
            var assign_to = $('#assign_to').val();
            var url = "{{ route('admin.myfollowup', ['assign_to' => ':assign_to']) }}";
            url = url.replace(':assign_to', assign_to);
            $.ajax({
                url: window.location.href,
                type: 'GET',
                dataType: 'html',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                success: function(response) {
                    // Assuming your table has an id of 'myFollowupTable'
                    var tbodyContent = $(response).find('#myFollowupTable tbody').html();
                    $('#myFollowupTable tbody').html(tbodyContent);
                  
                },
                error: function(error) {
                    console.log('Error loading lead management data: ', error);
                }
            });
        }
    </script>

    <script>
          function leadManagementCounts() {
            var assign_to = $('#assign_to').val();
            $.ajax({
                url: "{{ route('admin.leadManagementCounts') }}",
                type: "get",
                data: {
                    assign_to: assign_to,
                    _token: '{{ csrf_token() }}'
                },
                dataType: 'json',
                success: function (result) {
                    $('#myNonfollowedcount').text(result.myNonfollowedcount);
                },
                error: function (xhr, status, error) {
            
                }
            });

            }
    </script>

    <script>
     

        function handleLeadTypeEditClick(followupId) {
            var leadTypeSpan = $('#leadTypeToggle' + followupId);
            var editDropdown = $('#leadEditDropdownToggle' + followupId);
            // // Toggle visibility of lead type and editable dropdown
            // leadTypeSpan.toggle();
            // editDropdown.toggle();
            $('.leadEditDropdownToggle, .leadTypeToggle').hide();
            $('.leadTypeToggle').show();
            $('#leadTypeToggle' + followupId).hide();
            $('#leadEditDropdownToggle' + followupId).show();
        }
    
    
        function handleLeadTypeSaveClick(button) {
            var userId = $(button).data('id');
            var followupID = $(button).data('followupid');
            var selectedLeadType = $(button).closest('td').find('select[name="lead_type"]').val();
            handleLeadTypeUpdate(userId, selectedLeadType, followupID);
        }
    
        // Function to handle AJAX request
        function handleLeadTypeUpdate(userId, selectedLeadType, followupID) {
            $(".loader").show();
            var assign_to = $('#assign_to').val();
            // Perform AJAX request to update lead type
            $.ajax({
                method: 'POST',
                url: "{{ route('admin.leadTypeUpdate', ['id' => ':id']) }}".replace(':id', userId),
                data: {
                    _token: '{{ csrf_token() }}',
                    lead_type: selectedLeadType,
                    assign_to: assign_to,
                },
                success: function (response) {
                    $(".loader").hide();
                    toastr.success("Lead type updated successfully!");
                    // updateLeadTypeUI(selectedLeadTyp  e, userId, followupID);
                    // refreshTable();
                    window.location.reload();
                    // You can call your custom function to refresh the table if needed
                },
                error: function (error) {
                    $(".loader").hide();
                    toastr.error("Something Went Wrong", 'Error!');
                    console.error('Error updating lead type:', error);
                },
            });
        }
 ////////////////file name\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
        document.getElementById('customFileD').onchange = function() {
            $('#fileHelp').html(" ");
            var file = document.getElementById('customFileD').files[0];
            if(file){
                $('#fileHelp').html(file['name']);
            }else{
                $('#fileHelp').html("Allowed file extensions: Maximum file size:20MB each.");
            }
        };
    </script>
@endsection