@extends('admin.layouts.app')
@section('title')
{{ __('customer') }} {{ __('report') }}
@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-sm-12 col-md-2 p-1">
                            <h3 class="card-title line-height-36">{{ __('customer') }} {{ __('report') }} ({{ @$totalCandidatesCount }})</h3>
                        </div>
                        <div class="col align-self-end p-1">
                       
                            @if (userCan('candidate.delete'))
                            <button id="DeleteButton" onclick="MultiDelete()" data-toggle="tooltip" data-placement="top"
                            title="Delete Selected Customer"
                            class="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
                          
               
                                            
                        </div>
                    </div>
                   
                </div>


                <div class="card">
                    <div class="card-header collapsed fw-bold accordion-bg-light"
                        data-toggle="collapse" data-target="#collapseSix" aria-expanded="false"
                        aria-controls="collapseSix">
                        <span class="title">Filters</span>
                        <span class="accicon"><i class="fas fa-angle-down rotate-icon"></i></span>
                    </div>
                    <div id="collapseSix" class="collapse show" data-parent="">
                        <div class="card-body">
                            <div class="row">
                                <form id="filterForm" action="{{ route('candidate.customerReport') }}" method="GET">
                                    @csrf
                                    <div class="row p-1">
                                        <div class="col-md-2">
                                            @if (userCan('candidate.delete'))
                                            <input id="id" name="id" type="text" placeholder="ID" class="form-control" value="{{ request('id') }}">
                                            @else
                                            <input id="id" name="id" type="text" placeholder="ID" class="form-control" value="{{ request('id') }}">
                                            @endif
                                        </div>
                                        <div class="col-md-2">
                                            <input name="name" id="name" type="text" placeholder="{{ __('name') }} Or {{ __('email') }}"
                                                class="form-control" value="{{ request('name') }}">
                                        </div>
                                        <div class="col-md-2">
                                            <input id="country" name="country" type="text" placeholder="{{ __('country') }}"
                                                class="form-control" value="{{ request('country') }}">
                                        </div>
                                        <div class="col-md-2">
                                            <input name="phone" id="phone" type="text" placeholder="{{ __('phone') }}"
                                                class="form-control" value="{{ request('phone') }}">
                                        </div>
                                        <div class="col-md-2">
                                            <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
                                        </div>
                                        <div class="col-md-2">
                                            <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
                                        </div>
                                    </div>
                                    <div class="row p-1">
                                        <div class="col-md-2">
                                            <select name="source" id="source" class="form-control mr-3">
                                                <option class="d-none" value="">Select Source</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>
                                        </div>
                                        <div class="col-md-2">

                                            <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>
                                        </div>   
                                     
                                        <div class="col-md-2">
                                            {{-- <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>
                                        </div>
                                        <div class="col-md-2">
                                            <select name="student_category" id="student_category"
                                            class="form-control  @error('student_category') is-invalid @enderror select2bs4">
                                            <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>
                                        </div>
                                        @if (userCan('admin.assign') || userCan('admin.assign_list'))
                                        <div class="col-md-2">
                                            <select name="assign_to" id="assign_to" class="form-control ">
                                                <option value="">Assign To</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>
                                                @endif
                                                @endforeach
                                            </select>
                                        </div>
                                        @endif
                                        <div class="col-md-2">
                                            <select name="followUp" id="followUp" class="form-control">
                                                <option value="">FollowUp</option>
                                                <option value="all"   {{ 'all' == request('followUp') ? 'selected' : '' }}>ALL FollowUp</option>
                                                <option value="no_followUp" {{ 'no_followUp' == request('followUp') ? 'selected' : '' }}>Not FollowUp</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row p-1">      
                                        <div class="col-md-2">
                                            <select name="stages" class="form-control @error('stages') is-invalid @enderror w-100-p select2bs4" id="stageSelect">
                                                <option>stages</option>
                                            </select>
                                        </div>
                                        <div class="col-md-2">
                                            <select name="sarechType" id="sarechType" class="form-control select2bs4">
                                                <option value="">Sarech Type</option>
                                                <option value="candidate"  {{ 'candidate' == request('sarechType') ? 'selected' : '' }}>In Candidate</option>
                                                <option value="candidate_timeline"  {{ 'candidate_timeline' == request('sarechType') ? 'selected' : '' }}>In Candidate Timeline</option>
                                            </select>
                                        </div>  
                                            
                                                    
                                        <div class="col-md-7">
                                            <button type="submit" value="submit_button" name="submit_button" class="btn btn-primary float-right"><i class="fas fa-search"></i></button>
                                            @if (request('name') || request('assign_to') || request('preferred_country') || request('student_category') || request('intake') || request('id') || request('email') || request('source') || request('phone') || request('daterange') || request('country') || request('daterange_activity') || request('stages') || request('followUp'))
                                            <a href="{{ route('candidate.customerReport') }}" class="mr-1 float-right btn btn-danger align-items-center justify-content-center"><i class="fas fa-times"></i></a>
                                                @if (userCan('export.candidateReport'))
                                                <button type="button" class="btn btn-success float-right mr-1" id="exportButton">Export</button>
                                                {{-- <button type="submit" value="export_button" name="export_button" class="btn btn-success float-right mr-1" id="saveUniversitiesBtn" ><i class="fas fa-sync"></i> Export</button> --}}
                                                @endif
                                            

                                            @endif
                                            
                                        </div>
                                        <div class="col-md-1">
                                         
                                            {{-- <button type="button" class="btn btn-success" id="exportButton">Export</button> --}}
                                        </div> 
                                    </div>
                                </form>
                            </div> 
                        
                        </div>
                    </div>
                </div>
                {{-- <form id="formSubmit" action="{{ route('candidate.customerReport') }}" method="GET">
                    @if (userCan('candidate.delete'))
                    <td colspan="2">
                        <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') }}">
                    </td>
                  
                    <td>
                        <input id="country" name="country" type="text" placeholder="{{ __('country') }}"
                            class="form-control" value="{{ request('country') }}">
                    </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
                            {{ "Jan'24" == request('intake') ? 'selected' : '' }}
                            value="Jan'24">Jan'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>
                     
                    </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'))
                    <td>
                        <select name="assign_to" id="assign_to" class="form-control mr-3">
                            <option value="">Assign To</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') === $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">ALL FollowUp</option>
                            <option value="no_followUp">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('daterange_activity') || request('stages') || request('followUp'))
                    <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'))
                        <a href="{{ route('candidate.customerReport') }}"
                            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> --}}
              

                {{-- Table  --}}
                <div class="card-body table-responsive p-0">
                    @if (request('name') || request('assign_to')  || request('preferred_country') || request('student_category') || request('intake') ||request('id') || request('email') || request('source') || request('phone') || request('daterange') || request('country') || request('daterange_activity') || request('stages') || request('followUp'))
                    <table class="ll-table table table-hover text-nowrap">
                        <thead>
                            <tr>
                                @if (userCan('candidate.delete'))
                                    @if ($candidates->count() > 1)
                                        <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>{{ __('country') }}</th>
                                <th>{{ __('phone') }}</th>
                                <th>{{ __('Source') }}</th>
                                <th>{{ __('Stage') }}</th>
                                <th>{{ __('intake') }}</th>
                                <th>{{ __('category') }}</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 ($candidates->count() > 0)
                                @foreach ($candidates as $candidate)
                                    <tr>
                                        @if (userCan('candidate.delete'))
                                       
                                        <td class="text-center items-center">
                                            @if ($candidate->count() > 1)
                                            <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>
                                            @endif
                                        </td>
                                       
                                        @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 }}</h2>
                                                    <p>{{ $candidate->user->email }}</p>
                                                </div>
                                            </a>
                                        </td>
                                 
                                        <td tabindex="0">
                                            {{ @$candidate->user->country }} 
                                        </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 }} 
                                        </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>
                                       
                                        <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 (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>

                                        @else 
                                        <td> <span class=""> NA </span> </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
                                                {{-- <span class="badge badge-info " data-bs-toggle="popover" title="Type: '{{ @$followup->type }}'  Date: '{{ dateMonthTimeFormat(@$followup->created_at) }}'" data-content="{!! @$followup->comment !!}" data-trigger="hover focus"  data-placement="top">{{ dateMonthTimeFormatOne(@$followup->created_at) }}</span> --}}

                                                @if($followup->follow_up_status == 'Not Connected')
                                                <span class="badge badge-danger " data-bs-toggle="popover" title="@if(!empty($followup->datetime)){{ dateMonthTimeFormat(@$followup->datetime) }}@else {{ dateMonthTimeFormat(@$followup->created_at) }}@endif" data-content="{!! @$followup->comment !!}" data-trigger="hover focus"  data-placement="top">@if(!empty($followup->datetime)){{ dateMonthTimeFormatOne(@$followup->datetime) }}@else {{ dateMonthTimeFormatOne(@$followup->created_at) }}@endif</span>
                                                @else
                                                <span class="badge badge-info " data-bs-toggle="popover" title="@if(!empty($followup->datetime)){{ dateMonthTimeFormat(@$followup->datetime) }}@else {{ dateMonthTimeFormat(@$followup->created_at) }}@endif" data-content="{!! @$followup->comment !!}" data-trigger="hover focus"  data-placement="top">@if(!empty($followup->datetime)){{ dateMonthTimeFormatOne(@$followup->datetime) }}@else {{ dateMonthTimeFormatOne(@$followup->created_at) }}@endif</span>
                                                @endif 
                                                {{-- @if($followup->followup_up == "yes")
                                                <span class="badge badge-info " data-bs-toggle="popover" title="{{ dateMonthTimeFormat(@$followup->datetime) }}" data-content="{!! @$followup->comment !!}" data-trigger="hover focus"  data-placement="top">@if(!empty($followup->datetime)){{ dateMonthTimeFormatOne(@$followup->datetime) }}@else {{ dateMonthTimeFormatOne(@$followup->created_at) }}@endif</span>
                                                @else
                                                <span class="badge badge-info " data-bs-toggle="popover" title="{{ dateMonthTimeFormat(@$followup->created_at) }}" data-content="{!! @$followup->comment !!}" 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 (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
                                            </ul>
                                            </div>
                                            </div>
                                        </td>
                                        @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
                    @endif
                </div>
            </div>
        </div>
    </div>
    </div>
@endsection

@section('style')
<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">
<link rel="stylesheet" href="{{ asset('backend/plugins/dropify/css/dropify.min.css') }}">
    <style>

        .ck-editor__editable_inline {
            min-height: 160px;
        }

        .select2-results__option[aria-selected=true] {
            display: none;
        }

        .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
            color: #fff !important;
            border: 1px solid #fff !important;
            background: #007bff !important;
            border-radius: 30px !important;
        }

        .height-124px {
            height: 124px !important
        }

        .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
            color: #fff;
        }
        .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;
        }

      
    </style>
@endsection
@section('script')
    <script src="{{ asset('backend') }}/plugins/bootstrap-switch/js/bootstrap-switch.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 src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>

    <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>
        $(document).ready(function() {
        
            var stages_name = "{{ request('stages') }}";
            $.ajax({
                url: "{{ url('stageArray.php') }}?t=" + stages_name,
                success: function(res) {
                    console.log(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');
            }
        }

 

        // $(".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)
            });

            $('.select2bs4').select2({
                theme: 'bootstrap4',
                minimumResultsForSearch: 20
            })
            

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

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

        $('table').on('click', '.assigneeNamehide', function() {
            let data_id = $(this).data('id');
            // alert(data_id);
            $('.assign_to_show'+data_id).removeClass('d-none');
            $('.assign_to_hide'+data_id).addClass('d-none');
            // $('.assign_to_hide, #' + data_id).removeClass('d-none');
            // $('.assign_to_show, #' + 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) {
                     console.log(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>
    $(document).ready(function() {
        // Export button click event
        $('#exportButton').click(function() {
            // Get the filter criteria from the form
            var formData = $('#filterForm').serialize();

            // Perform an AJAX GET request to export the data
            $.ajax({
                type: "GET",
                dataType: "json",
                url: "{{ route('candidate.exportCustomerReport') }}",
                data: formData,
                success: function(response) {
                    // Redirect to the download URL
                    toastr.success(response.message, 'Success');
                    window.location.href = response.url;
                },
                error: function(xhr, status, error) {
                    console.log(xhr.responseText);
                }
            });
        });
    });
</script>
        
    
@endsection