@extends('admin.layouts.app')
@section('title')
    {{ __('customer_list') }}
@endsection
@php
use Carbon\Carbon;
@endphp
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <div class="row">
                        <div class="col-12 p-0">
                               {{-- @if (array_intersect($roleEnvNames, $adminRoleNames)) --}}
                            @if (userCan('followup.view'))
                            <a href="{{ route('candidate.getFollowup', [
                                'assign_to' => request('assign_to') ?? null, 
                                'closeStatus' => 0,
                            ]) }}" class="btn btn-secondary mx-0">
                                Pending FollowUp
                                <span
                                    class="badge rounded-pill bg-info">
                                    {{ @$pendingFollowUpCount }}
                                </span>
                            </a>
                            @endif
                            @if (userCan('admin.assign'))
                                @if (request('assign_to'))
                                    <a href="{{ route('candidate.index', ['assign_to' => request('assign_to'), 'followUp' => 'no_followUp']) }}" class="ml-2  btn btn-secondary mx-0">
                                   Non-followed customers <span class="badge rounded-pill bg-info">{{ @$myNonfollowedcount }}</span>
                                    </a>   
                                @else
                                  
                                    @if (in_array($leadManagerEnvRole, $adminRoleNames))
                                    <a href="{{ route('candidate.index', ['assign_to' => Auth::user()->id, 'followUp' => 'no_followUp']) }}" class="ml-2 btn btn btn-secondary mx-0">
                                       Non-followed customers <span class="badge rounded-pill bg-info">{{ @$myNonfollowedcount }}</span>
                                        </a>  
                                    @else
                                    <a href="{{ route('candidate.index', ['followUp' => 'no_followUp']) }}" class="ml-2 btn btn btn-secondary mx-0">
                                        Non-followed customers <span class="badge rounded-pill bg-info">{{ @$myNonfollowedcount }}</span>
                                        </a>  
                                    @endif
                                        
                                    
                                @endif
                            @else
                                @if (in_array($leadManagerEnvRole, $adminRoleNames))
                                <a href="{{ route('candidate.index', ['assign_to' => Auth::user()->id, 'followUp' => 'no_followUp']) }}" class="ml-2 btn btn btn-secondary mx-0">
                                    Non-followed customers <span class="badge rounded-pill bg-info">{{ @$myNonfollowedcount }}</span>
                                    </a>  
                                @else
                                <a href="{{ route('candidate.index', ['followUp' => 'no_followUp']) }}" class="ml-2 btn btn btn-secondary mx-0">
                                    Non-followed customers <span class="badge rounded-pill bg-info">{{ @$myNonfollowedcount }}</span>
                                    </a>  
                                @endif
                                                    
                            @endif  

                            {{-- @if (userCan('admin.assign'))
                                @php
                                    $assignToQueryParam = request('assign_to') ? ['assign_to' => request('assign_to')] : [];
                                @endphp
                            @else
                                @php
                                    $assignToQueryParam = in_array(Auth::user()->id, $roleEnvNames) ? ['assign_to' => Auth::user()->id] : [];
                                @endphp
                            @endif

                            <a href="{{ route('candidate.index', array_merge(['followUp' => 'no_followUp'], $assignToQueryParam)) }}" class="ml-2 btn btn btn-secondary mx-0">
                                Non-followed customers <span class="badge rounded-pill bg-info">{{ @$myNonfollowedcount }}</span>
                            </a> --}}
                            <a href="{{ route('candidate.index', ['openLeadButton' => '1']) }}" class="ml-2 btn btn-secondary ms-1">
                                Open Leads 
                            </a>

                            {{-- <a href="{{ route('candidate.index', ['leadButton' => '1']) }}" class="ml-2 btn btn-secondary ms-1">
                                Lead <span class="badge rounded-pill bg-info">{{ @$leadButtonCount }}</span>
                            </a>

                            <a href="{{ route('candidate.index', ['applicationButton' => '1']) }}" class="ml-2 btn btn-secondary ms-1">
                                Application <span class="badge rounded-pill bg-info">{{ @$applicationButtonCount }}</span>
                            </a>

                            <a href="{{ route('candidate.index', ['offerButton' => '1']) }}" class="ml-2 btn btn-secondary ms-1">
                                Offer <span class="badge rounded-pill bg-info">{{ @$offerButtonCount }}</span>
                            </a>

                            <a href="{{ route('candidate.index', ['feePaymentButton' => '1']) }}" class="ml-2 btn btn-secondary ms-1">
                                Fee Payment <span class="badge rounded-pill bg-info">{{ @$feePaymentButtonCount }}</span>
                            </a>

                            <a href="{{ route('candidate.index', ['droppedButton' => '1']) }}" class="ml-2 btn btn-secondary ms-1">
                                Dropped <span class="badge rounded-pill bg-info">{{ @$droppedButtonCount }}</span>
                            </a>

                            

                            <a href="{{ route('candidate.index', ['visaButton' => '1']) }}" class="ml-2 btn btn-secondary ms-1">
                                Visa <span class="badge rounded-pill bg-info">{{ @$visaButtonCount }}</span>
                            </a> --}}


                            @if (userCan('followup.view'))
                            <a href="{{ route('candidate.getFollowup', ['leadButton' => '1','assign_to' => request('assign_to')]) }}" class="ml-2 btn btn-secondary ms-1">
                                Lead <span class="badge rounded-pill bg-info">{{ @$leadButtonCount }}</span>
                            </a>

                            <a href="{{ route('candidate.getFollowup', ['applicationButton' => '1','assign_to' => request('assign_to')]) }}" class="ml-2 btn btn-secondary ms-1">
                                Application <span class="badge rounded-pill bg-info">{{ @$applicationButtonCount }}</span>
                            </a>

                            <a href="{{ route('candidate.getFollowup', ['offerButton' => '1','assign_to' => request('assign_to')]) }}" class="ml-2 btn btn-secondary ms-1">
                                Offer <span class="badge rounded-pill bg-info">{{ @$offerButtonCount }}</span>
                            </a>

                            {{-- <a href="{{ route('candidate.getFollowup', ['feePaymentButton' => '1')]) }}" class="ml-2 btn btn-secondary ms-1">
                                Fee Payment <span class="badge rounded-pill bg-info">{{ @$feePaymentButtonCount }}</span>
                            </a> --}}

                            <a href="{{ route('candidate.getFollowup', ['droppedButton' => '1','assign_to' => request('assign_to')]) }}" class="ml-2 btn btn-secondary ms-1">
                                Dropped <span class="badge rounded-pill bg-info">{{ @$droppedButtonCount }}</span>
                            </a>

                            <a href="{{ route('candidate.getFollowup', ['visaButton' => '1','assign_to' => request('assign_to')]) }}" class="ml-2 btn btn-secondary ms-1">
                                Visa <span class="badge rounded-pill bg-info">{{ @$visaButtonCount }}</span>
                            </a>
                            @endif

                 


                            {{-- @endif --}}
                        
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12 col-md-8 p-1">
                            <div class="row">
                                <div class="col-8">
                                    <div>
                                        <h3 class="card-title line-height-36">{{ __('customer_list') }} ({{ @$totalCandidatesCount }})</h3>
                                    </div>
                                    
                                    {{-- button --}}
                                </div>
                                <div class="col-4">
                                    {{-- <button type="button" class="btn btn-outline-info mb-2">My Hote Lead
                                        <span
                                        class="badge rounded-pill bg-info">
                                       0
                                        </span> 
                                    </button> --}}
                              
                                    {{-- <button type="button" class="btn btn-outline-warning ms-1 mb-2">
                                        Un Touch Lead
                                        <span
                                        class="badge rounded-pill bg-info">
                                       0
                                        </span>
                                    </button> --}}
                                </div>
                            </div>
                            
                           
                                
                            
                            {{-- <button data-toggle="tooltip" data-placement="top"
                            title="Followup"
                            class="text-light btn bg-warning float-right">
                         
                            <span class="ml-1 text-light    ">
                                Followup
                                <span
                                    class="badge rounded-pill bg-info">
                                     {{ @$todaysfollupscount }}
                                </span>
                            </span>
                        </button> --}}
                        </div>
                        <div class="col align-self-end p-1">
                            @if (userCan('candidate.create'))
                            <a href="{{ route('candidate.create') }}" class="btn bg-primary float-right d-flex align-items-center justify-content-center"><i
                                    class="fas fa-plus mr-1"></i> {{ __('create') }}
                            </a>
                            @endif
                            @if (request('trashed') === 'true') 
                                @if (userCan('candidate.restore'))
                                    <button id="DeleteButton" onclick="MultiRestore()" data-toggle="tooltip" data-placement="top"
                                    title="Restore Selected Customer"
                                    class="DeleteButton d-none mr-1 btn bg-success float-right align-items-center justify-content-center">
                                    <i class="fas fa-trash-restore"></i>
                                    <span class="ml-1">
                                        {{ __('restore') }}
                                        <span id="selectedCount"
                                            class="badge rounded-pill bg-info">
                                        </span>
                                    </span>
                                </button>
                                @endif
                                <a href="{{ route('candidate.index') }}" class="btn mr-1 bg-warning float-right"><i
                                    class="fas fa-arrow-left mr-1"></i>Back
                                </a>
                            @else
                            @if (userCan('candidate.restore'))
                            <a href="{{ route('candidate.index', ['trashed' => 'true']) }}" class="btn mr-1 bg-warning float-right"><i
                                class="fas fa-trash"></i>&nbsp;Trashed
                            </a>
                            @endif
                                @if (userCan('candidate.delete'))
                                    <button id="DeleteButton" onclick="MultiDelete()" data-toggle="tooltip" data-placement="top"
                                    title="Delete Selected Customer"
                                    class="DeleteButton d-none mr-3 btn bg-danger float-right align-items-center justify-content-center">
                                    <i class="fas fa-trash"></i>
                                    <span class="ml-1">
                                        {{ __('delete') }}
                                        <span id="selectedCount"
                                            class="badge rounded-pill bg-info">
                                        </span>
                                    </span>
                                </button>
                                @endif
                            @endif
                    
                            <span class="float-right d-flex align-items-center mx-1 justify-content-center">
                                <span class="mx-2">Sort By: </span>
                            <form id="formSubmit" action="{{ route('candidate.index') }}" method="GET" onchange="this.submit();">
                                                            
                                    {{-- <div class="col-4">
                                        <label>{{ __('search') }}</label>
                                        <input name="keyword" type="text" placeholder="{{ __('search') }}" class="form-control"
                                            value="{{ request('keyword') }}">
                                    </div> --}}
                               
                                    <select name="sort_by"  class="form-control w-100-p">
                                        <option {{ !request('sort_by') || request('sort_by') == 'latest' ? 'selected' : '' }}
                                            value="latest" selected>
                                            {{ __('latest') }}
                                        </option>
                                        <option {{ request('sort_by') == 'last_activity_date' ? 'selected' : '' }} value="last_activity_date">
                                            {{ __('latest') }} {{ __('last') }} {{ __('activity') }}
                                        </option>
                                        {{-- <option {{ request('sort_by') == 'oldest' ? 'selected' : '' }} value="oldest">
                                            {{ __('oldest') }}
                                        </option>

                                        <option {{ request('sort_by') == 'oldestUpdate' ? 'selected' : '' }} value="oldestUpdate">
                                            {{ __('oldest') }} {{ __('last') }} {{ __('activity') }}
                                        </option> --}}
                                    </select>
                                
                            </form>
                            </span>
                                                    
                          
                        </div>
                    </div>
                    
                   
                </div>

              

                {{-- Table  --}}
                <div class="card-body table-responsive p-0">
                    <table class="ll-table table table-hover text-nowrap" style="min-height: 300px !important;">
                        <thead>
                            <tr>
                                @if (userCan('candidate.delete'))
                                @if ($candidates->count() > 0)
                                    <th width="1%">
                                        <div class="icheck-primary ml-1">
                                            <input type="checkbox" id="checkboxAll">
                                            <label for="checkboxAll">
                                            </label>
                                        </div>
                                    </th>
                                @endif
                                @endif
                                <th>ID</th>
                                <th>{{ __('student') }}</th>
                                <th>Preferred Country</th>
                                <th>{{ __('phone') }}</th>
                                <th>{{ __('Source') }}</th>
                                <th>{{ __('Stage') }}</th>
                                <th>{{ __('intake') }}</th>
                                <th>{{ __('category') }}</th>
                                @if (userCan('candidate.update'))
                                {{-- <th width="10%">{{ __('account') }} {{ __('status') }}</th> --}}
                                @endif
                                @if (userCan('candidate.update'))
                                {{-- <th>{{ __('email_verification') }}</th> --}}
                                @endif
                                {{-- <th>{{ __('joined_date') }}</th> --}}
                                <th>{{ __('create') }} {{ __('date') }}</th>
                                <th>{{ __('last') }} {{ __('activity') }}</th>
                                @if (userCan('admin.assign') || userCan('admin.assign_list'))
                                <th width="10%">Assign To</th>
                                @endif
                                <th>Follow up</th>
                                @if (userCan('candidate.update') || userCan('candidate.delete'))
                                    <th>{{ __('action') }}</th>
                                @endif
                            </tr>
                        </thead>
                        <tbody>
                            @if (request('trashed') !== 'true') 
                            <tr>
                                <form id="formSubmit" action="{{ route('candidate.index') }}" method="GET">
                                    @if (userCan('candidate.delete'))
                                    @if ($candidates->count() > 0)
                                    <td>
                                       
                                    </td>
                                    @endif
                                    @endif
                                    @if (userCan('candidate.delete'))
                                    <td>
                                        <input id="id" name="id" type="text" placeholder="ID"
                                        class="form-control" value="{{ request('id') }}">
                                    </td>
                                    @else
                                    <td>
                                        <input id="id" name="id" type="text" placeholder="ID"
                                        class="form-control" value="{{ request('id') }}">
                                    </td>
                                    @endif
                                   
                                    <td>
                                        <input name="name"  id="name" type="text" placeholder="{{ __('name') }} Or {{ __('email') }}"
                                        class="form-control" value="{{ request('name') }}">
                                        {{-- <x-forms.input type="text" name="name"
                                        value="{{ request('name') }}"
                                        placeholder="{{ __(' name') }}" /> --}}
                                        {{-- <input name="name" type="text" placeholder="{{ __('name') }}"
                                            class="" value="{{ request('name') }}"> --}}
                                    </td>
                                    {{-- <td>
                                        <input name="email" id="email"  type="text" placeholder="{{ __('email') }}"
                                            class="form-control" value="{{ request('email') }}">
                                    </td> --}}
                                    <td>
                                        {{-- <input id="country" name="country" type="text" placeholder="{{ __('country') }}"
                                            class="form-control" value="{{ request('country') }}"> --}}
                                            <select name="preferred_country[]"
                                            class="form-control select2bs44" multiple>
                                            <option value="" class="d-none">
                                                Select Preferred Country
                                            </option>
                                            {{-- @isset($countries) --}}
                                            @foreach ($countries as $country)
                                                <option
                                                @if (!empty(request('preferred_country'))) 
                                                @foreach (request('preferred_country') as $key => $preferred_country_id)
                                                   {{ $country->id == $preferred_country_id ? 'selected' : '' }}   
                                                @endforeach 
                                                @endif
                                                    value="{{ $country->id }}">
                                                    {{ $country->name }}
                                                </option>
                                            @endforeach
                                            {{-- @endisset --}}
                                        </select>
                                    </td>
                                    <td>
                                        <input name="phone" id="phone" type="text" placeholder="{{ __('phone') }}"
                                            class="form-control" value="{{ request('phone') }}">
                                    </td>
                                    <td>
                                        <select name="source" id="source" class="form-control mr-3">
                                            <option class="d-none" value="">Select</option>
                                            @foreach ($sourcesData as $sd)
                                            <optgroup label="{{ $sd->name }}"> 
                                                @foreach ($sd->source as $ssd)
                                                <option
                                                {{ request('source') == $ssd->name ? 'selected' : '' }}
                                                value="{{ $ssd->name }}"> {{ $ssd->name }}</option>
                                                @endforeach
                                            </optgroup>
                                            @endforeach
                                        </select>
                                    </td>
                                    <td>
                                        <select name="stages"
                                        class="form-control @error('stages') is-invalid @enderror w-100-p select2bs4"
                                        id="stageSelect">
                                        <option>stages</option>
                                        </select>
                                
                                    </td>
                                    <td>
                                        {{-- <select name="intake" id="intake"
                                        class="form-control  select2bs4 @error('intake') is-invalid @enderror">
                                        <option value="" class="d-none">
                                            {{ __('select_intake') }}
                                        </option>
                                        <option
                                            {{ "Sept'23" == request('intake') ? 'selected' : '' }}
                                            value="Sept'23">Sept'23</option>
                                        <option
                                            {{ "Nov'23" == request('intake') ? 'selected' : '' }}
                                            value="Nov'23">Nov'23</option>
                                        <option
                                            {{ "Jan'24" == request('intake') ? 'selected' : '' }}
                                            value="Jan'24">Jan'24</option>
                                        <option
                                            {{ "Mar'24" == request('intake') ? 'selected' : '' }}
                                            value="Mar'24">Mar'24</option>    
                                        <option
                                            {{ "May'24" == request('intake') ? 'selected' : '' }}
                                            value="May'24">May'24</option>
                                        <option
                                            {{ "Sept'24" == request('intake') ? 'selected' : '' }}
                                            value="Sept'24">Sept'24</option>

                                        <option
                                            {{ "Jan'25" == request('intake') ? 'selected' : '' }}
                                            value="Jan'25">Jan'25</option>
                                        <option
                                            {{ "May'25" == request('intake') ? 'selected' : '' }}
                                            value="May'25">May'25</option>
                                        <option
                                            {{ "Sept'25" == request('intake') ? 'selected' : '' }}
                                            value="Sept'25">Sept'25</option>

                                            <option
                                            {{ "Jan'26" == request('intake') ? 'selected' : '' }}
                                            value="Jan'26">Jan'26</option>
                                        <option
                                            {{ "May'26" == request('intake') ? 'selected' : '' }}
                                            value="May'26">May'26</option>
                                        <option
                                            {{ "Sept'26" == request('intake') ? 'selected' : '' }}
                                            value="Sept'26">Sept'26</option>
                                     
                                            
                                        </select> --}}
                                        <select name="intake"
                                            class="form-control select2bs4 @error('intake') is-invalid @enderror"
                                            id="intake">
                                            <option value="" class="d-none">
                                                {{ __('select_intake') }}
                                            </option>
                                            @foreach($main_intake as $intake)
                                                <option {!! $intake  == request('intake') ? 'selected' : '' !!}
                                                    value="{{ $intake }}">{{ $intake }}</option>
                                            @endforeach
                                        </select>
                                    </td>

                                    <td>
                                        <select name="student_category" id="student_category"
                                        class="form-control  @error('student_category') is-invalid @enderror">
                                        <option value="" class="d-none">
                                            {{ __('select_student_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>
                                    </td>
                               
                                    <td>
                                        <input type="text" id="daterange" name="daterange" value="{{ request('daterange') }}" class="form-control" autocomplete="off" id="my_txtbox" placeholder="Date Range" readonly/>
                                        @error('start_date')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </td>
                                     
                                    <td>
                                        <input type="text" id="daterange_activity" name="daterange_activity" value="{{ request('daterange_activity') }}" class="form-control" autocomplete="off" id="my_txtbox_activity" placeholder="Activity Date " readonly/>
                                        @error('start_date')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </td>
                                    @if (userCan('admin.assign') || userCan('admin.assign_list'))
                                    <td>
                                        <select name="assign_to" id="assign_to" class="form-control mr-3">
                                            <option value="">Assign To</option>
                                            <option value="na"  {{ request('assign_to') == 'na' ? 'selected' : '' }}>NA</option>
                                            {{-- @foreach ($admin_list as $option) --}}
                                            @foreach (array_filter($admin_list, function($item) {
                                                return $item['status'] == 1; // Assuming 'status' is the field indicating active/inactive
                                            }) as $option)
                                                @if (!@empty($option))
                                                <option value="{{ $option['id'] }}"
                                                {{ request('assign_to') == $option['id'] ? 'selected' : '' }}>
                                                {{ $option['name'] }}
                                            </option>
                                                    {{-- <option value="{{ $option['id'] }}"
                                                        {{ old('assign_to', auth('admin')->user()->id) === $option['id'] ? 'selected' : '' }}>
                                                        {{ $option['name'] }}
                                                    </option> --}}
                                                @endif
                                            @endforeach
                                        </select>
                                    </td>
                                    @endif
                                    <td>
                                        <select name="followUp" id="followUp" class="form-control mr-3">
                                            <option value="">FollowUp</option>
                                            <option value="all"   {{ request('followUp') == 'all' ? 'selected' : '' }}>ALL FollowUp</option>
                                            <option value="no_followUp"   {{ request('followUp') == 'no_followUp' ? 'selected' : '' }}>Not FollowUp</option>
                                        </select>
                                    </td>
                                    @if (request('name') || request('student_category') || request('intake') ||request('id') || request('email') || request('source') || request('phone') || request('daterange') || request('country') || request('preferred_country') || request('daterange_activity') || request('stages') || request('followUp') || request('assign_to'))
                                    <td width="10%">
                                        @if (request('name') || request('student_category') || request('intake') || request('id') || request('email') || request('source') || request('phone') || request('daterange') || request('daterange_activity') || request('stages') || request('followUp') || request('country') || request('preferred_country') || request('assign_to'))
                                        <a href="{{ route('candidate.index') }}"
                                            class="btn btn-danger align-items-center justify-content-center"><i
                                                class="fas fa-times"></i>
                                        </a>
                                        @endif
                                        <button type="submit" class="btn btn-primary"><i
                                            class="fas fa-search"></i></button>
                                      

                                    </td>
                                    @else
                                    <td>
                                        <button type="submit" class="btn btn-primary"><i
                                            class="fas fa-search mr-2"></i></button>
                                    </a>
                                    </td>
                                    @endif
                                </form>
                            </tr>
                            @endif
                            @if ($candidates->count() > 0)
                                @foreach ($candidates as $candidate)
                                    <tr>
                                        @if (userCan('candidate.delete'))
                                        @if ($candidate->count() > 0)
                                        <td class="text-center items-center">
                                            <div class="icheck-primary ml-1">
                                                <input type="checkbox" data-id={{ $candidate->user_id }}
                                                    class="sub_chk" id="checkbox{{ $candidate->user_id }}">
                                                <label for="checkbox{{ $candidate->user_id }}">
                                                </label>
                                            </div>
                                        </td>
                                        @endif
                                        @endif
                                        <td>{{ $candidate->user_id }}</td>
                                        <td tabindex="0">
                                            <a href="{{ route('candidate.edit', $candidate->id) }}"  class="company">
                                                {{-- <img src="{{ $candidate->photo }}" alt="image"> --}}
                                                <div>
                                                    <h2>{{ @$candidate->user->name }} {{ @$candidate->user->middle_name }} {{ @$candidate->user->last_name }}
                                                        @if(@$candidate->open_auth_id && Carbon::now()->format('Y-m-d H:i:s') <= $candidate->open_date_time)
                                                        <i class="fas fa-lock text-warning" data-toggle="tooltip" data-placement="top"
                                                        title="{{ ucwords(adminIdToNameGet($candidate->open_auth_id)) }}"></i>
                                                        @endif
                                                    </h2>
                                                    <p>{{ @$candidate->user->email }}</p>
                                                </div>
                                            </a>
                                        </td>
                                        {{-- <td tabindex="0">
                                            <p class="job-role">{{ $candidate->jobRole->name }}</p>
                                        </td> --}}
                                        {{-- <td tabindex="0">
                                            {{ $candidate->applied_jobs_count }} {{ __('applied_jobs') }}
                                        </td> --}}
                                        <td tabindex="0">
                                            {{-- {{ @$candidate->user->country }}  --}}
                                            @php
                                            $jsonString = str_replace(['"', '[', ']'], '',  @$candidate->destination[0]->preferred_country);
                                            $preferred_country_ids = explode(",", $jsonString);
                                            $preferredCountryNames = [];
                                            foreach ($preferred_country_ids as $preferred_country_id) {
                                                    $preferredCountryName = countriesIdToNameGet($preferred_country_id); // Replace with your actual function call
                                                    $preferredCountryNames[] = $preferredCountryName;
                                                }
                                            @endphp
                                            @if($preferredCountryNames)
                                            <span data-toggle="tooltip" data-placement="top"
                                            title="{!! implode(', ', @$preferredCountryNames) !!}"> {{  @$preferredCountryNames[0] }}
                                           </span>
                                           
                                            @else
                                            -NA-
                                            @endif
                                        </td>
                                        <td tabindex="0">
                                            @if(!empty($candidate->user->country_code))
                                            + {{ @$candidate->user->country_code }}  
                                            @endif
                                            {{ @$candidate->user->phone }} 
                                        </td>
                                        <td>
                                            {!! sourceToIcon(@$candidate->user->source) !!}
                                            {{-- {{ @$candidate->user->source }}  --}}
                                        </td>
                                        <td>
                                            {{ @$candidate->user->stages }}  
                                            @php
                                            $document_names_array = array(
                                                'Class 10 Marksheet',
                                                'Class 12 Marksheet',
                                                'Bachelors Degree',
                                                'Masters Degree',
                                                'Diploma',
                                                'Resume',
                                            );

                                            $additional_document_names_array = array(
                                                'LOR 1',
                                                'LOR 2',
                                                'SOP'
                                            );
                                        
                
                                            $found_value = [];
                                            $document_name_toggle_string = "-NA-";
                                            $additional_found_value = [];
                                            $additional_document_name_toggle_string = "-NA-";
                                            
                                            if (!empty(@$candidate->documents)) {
                                                foreach (@$candidate->documents as $key => $value) {
                                                    if ($value->document_subcategory_id == 37) {
                                                        $found_value[] = 'Class 10 Marksheet';
                                                    } elseif ($value->document_subcategory_id == 12) {
                                                        $found_value[] = 'Class 12 Marksheet';
                                                    } elseif ($value->document_subcategory_id == 10) {
                                                        $found_value[] = 'Bachelors Degree';
                                                    } elseif ($value->document_subcategory_id == 11) {
                                                        $found_value[] = 'Masters Degree';
                                                    } elseif ($value->document_subcategory_id == 38) {
                                                        $found_value[] = 'Diploma';
                                                    } elseif ($value->document_subcategory_id == 1) {
                                                        $found_value[] = 'Resume';
                                                    } elseif ($value->document_subcategory_id == 2) {
                                                        $additional_found_value[] = 'LOR 1';
                                                    } elseif ($value->document_subcategory_id == 3) {
                                                        $additional_found_value[] = 'LOR 2';
                                                    } elseif ($value->document_subcategory_id == 5) {
                                                        $additional_found_value[] = 'SOP';
                                                    }
                                                }
                                        
                                                // Keep only unique values
                                                $found_value = array_unique($found_value);
                                                $additional_found_value = array_unique($additional_found_value);

                                                $unique_value = array_diff($document_names_array, $found_value);
                                                $document_name_toggle_string = implode(', ', $unique_value);

                                                $additional_unique_value = array_diff($additional_document_names_array, $additional_found_value);
                                                $additional_document_name_toggle_string = implode(', ', $additional_unique_value);

                                               
                                            }
                                          
                                        @endphp
                                        
                                            @if(@$candidate->user->stages == 'Additional Documents required')
                                            <i class="fas fa-info-circle" data-toggle="tooltip" data-placement="top"
                                            title="{{ @$additional_document_name_toggle_string }}"></i>

                                            @elseif(@$candidate->user->stages == 'Document pending')
                                            <i class="fas fa-info-circle" data-toggle="tooltip" data-placement="top"
                                            title="{{ @$document_name_toggle_string }}"></i>
                                            @endif

                                            
                                            
                                        </td>
                                        @if(!empty(@$candidate->destination[0]->intake))
                                         <td>{{ @$candidate->destination[0]->intake }} </td>
                                        @else
                                         <td>--</td>
                                        @endif

                                        <td>
                                            @if(@$candidate->student_category == 'Gold')
                                            <i class='fas fa-medal' style='color:gold' data-toggle="tooltip" data-placement="top"
                                            title="Gold"></i>
                                            @elseif(@$candidate->student_category == 'Silver')
                                            <i class='fas fa-medal' style='color:Silver' data-toggle="tooltip" data-placement="top"
                                            title="Silver"></i>
                                            @elseif(@$candidate->student_category == 'Bronze')
                                            <i class='fas fa-medal' style='color:#CD7F32' data-toggle="tooltip" data-placement="top"
                                            title="Bronze"></i>
                                            @else
                                            --
                                            @endif  
                                        </td>
                                       
                                        @if (userCan('candidate.update'))
                                            {{-- <td tabindex="0">
                                                <a href="javascript:void(0)" class="active-status">
                                                    <label class="switch ">
                                                        <input data-id="{{ $candidate->user_id }}" type="checkbox"
                                                            class="success status-switch change-active-status"
                                                            {{ $candidate->user->status == 1 ? 'checked' : '' }}>
                                                        <span class="slider round"></span>
                                                    </label>
                                                    <p class="{{ $candidate->user->status == 1 ? 'active' : '' }}" id="status_{{ $candidate->user_id }}">
                                                        {{ $candidate->user->status == 1 ? __('activated') : __('deactivated') }}</p>
                                                </a>
                                            </td> --}}
                                        @endif
                                        @if (userCan('candidate.update'))
                                            {{-- <td tabindex="0">
                                                <a href="javascript:void(0)" class="active-status">
                                                    <label class="switch ">
                                                        <input data-userid="{{ $candidate->user_id }}" type="checkbox"
                                                            class="success email-verification-switch"
                                                            {{ $candidate->user->email_verified_at ? 'checked' : '' }}>
                                                        <span class="slider round"></span>
                                                    </label>
                                                    <p class="{{ $candidate->user->email_verified_at ? 'active' : '' }}" id="verification_status_{{ $candidate->user_id }}">
                                                        {{ $candidate->user->email_verified_at ? __('verified') : __('unverified') }}</p>
                                                </a>
                                            </td> --}}
                                        @endif
                                        <td>
                                            @if (!empty($candidate->user->created_at))
                                                @if (Carbon::parse($candidate->user->created_at)->isToday())
                                                    
                                                    <span data-toggle="tooltip" data-placement="top"
                                                    title="{{ dateMonthTimeFormat($candidate->user->created_at) }}"> {{ date('h:i A', strtotime($candidate->user->created_at)) }}
                                                   </span>
                                                @else
                                                <span data-toggle="tooltip" data-placement="top"
                                                title="{{ dateMonthTimeFormat($candidate->user->created_at) }}"> {{ date('d M', strtotime($candidate->user->created_at)) }}
                                               </span>
                                                @endif
                                            @endif
                                            {{-- @if(!empty($candidate->user->created_at))
                                            {{dateMonthTimeFormat($candidate->user->created_at)}}
                                            @endif --}}
                                        </td>
                                        <td>
                                            @if(!empty($candidate->user->last_activity_date))
                                            <span data-toggle="tooltip" data-placement="top"
                                            title="{{ dateMonthTimeFormat($candidate->user->last_activity_date) }}"> {{ date('d M', strtotime($candidate->user->last_activity_date)) }}
                                           </span>
                                            @else
                                             --
                                            @endif
                                        </td>
                                        @if (userCan('admin.assign'))
                                       
                                        <td>
                                            <div class="assigneeNamehide assign_to_hide{{$candidate->id}}" data-id="{{$candidate->id}}"  >     
                                                @if(!empty($candidate->user->assign_to))
                                               <span class="assigneeNameText{{$candidate->user_id}}"> {{ ucwords(adminIdToNameGet($candidate->user->assign_to)) }} </span>
                                                @else 
                                                <span class="assigneeNameText{{$candidate->user_id}}"> NA </span>
                                                @endif
                                                <i class="fa fa-pencil-alt"></i>
                                            </div>
                                            <div class="assigneeNameShow assign_to_show{{$candidate->id}} d-none" data-id="{{$candidate->id}}"  >   
                                                <select name="assign_to_change" id="" class="form-control mr-3" onchange="assignToChange({{$candidate->user_id}}, this)">
                                                    <option value="">Unassign</option>
                                                    {{-- @foreach ($admin_list->active() as $option) --}}
                                                    @foreach (array_filter($admin_list, function($item) {
                                                        return $item['status'] == 1; // Assuming 'status' is the field indicating active/inactive
                                                    }) as $option)
                                                        @if (!@empty($option))
                                                            <option value="{{ $option['id'] }}"
                                                                {{ old('assign_to', @$candidate->user->assign_to) === $option['id'] ? 'selected' : '' }}>
                                                                {{ $option['name'] }}
                                                            </option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        
                                        </td>
                                        @elseif(userCan('admin.assign_list'))
                                        <td>
                                        <div class="" data-id="{{$candidate->id}}"  >     
                                            @if(!empty($candidate->user->assign_to))
                                           <span class=""> {{ ucwords(adminIdToNameGet($candidate->user->assign_to)) }} </span>
                                            @else 
                                            <span class=""> NA </span>
                                            @endif
                                        
                                        </div>
                                        </td>
                                        @endif
                                        
                                        <td>
                                        <div class="badge-container">
                                            @if(!$candidate->followup->isEmpty())
                                            @if ($candidate->followup->count() > 0)
                                                @foreach ($candidate->followup as $key => $followup)
                                                @if($key == 4)
                                                @break
                                                @endif

                                                    @if($followup->follow_up_status == 'Not Connected')
                                                        <span class="badge badge-danger"
                                                        data-bs-toggle="popover"
                                                        data-html="true" 
                                                        data-content="@if(!empty($followup->admin->name))({{ @$followup->admin->name }}) @endif &#10; {!! nl2br(e(@$followup->comment)) !!}" 
                                                        title="{{ dateMonthTimeFormat(@$followup->created_at) }}@if(!empty($followup->datetime)) &#10; 
                                                        (Next FollowUp: {{ dateMonthTimeFormat(@$followup->datetime) }})@endif"
                                                        data-trigger="hover focus"
                                                        data-placement="top">{{ dateMonthTimeFormatOne(@$followup->created_at) }}
                                                        </span>
                                                    @else
                                                        <span class="badge badge-info"
                                                        data-bs-toggle="popover"
                                                        data-html="true" 
                                                        data-content="@if(!empty($followup->admin->name))({{ @$followup->admin->name }}) @endif &#10; {!! nl2br(e(@$followup->comment)) !!}" 
                                                        title="{{ dateMonthTimeFormat(@$followup->created_at) }}@if(!empty($followup->datetime)) &#10; 
                                                        (Next FollowUp: {{ dateMonthTimeFormat(@$followup->datetime) }})@endif"
                                                        data-trigger="hover focus"
                                                        data-placement="top">{{ dateMonthTimeFormatOne(@$followup->created_at) }}
                                                        </span>
                                                    @endif 
                                               
                                                @endforeach
                                            @endif
                                            @else
                                            <span class="badge badge-danger">Not Followed</span>
                                            @endif
                                        </div>
                                        </td>
                                        {{-- <td tabindex="0">
                                            {{ Carbon\Carbon::parse($candidate->created_at)->format('d M, Y') }}
                                        </td> --}}
                                        @if (request('trashed') === 'true') 
                                        <td>
                                            @if (userCan('candidate.restore'))
                                            <button onclick="confirmAndRestore({{ $candidate->user_id }});" class="btn ll-p-0">
                                                <i class="fas fa-trash-restore"></i>
                                                {{ __('restore') }}
                                            </button>
                                            @endif 
                                        </td>
                                      
                                        @else
                                            @if (userCan('candidate.update') || userCan('candidate.delete'))
                                            <td class="actions">
                                                <div class="card-header-right">
                                                <div class="btn-group card-option">
                                                <button type="button" class="btn dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    <svg width="16" height="16" fill="currentColor" class="bi bi-three-dots-vertical" viewBox="0 0 16 16">
                                                        <path d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"></path>
                                                        </svg>
                                                </button>
                                                <ul class="list-unstyled card-option dropdown-menu dropdown-menu-right" x-placement="bottom-end" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(45px, 29px, 0px);">
                                                @if (userCan('candidate.update'))
                                                <li>
                                                    <a href="{{ route('candidate.edit', $candidate->id) }}"
                                                        class="dropdown-item">
                                                        <i class="fas fa-edit"></i> 
                                                        Edit
                                                    </a>
                                                </li> 
                                                @endif
                                                @if (userCan('candidate.delete'))
                                                <li>
                                                <form action="{{ route('candidate.destroy', $candidate->id) }}"
                                                    method="POST" class="dropdown-item">
                                                    @method('DELETE')
                                                    @csrf
                                                    <button
                                                        onclick="return confirm('{{ __('are_you_sure_you_want_to_delete_this_item') }}');"
                                                        class="btn ll-p-0">
                                                        <i class="fas fa-trash"></i>
                                                        Delete
                                                    </button>
                                                </form>
                                                </li>
                                                @endif
                                            
                                                @if (userCan('candidate.passwordUpdate'))
                                                <li>
                                                <form action="{{ route('candidate.passwordUpdate', $candidate->user_id) }}"
                                                    method="POST" class="dropdown-item">
                                                    @method('POST')
                                                    @csrf
                                                    <button
                                                    onclick="return confirm('Are you sure you want to update password ?');"
                                                        class="btn ll-p-0">
                                                        
                                                        <i class="fas fa-envelope"></i>
                                                        {{__('password')}} {{__('email')}}
                                                    </button>
                                                </form>
                                                </li>
                                                @endif
                                                @if (userCan('candidate.sendEmail'))
                                                <li>
                                                <form action="{{ route('candidate.welcomeEmail', $candidate->user_id) }}"
                                                    method="POST" class="dropdown-item">
                                                    @method('POST')
                                                    @csrf
                                                    <button
                                                    onclick="return confirm('Are you sure you want to Send Welcome Email ?');"
                                                        class="btn ll-p-0">
                                                        
                                                        <i class="fas fa-envelope"></i>
                                                        Welcome Email
                                                    </button>
                                                </form>
                                                </li>
                                                @endif
                                                @if (userCan('candidate.sendEmail'))
                                                <li>
                                                <form action="{{ route('candidate.callBackEmail', $candidate->user_id) }}"
                                                    method="POST" class="dropdown-item">
                                                    @method('POST')
                                                    @csrf
                                                    <button
                                                    onclick="return confirm('Are you sure you want to Send Call Back Email ?');"
                                                        class="btn ll-p-0">
                                                        
                                                        <i class="fas fa-envelope"></i>
                                                        Call Back Email
                                                    </button>
                                                </form>
                                                </li>
                                                @endif
                                                @if (userCan('candidate.sendEmail'))
                                                <li>
                                                    <a href="#" class="dropdown-item" data-toggle="modal" data-target="#exampleModal_customEmail" data-candidate-id="{{ $candidate->user_id }}" data-candidate-name="{{ @$candidate->user->name }}" data-candidate-email="{{ @$candidate->user->email }}">  
                                                        <i class="fas fa-envelope"></i>
                                                        Custom Email
                                                    </a>
                                                </li>
                                                @endif
                                                @if (userCan('candidate.sendWhatsApp'))
                                                    <li>
                                                        <a href="#" class="btn form-control  dropdown-item" data-toggle="modal" data-target="#exampleModal_customWhatsApp" data-candidate-id="{{ $candidate->user_id }}" data-candidate-name="{{ @$candidate->user->name }}" data-candidate-phone="{{ @$candidate->user->phone }}">  
                                                            <i class="fab fa-whatsapp-square"></i>
                                                            WhatsApp Message
                                                        </a>
                                                    </li>
                                                @endif
                                                </ul>
                                                </div>
                                                </div>
                                            </td>
                                            @endif
                                        @endif
                                      
                                        {{-- @if (userCan('candidate.update') || userCan('candidate.delete'))
                                            <td>
                                                @if (userCan('candidate.view'))
                                                    <a href="{{ route('candidate.show', $candidate->id) }}"
                                                        class="btn ll-btn ll-border-none">
                                                        {{__('view_profile')}}
                                                        <x-svg.table-btn-arrow />
                                                    </a>
                                                @endif
                                                @if (userCan('candidate.update'))
                                                    <a href="{{ route('candidate.edit', $candidate->id) }}"
                                                        class="btn ll-mr-4 ll-p-0">
                                                        <x-svg.table-edit />
                                                    </a>
                                                @endif
                                                @if (userCan('candidate.delete'))
                                                    <form action="{{ route('candidate.destroy', $candidate->id) }}"
                                                        method="POST" class="d-inline">
                                                        @method('DELETE')
                                                        @csrf
                                                        <button
                                                            onclick="return confirm('{{ __('are_you_sure_you_want_to_delete_this_item') }}');"
                                                            class="btn ll-p-0">
                                                            <x-svg.table-delete />
                                                        </button>
                                                    </form>
                                                @endif
                                            </td>
                                        @endif --}}
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="8">
                                        {{ __('no_data_found') }}
                                    </td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                    @if ($candidates->count())
                        <div class="mt-3 d-flex justify-content-center">
                            {{ $candidates->onEachSide(1)->links() }}
                        </div>
                    @endif
                </div>
            </div>
        </div>

      
        {{-- notes model --}}
        <div class="modal fade" id="exampleModal_customEmail" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Template Email (<span class="templates_user_name">User</span>)</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <input type="hidden" id="templates_id">
                    <div class="row">
                        <div class="col-md-6">
                            <x-forms.label name="Templates Type" :required="false"/> 
                            <select name="templates_type" id="templates_type"
                            class="form-control  @error('student_category') is-invalid @enderror">
                            <option value="" class="d-none">
                                Select Templates
                            </option>

                            
                            {{-- <option
                                {{ 'welcomeEmail' == old('templates_type') ? 'selected' : '' }}
                                value="welcomeEmail">Welcome Email</option>
                            <option
                                {{ 'callBackEmail' == old('templates_type') ? 'selected' : '' }}
                                value="callBackEmail">Call Back Email</option> --}}
                                <option
                                value="enquiryEmail"  data-class="enquiryEmail">Study Abroad Enquiry</option> 
                                <option
                                value="offerLetter"  data-class="offerLetter">Offer Letter</option> 
                                <option
                                value="universityCourseSuggestionsEmail"  data-class="universityCourseSuggestionsEmail">University/Course Suggestions</option>
                                <option 
                                value="customContactInformation"  data-class="customContactInformation">Custom Contact Information</option>
                                <option 
                                value="customEmail"  data-class="customEmail">Custom Email</option>
                                
                            </select>
                        </div>
                        
                        <div class="col-md-6">
                            <x-forms.label class="optional-field enquiryEmail offerLetter universityCourseSuggestionsEmail customContactInformation customEmail" name="Subject" :required="false"/>
                            <x-forms.input class="optional-field enquiryEmail offerLetter universityCourseSuggestionsEmail customContactInformation customEmail templates_subject" type="text" name="templates_subject" value="Custom Email" placeholder="Subject" />
                        </div>
                    </div>
                    {{-- <div class="row optional-field customEmail universityCourseSuggestionsEmail">
                        <div class="col-md-6">
                            <x-forms.label class="optional-field customEmail universityCourseSuggestionsEmail" name="Attachment File" :required="false"/>
                            <x-forms.input class="optional-field customFile customEmail universityCourseSuggestionsEmail" id="customFileD" type="file" name="customFile" placeholder="File" 
                                accept=".pdf, .doc, .docx"
                                onchange="checkFile(this)" 
                            />
                            <small id="fileHelp" class="form-text text-muted">Allowed file extensions: .pdf, .doc, .docx. Maximum file size: 20MB.</small>
                        </div>
                    </div> --}}
                    <div class="row optional-field customEmail universityCourseSuggestionsEmail customContactInformation">
                        <div class="col-md-6">
                            <x-forms.label class="optional-field customEmail universityCourseSuggestionsEmail customContactInformation" name="Attachment Files" :required="false"/>
                            <input class="form-control optional-field customFile customEmail universityCourseSuggestionsEmail customContactInformation" id="customFileD" type="file" name="customFile[]" placeholder="Files" 
                                multiple
                                onchange="checkFiles(this)" 
                            />
                            <small id="fileHelp" class="form-text text-muted">Allowed file extensions: Maximum file size: 20MB each.</small>
                        </div>
                    </div>
                    <div class="row  optional-field enquiryEmail">
                        <div class="col-md-12">
                            <x-forms.label class=" optional-field enquiryEmail" name="Message" :required="false"/>
                        <textarea  id="editor_enquiryEmail" rows="8" type="text" class="form-control editor1" name="templates_message" placeholder="{{ __('enter') }} {{ __('notes') }}">
                            
                            </textarea>
                        </div> 
                    </div>
                    <div class="row  optional-field customEmail">
                        <div class="col-md-12">
                            <x-forms.label class=" optional-field customEmail" name="Message" :required="false"/>
                        <textarea  id="editor_customEmail" rows="8" type="text" class="form-control editor1" name="templates_message" placeholder="{{ __('enter') }} {{ __('notes') }}">
                            
                            </textarea>
                        </div> 
                    </div>
                    <div class="row  optional-field offerLetter">
                        <div class="col-md-12">
                            <x-forms.label class=" optional-field offerLetter" name="Message" :required="false"/>
                        <textarea  id="editor_offerLetter" rows="8" type="text" class="form-control editor1" name="templates_message" placeholder="{{ __('enter') }} {{ __('notes') }}">
                            
                            </textarea>
                        </div> 
                    </div>

                    <div class="row  optional-field universityCourseSuggestionsEmail">
                        <div class="col-md-12">
                            <x-forms.label class=" optional-field universityCourseSuggestionsEmail" name="Message" :required="false"/>
                        <textarea  id="editor_universityCourseSuggestionsEmail" rows="8" type="text" class="form-control editor1" name="templates_message" placeholder="{{ __('enter') }} {{ __('notes') }}">
                            
                            </textarea>
                        </div> 
                    </div>

                    <div class="row  optional-field customContactInformation">
                        <div class="col-md-12">
                            <x-forms.label class=" optional-field customContactInformation" name="Message" :required="false"/>
                        <textarea  id="editor_customContactInformation" rows="8" type="text" class="form-control editor1" name="templates_message" placeholder="{{ __('enter') }} {{ __('notes') }}">
                            
                            </textarea>
                        </div> 
                    </div>

                    

                    
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary" onclick="customEmail(event)">Send Email</button>
                    <div id="loader1" class="loader1"></div>
                </div>
            </div>
        </div>
    </div>
    {{-- notes model end --}}

       {{-- WhatsApp --}}
        <div class="modal fade" id="exampleModal_customWhatsApp" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabelW" aria-hidden="true">
            <div class="modal-dialog modal-xl" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabelW">WhatsApp (<span class="Wtemplates_user_name">User</span>)</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                     {{-- <div class="modal-body">
                        <input type="hidden" id="wtemplates_id">
                        <div class="row">
                        
                            <div class="col-md-6">
                                <x-forms.label name="Name" :required="false"/>
                                <x-forms.input  class="Wtemplates_user_name" type="text" name="Wtemplates_user_name" id="Wtemplates_user_name"  placeholder="Name" />
                                <input type="hidden" id="wtemplates_id">
                                <div class="row">
                                
                                    <div class="col-md-6">
                                        <x-forms.label name="Name" :required="false"/>
                                        <input readonly class="form-control Wtemplates_user_name" type="text" name="Wtemplates_user_name" id="Wtemplates_user_name"  placeholder="Name" />
                                    </div>
                                    <div class="col-md-6">
                                        <x-forms.label name="Phone" :required="false"/>
                                        <x-forms.input class="Wtemplates_user_phone" type="text" name="Wtemplates_user_phone" id="Wtemplates_user_phone"  placeholder="Phone" />
                                    </div>
                                </div>
                                <div class="row">
                                
                                    <div class="col-md-12">
                                        <x-forms.label name="Message" :required="false"/>
                                        <x-forms.input  type="text" name="whatsApp_massage" id="whatsApp_massage"  placeholder="WhatsApp Message" />
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <x-forms.label name="Phone" :required="false"/>
                                <x-forms.input class="Wtemplates_user_phone" type="text" name="Wtemplates_user_phone" id="Wtemplates_user_phone"  placeholder="Phone" />
                            </div>
                        </div>
                        <div class="row">
                        
                            <div class="col-md-12">
                                <x-forms.label name="Massage" :required="false"/>
                                <x-forms.input  type="text" name="whatsApp_massage" id="whatsApp_massage"  placeholder="WhatsApp Massage" />
                            </div>
                        </div>
                      
                     
                    </div>  --}}

                      <div class="modal-body">
                        <div class="row">
                            <div class="col-md-6">
                               <input type="hidden" id="wtemplates_id">
                               
                                <div class="row">
                                
                                    <div class="col-md-6">
                                        <x-forms.label name="Name" :required="false"/>
                                        <x-forms.input  class="Wtemplates_user_name" type="text" name="Wtemplates_user_name" id="Wtemplates_user_name"  placeholder="Name" />
                                    </div>
                              
                                    <div class="col-md-6">
                                        <x-forms.label name="Phone" :required="false"/>
                                        <x-forms.input class="Wtemplates_user_phone" type="text" name="Wtemplates_user_phone" id="Wtemplates_user_phone"  placeholder="Phone" />
                                    </div>
                                </div>
                                <div class="row">
                                
                                    <div class="col-md-12">
                                        <x-forms.label name="Message" :required="false"/>
                                        <x-forms.input  type="text" name="whatsApp_massage" id="whatsApp_massage"  placeholder="WhatsApp Message" />
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="card">
                                    <div class="card-body">
                                    <h5 class="card-title">Preview</h5>
                                        <pre class="card-text">
Hello <span class="Wtemplates_user_name">User</span>,

<span class="Wtemplates_message"></span>

Thanks and Regards
Team Gradding
                                        </pre>
                                    </div>
                                </div>
                            </div>
                        </div>
                     
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary" onclick="customWhatsApp(event)">Send WhatsApp</button>
                        <div id="loader2" class="loader2"></div>
                    </div>
                </div>
            </div>
        </div>
       {{-- end WhatsApp --}}
    </div>
    </div>
@endsection

@section('style')
    <link rel="stylesheet" href="{{ asset('backend') }}/plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
    <link rel="stylesheet" href="{{ asset('backend') }}/plugins/select2/css/select2.min.css">
<link rel="stylesheet" href="{{ asset('backend') }}/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">
    <style>
        .switch {
            position: relative;
            display: inline-block;
            width: 35px;
            height: 19px;
        }

        /* Hide default HTML checkbox */
        .switch input {
            display: none;
        }

        /* The slider */
        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            -webkit-transition: .4s;
            transition: .4s;
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 15px;
            width: 15px;
            left: 3px;
            bottom: 2px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

        input.success:checked+.slider {
            background-color: #28a745;
        }

        input:checked+.slider:before {
            -webkit-transform: translateX(15px);
            -ms-transform: translateX(15px);
            transform: translateX(15px);
        }

        /* Rounded sliders */
        .slider.round {
            border-radius: 34px;
        }

        .slider.round:before {
            border-radius: 50%;
        }

        .badge-container {
            display: flex;
            flex-direction: row-reverse;
        }
        .badge {
            margin-left: 5px;
        }
        .loader1 {
            border: 4px solid #f3f3f3;
            border-top: 4px solid #3498db;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            animation: spin 2s linear infinite;
            display: none;
            margin-left: 10px; /* Adjust the margin as per your layout */
            }

            @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        .loader2 {
        border: 4px solid #f3f3f3;
        border-top: 4px solid #3498db;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        animation: spin 2s linear infinite;
        display: none;
        margin-left: 10px; /* Adjust the margin as per your layout */
        }

            @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
    </style>
@endsection
@section('script')
    <script src="{{ asset('backend') }}/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>

    <script src="{{ asset('backend') }}/plugins/select2/js/select2.full.min.js"></script>
    <link rel="stylesheet" href="{{ asset('backend') }}/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">

    <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
    <script src="{{ asset('tinymce/tinymce.min.js') }}" referrerpolicy="origin"></script>
    <script>
        $('.status-switch').on('change', function() {
            var status = $(this).prop('checked') == true ? 1 : 0;
            var id = $(this).data('id');
            $.ajax({
                type: "GET",
                dataType: "json",
                url: '{{ route('candidate.status.change') }}',
                data: {
                    'status': status,
                    'id': id
                },
                success: function(response) {
                    toastr.success(response.message, 'Success');
                }
            });

            if (status == 1) {
                $(`#status_${id}`).text("{{ __('activated') }}")
            }else{
                $(`#status_${id}`).text("{{ __('deactivated') }}")
            }
        });

        $('.email-verification-switch').on('change', function() {
            var status = $(this).prop('checked') == true ? 1 : 0;
            var id = $(this).data('userid');

            $.ajax({
                type: "GET",
                dataType: "json",
                url: '{{ route('company.verify.change') }}',
                data: {
                    'status': status,
                    'id': id
                },
                success: function(response) {
                    toastr.success(response.message, 'Success');
                }
            });

            if (status == 1) {
                $(`#verification_status_${id}`).text("{{ __('verified') }}")
            }else{
                $(`#verification_status_${id}`).text("{{ __('unverified') }}")
            }
        });
    </script>
    <script>
        $(document).ready(function() {
            // validate();

            $('.select2bs44').select2({
            theme: 'bootstrap4',
            multiple: true,
            placeholder: 'Select Preferred Country'
           });

            $('#exampleModal_customEmail').on('show.bs.modal', function(event) {
                
               
            var button = $(event.relatedTarget); 
            var candidateId = button.data('candidate-id'); 
            var candidateName = button.data('candidate-name');
            var candidateEmail = button.data('candidate-email');
            var modal = $(this);
            modal.find('#templates_type').val('');
            modal.find('#customFile').val('');
            
            modal.find('#templates_id').val('');
            modal.find('.templates_user_name').text('');
            modal.find('.templates_user_email').text('');
            $(".optional-field").hide();
            // Set the candidate ID in the hidden input field of the modal
            modal.find('#templates_id').val(candidateId);
            modal.find('.templates_user_name').text(candidateName);
            modal.find('.templates_user_email').text(candidateEmail);
            });

            $('#exampleModal_customWhatsApp').on('show.bs.modal', function(event) {
                
               
                var button = $(event.relatedTarget); 
                var candidateId = button.data('candidate-id'); 
                var candidateName = button.data('candidate-name');
                var candidatePhone = button.data('candidate-phone');
                var modal = $(this);
               
                modal.find('#wtemplates_id').val('');
                modal.find('#Wtemplates_user_name').val('');
                modal.find('#Wtemplates_user_phone').val('');
                modal.find('.Wtemplates_user_name').text('');
                modal.find('.Wtemplates_user_phone').text('');
             
                // Set the candidate ID in the hidden input field of the modal
                modal.find('#wtemplates_id').val(candidateId);
                modal.find('#Wtemplates_user_name').val(candidateName);
                modal.find('#Wtemplates_user_phone').val(candidatePhone);
                modal.find('.Wtemplates_user_name').text(candidateName);
                modal.find('.Wtemplates_user_phone').text(candidatePhone);
                });

            


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

            $('#title').keyup(validate);

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

            $('input[name="daterange"]').on('cancel.daterangepicker', function(ev, picker) {
                $(this).val('');
            });
            // date picker end
            $("#my_txtbox").keypress(function(event) {event.preventDefault();});


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

            $('input[name="daterange_activity"]').on('cancel.daterangepicker', function(ev, picker) {
                $(this).val('');
            });
            // date picker end
            $("#my_txtbox_activity").keypress(function(event) {event.preventDefault();});
        });

        function validate() {
            if (
                $('#title').val().length > 0) {
                $('#crossB').removeClass('d-none');
            } else {
                $('#crossB').addClass('d-none');
            }
        }

        $('#formSubmit').on('change', function() {
            $(this).submit();
        });
        

        function RemoveFilter(id) {
            $('#' + id).val('');
            $('#formSubmit').submit();
        }

        // $(".popover").popover({ trigger: "hover" });
        $(document).ready(function() {
            var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
            var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
            return new bootstrap.Popover(popoverTriggerEl)
            });
        });

        $('table').on('click', '.assigneeNamehide', function() {
            let data_id = $(this).data('id');
         
            $('.assign_to_show'+data_id).removeClass('d-none');
            $('.assign_to_hide'+data_id).addClass('d-none');
          
        });


        function assignToChange(id, obj){

            assign_to = $(obj).val();
            // if (confirm("Are you sure you want to assign this User?")) {
                $.ajax({
                    url: "{{ route('candidate.assignToChange') }}",
                    type: "POST",
                    data: {
                        id: id,
                        assign_to: assign_to,
                        _token: '{{ csrf_token() }}'
                    },
                    dataType: 'json',
                    success: function(result) {
                    if(result.status == "1"){
                            toastr.success("Assign User Successfully");
                            $('.assigneeNamehide').removeClass('d-none');
                            $('.assigneeNameShow').addClass('d-none');
                            $('.assigneeNameText'+result.data.id).text(result.data.name);
                            
                        }else{
                            toastr.error("something went wrong");
                        }
                    
                    }
                });
            // }
        }

    </script>
        <script>
            $("#checkboxAll").on('click', function() {
                $('input:checkbox').not(this).prop('checked', this.checked);
                SelectIds();
            });
            $(".sub_chk").on('click', function() {
                SelectIds();
            });
    
            function SelectIds() {
    
                var Ids = [];
                $(".sub_chk:checked").each(function() {
                    Ids.push($(this).attr('data-id'));
                });
                $('#selectedCount').html(parseInt(Ids.length));
                if (Ids != 0) {
                    // Show Delete Button
                    $('.DeleteButton').removeClass('d-none');
                } else {
                    // Hide Delete Button
                    $('.DeleteButton').addClass('d-none');
                }
            }
    
            function MultiDelete() {
    
                var Ids = [];
                $(".sub_chk:checked").each(function() {
                    Ids.push($(this).attr('data-id'));
                });
    
                if (Ids != 0) {
    
                    if (confirm("{{ __('are_you_sure_you_want_to_delete_this_item') }}") == true) {
                        AjaxCall(Ids);
                    } else {
                        return false;
                    }
    
                } else {
                    alert('Please Select First');
                }
            }
    
            function AjaxCall(value) {
                $.ajax({
                    url: "{{ route('candidate.multiple.delete') }}",
                    type: "Delete",
                    data: {
                        ids: value,
                        _token: '{{ csrf_token() }}'
                    },
                    dataType: 'json',
                    success: function(result) {
                        location.reload();
                    }
                });
            };


        </script>
        <script>

            function MultiRestore() {
                
                var Ids = [];
                $(".sub_chk:checked").each(function() {
                    Ids.push($(this).attr('data-id'));
                });

                if (Ids != 0) {

                    if (confirm("{{ __('are_you_sure_you_want_to_restore_this_item') }}") == true) {
                        AjaxCallRestore(Ids);
                    } else {
                        return false;
                    }

                } else {
                    alert('Please Select First');
                }
            }

            function confirmAndRestore(userId) {
                if (confirm('Are you sure you want to restore this?')) {
                    AjaxCallRestore(userId);
                }
            }

            function AjaxCallRestore(value) {
                console.log("Restoring data for user ID:", value);
                $.ajax({
                    url: "{{ route('candidate.multiple.restore') }}",
                    type: "POST",
                    data: {
                        ids: value,
                        _token: '{{ csrf_token() }}'
                    },
                    dataType: 'json',
                    success: function(response) {
                        if (response.success) {
                          toastr.success("Customer Restore Successfully");
                          setTimeout(function() {
                                location.reload();
                            }, 2000);
                        } else {
                            toastr.error("Restoration failed:"+ response.message); 
                            setTimeout(function() {
                                location.reload();
                            }, 2000);
                        }
                    },
                    error: function(xhr, status, error) {
                        alert('An error occurred: ' + error);
                        // Handle the error if the AJAX request fails
                    }
                });
            };
        </script>
        <script>
             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 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);
            } 

            
        }

        $(".optional-field").hide();
        $("#templates_type").change(function () {
            $(".optional-field").hide();
            var className = $('option:selected', this).data('class').trim();
            templatesHideShowFunction(className);
            var candidateName = $(".templates_user_name").text().trim();
            updateEditorContent(className, candidateName);
        });

        $("#whatsApp_massage").keyup(function(){
            $(".Wtemplates_message").text($(this).val())
            });

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

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

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

        
            function customWhatsApp(event) {
                event.preventDefault();
                var id = $('#wtemplates_id').val();
                var name = $('#Wtemplates_user_name').val();
                var phone = $('#Wtemplates_user_phone').val();
                var message = $('#whatsApp_massage').val();
             
    
          
                
                    if (!id) {
                        toastr.error("ID is required.");
                        return;
                    }

                    if (!name) {
                        toastr.error("Name is required.");
                        return;
                    }
                    if (!phone) {
                        toastr.error("Phone is required.");
                        return;
                    }
                    if (!message) {
                        toastr.error("Message is required.");
                        return;
                    }
    
                    const button = event.target;
                    button.style.display = 'none';
                    const loader = document.getElementById('loader2');
                     loader.style.display = 'inline-block';
                    $.ajax({
                        url: "{{ route('candidate.customWhatsApp', ['id' => ':id']) }}".replace(':id', id),
                        type: "post",
                        data: {
                            id: id,
                            name: name,
                            phone: phone,
                            message: message,
                            _token: '{{ csrf_token() }}'
                        },
                        dataType: 'json',
                        success: function (result) {
                            loader.style.display = 'none';
                            button.style.display = 'inline-block';
                                                   
                            toastr.success("WhatsApp Message send successfully!");
                            $('#exampleModal_customWhatsApp').find('[data-dismiss="modal"]').trigger('click');
                        },
                        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 WhatsApp Message. Please try again later.");
                        }
                    });
                
            };

           


         
        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 (!subject || !message) {
                    toastr.error("Templates Subject and Message are required.");
                    return;
                }
                const button = event.target;
                button.style.display = 'none';
                const loader = document.getElementById('loader1');
                    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!");
                        $('#exampleModal_customEmail').find('[data-dismiss="modal"]').trigger('click');
                    },
                    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.");
                    }
                });
            
        };

        // function checkFile(input) {
        //         const maxFileSizeMB = 20;
        //         const allowedExtensions = ['pdf', 'doc', 'docx'];

        //         const file = input.files[0];

        //         if (file) {
        //             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 a valid file with extensions: ' + allowedExtensions.join(', '));
        //                 input.value = ''; // Clear the file input
        //                 return false;
        //             }
        //             return true;
        //         }
        //         return false;
                
        //     }
        function checkFiles(input) {
            const maxFileSizeMB = 22;
            const allowedExtensions = ['pdf', 'doc', '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>
        
    
@endsection