@extends('admin.layouts.app')
@section('title')
    {{ __('customer') }} {{ __('report') }}
@endsection
@php
    use Carbon\Carbon;
@endphp
@section('content')

    @if (isset($fileResponse))
        <a id="downloadLink" target="_blank" href="{{ route('lead-management.customerReportdownload') }}"
            style="display: none;"></a>

        <script>
            // Create a hidden link and trigger the download
            document.getElementById('downloadLink').click();

            // Refresh the page after 3 seconds
        </script>
    @endif
    <style>

    </style>



    <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="mb-2 col-12 col-sm-6 col-md-4 col-lg-3 col-xl-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="mb-2 col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <input name="name" id="name" type="text"
                                                placeholder="{{ __('name') }} Or {{ __('email') }}"
                                                class="form-control" value="{{ request('name') }}">
                                        </div>


                                        <div class="mb-2 col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">

                                            <select name="country" id="country" class="form-control select2bs444">
                                                <option value="">Select residence Country</option>
                                                @foreach ($countries as $contry)
                                                    <option value="{{ $contry->id }}">{{ $contry->name }}</option>
                                                @endforeach
                                            </select>
                                            {{-- <input id="country" name="country" type="text" placeholder="{{ __('country') }}"
                                                class="form-control" value="{{ request('country') }}"> --}}
                                        </div>

                                        <div class="mb-2 col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            @php

                                                $countries_data = request('country_id') ? array_map(fn($country) => ['id' => $country], request('country_id')) : [];
                                            @endphp

                                            <select name="country_id[]" id="country_id"
                                                class="form-control select2passport_country" onchange="get_states()"
                                                multiple>
                                                <option value="">Select Passport Country</option>
                                                @foreach ($countries as $contry)
                                                    {{-- @if (request('country_id') == $contry->id) --}}
                                                    <option value="{{ $contry->id }}"
                                                        {{ in_array($contry->id, array_column($countries_data, 'id')) ? 'selected' : '' }}>
                                                        {{ $contry->name }}</option>
                                                    {{-- @else
                                                        <option value="{{$contry->id}}">{{$contry->name}}</option>
                                                    @endif --}}
                                                @endforeach
                                            </select>
                                            {{-- <input id="country" name="country" type="text" placeholder="{{ __('country') }}"
                                                class="form-control" value="{{ request('country') }}"> --}}
                                        </div>

                                        <div class="mb-2 col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2" id="state_id_div">

                                            <select name="state_id[]" id="state_id" class="form-control select2state_new"
                                                onchange="get_cites()" multiple>
                                                <option value="">Select residence Country</option>

                                            </select>
                                            {{-- <input id="country" name="country" type="text" placeholder="{{ __('country') }}"
                                                class="form-control" value="{{ request('country') }}"> --}}
                                        </div>

                                        <div class="mb-2 col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2" id="state_id_new_div">

                                            <select name="state_id_new[]" id="state_id_new"
                                                class="form-control select2state" onchange="get_cites()" multiple>
                                                <option value="">Select residence Country</option>

                                            </select>
                                            {{-- <input id="country" name="country" type="text" placeholder="{{ __('country') }}"
                                                class="form-control" value="{{ request('country') }}"> --}}
                                        </div>

                                        <div class="mb-2 col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2" id="city_id_div">

                                            <select name="city_id[]" id="city_id" class="form-control select2city_new"
                                                multiple>


                                            </select>
                                            {{-- <input id="country" name="country" type="text" placeholder="{{ __('country') }}"
                                                class="form-control" value="{{ request('country') }}"> --}}
                                        </div>

                                        <div class="mb-2 col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2" id="city_id_new_div">

                                            <select name="city_id_new[]" id="city_id_new" class="form-control select2city"
                                                multiple>


                                            </select>
                                            {{-- <input id="country" name="country" type="text" placeholder="{{ __('country') }}"
                                                class="form-control" value="{{ request('country') }}"> --}}
                                        </div>

                                        <div class="mb-2 col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <input name="phone" id="phone" type="text"
                                                placeholder="{{ __('phone') }}" class="form-control"
                                                value="{{ request('phone') }}">
                                        </div>
                                        <div class="mb-2 col-12 col-sm-6 col-md-4 col-lg-3 col-xl-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="mb-2 col-12 col-sm-6 col-md-4 col-lg-3 col-xl-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 class="mb-2 col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <select name="source[]" id="source"
                                                class="form-control mr-3 select2source" multiple>
                                                <option value="" selected disabled>Select Source</option>
                                                @foreach ($sourcesData as $sd)
                                                    <optgroup label="{{ $sd->name }}">
                                                        @foreach ($sd->source as $ssd)
                                                            <option
                                                                @if (!empty(request('source'))) @foreach (request('source') as $key => $source)
                                                       {{ $ssd->name == $source ? 'selected' : '' }}   
                                                    @endforeach @endif
                                                                value="{{ $ssd->name }}">
                                                                {{ $ssd->name }}
                                                            </option>
                                                        @endforeach

                                                    </optgroup>
                                                @endforeach
                                            </select>

                                            {{-- @php
                                                $getStagesArray = get_stages_array();
                                                $stages = request('stages') ? array_map(fn($stage) => ['name' => $stage], request('stages')) : [];
                                            @endphp
                                            <select name="stages[]" multiple class="form-control  w-100-p select2bs4ss" id="stageSelect">
                                                <option value="">stages</option>
                                                @foreach ($getStagesArray as $stage)
                                                    <option value="{{$stage['name']}}" {{in_array($stage['name'], array_column($stages, 'name')) ? 'selected' : ''}}>
                                                        {{$stage['name']}}
                                                    </option>
                                                @endforeach
                                            </select> --}}
                                        </div>
                                        <div class="mb-2 col-12 col-sm-6 col-md-4 col-lg-3 col-xl-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="mb-2 col-12 col-sm-6 col-md-4 col-lg-3 col-xl-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> --}}
                                            {{-- @php
                                               
                                                $intake_years = request('intake_month') ? array_map(fn($intake_year) => ['name' => $intake_year], request('intake_month')) : [];
                                            @endphp --}}
                                            <select class="form-control select2intake_years" name="intake_year[]"
                                                id="intake_year" multiple>
                                                <option value="" selected disabled>
                                                    Select Intake Year
                                                </option>

                                                @for ($i = 2022; $i <= date('Y') + 3; $i++)
                                                    <option
                                                        @if (!empty(request('intake_year'))) @foreach (request('intake_year') as $key => $intake_year)
                                                       {{ $i == $intake_year ? 'selected' : '' }}   
                                                    @endforeach @endif
                                                        value="{{ $i }}">
                                                        {{ $i }}
                                                    </option>
                                                @endfor

                                            </select>

                                        </div>
                                        <div class="mb-2 col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            @php

                                                $intake_months = request('intake_month') ? array_map(fn($intake_month) => ['name' => $intake_month], request('intake_month')) : [];
                                            @endphp
                                            {{-- <select name="stages[]" multiple class="form-control  w-100-p select2stage" id="stageSelect">
                                                <option value="">stages</option>
                                                @foreach ($getStagesArray as $stage)
                                                    <option value="{{$stage['name']}}" {{in_array($stage['name'], array_column($stages, 'name')) ? 'selected' : ''}}>
                                                        {{$stage['name']}}
                                                    </option>
                                                @endforeach
                                            </select> --}}


                                            <select class="form-control select2intake_months " name="intake_month[]"
                                                id="intake_month" multiple>
                                                <option value="" selected disabled>
                                                    Select Intake Month
                                                </option>
                                                <option
                                                    {{ in_array('Jan', array_column($intake_months, 'name')) ? 'selected' : '' }}
                                                    value="Jan">Jan</option>
                                                <option
                                                    {{ in_array('Feb', array_column($intake_months, 'name')) ? 'selected' : '' }}
                                                    value="Feb">Feb</option>

                                                <option
                                                    {{ in_array('Mar', array_column($intake_months, 'name')) ? 'selected' : '' }}
                                                    value="Mar">Mar</option>

                                                <option
                                                    {{ in_array('Apr', array_column($intake_months, 'name')) ? 'selected' : '' }}
                                                    value="Apr">Apr</option>

                                                <option
                                                    {{ in_array('May', array_column($intake_months, 'name')) ? 'selected' : '' }}
                                                    value="May">May</option>

                                                <option
                                                    {{ in_array('Jun', array_column($intake_months, 'name')) ? 'selected' : '' }}
                                                    value="Jun">Jun</option>

                                                <option
                                                    {{ in_array('July', array_column($intake_months, 'name')) ? 'selected' : '' }}
                                                    value="July">July</option>

                                                <option
                                                    {{ in_array('Aug', array_column($intake_months, 'name')) ? 'selected' : '' }}
                                                    value="Aug">Aug</option>

                                                <option
                                                    {{ in_array('Sept', array_column($intake_months, 'name')) ? 'selected' : '' }}
                                                    value="Sept">Sept</option>

                                                <option
                                                    {{ in_array('Oct', array_column($intake_months, 'name')) ? 'selected' : '' }}
                                                    value="Oct">Oct</option>

                                                <option
                                                    {{ in_array('Nov', array_column($intake_months, 'name')) ? 'selected' : '' }}
                                                    value="Nov">Nov</option>

                                                <option
                                                    {{ in_array('Dec', array_column($intake_months, 'name')) ? 'selected' : '' }}
                                                    value="Dec">Dec</option>
                                            </select>
                                        </div>


                                        <div class="mb-2 col-12 col-sm-6 col-md-4 col-lg-3 col-xl-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>

                                        <div class="mb-2 col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <select name="gender" id="gender" class="form-control  ">
                                                <option value="">
                                                    Select Gender
                                                </option>
                                                <option {{ 'male' == request('gender') ? 'selected' : '' }}
                                                    value="male">Male</option>
                                                <option {{ 'female' == request('gender') ? 'selected' : '' }}
                                                    value="female">Female</option>
                                                <option {{ 'other' == request('gender') ? 'selected' : '' }}
                                                    value="other">Other</option>
                                            </select>
                                        </div>

                                        <div class="mb-2 col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <select name="marital_status" id="marital_status" class="form-control  ">
                                                <option value="">
                                                    Select marital status
                                                </option>
                                                <option {{ 'married' == request('marital_status') ? 'selected' : '' }}
                                                    value="married">Married</option>
                                                <option {{ 'single' == request('marital_status') ? 'selected' : '' }}
                                                    value="single">Single</option>
                                                <option {{ 'divorce' == request('marital_status') ? 'selected' : '' }}
                                                    value="divorce">Divorce</option>
                                            </select>
                                        </div>

                                        <div class="mb-2 col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            <select name="loan_type" id="loan_type" class="form-control  ">
                                                <option value="">
                                                    Select Loan Type
                                                </option>
                                                <option value="Self Funded"
                                                    @if (request('loan_type') == 'Self Funded') selected @endif>Self Funded</option>
                                                <option value="Sponsered"
                                                    @if (request('loan_type') == 'Sponsered') selected @endif>Sponsered</option>
                                                <option value="Full Loan"
                                                    @if (request('loan_type') == 'Full Loan') selected @endif>Full Loan</option>
                                                <option value="Partial Loan"
                                                    @if (request('loan_type') == 'Partial Loan') selected @endif>Partial Loan</option>
                                            </select>
                                        </div>

                                        @if (userCan('admin.assign') || userCan('admin.assign_list'))
                                            <div class="mb-2 col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">



                                                @php

                                                    $assign_to_value = request('assign_to') ? array_map(fn($assign_to_value) => ['name' => $assign_to_value], request('assign_to')) : [];
                                                @endphp


                                                <select name="assign_to[]" multiple
                                                    class="form-control  w-100-p select2bs4ss" id="assign_to">
                                                    <option value="">Assign To</option>
                                                    @foreach (array_filter($admin_list, function ($item) {
                                                            return $item['status'] == 1; 
                                                        }) as $option)
                                                        @if (!@empty($option))
                                                            <option value="{{ $option['id'] }}"
                                                                {{ in_array($option['id'], array_column($assign_to_value, 'name')) ? 'selected' : '' }}>
                                                                {{ $option['name'] }}

                                                            </option>
                                                        @endif
                                                    @endforeach
                                                </select>

                                            </div>
                                        @endif
                                        <div class="mb-2 col-12 col-sm-6 col-md-4 col-lg-3 col-xl-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 class="mb-2 col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                            @php
                                                $getStagesArray = get_stages_array();
                                                $stages = request('stages') ? array_map(fn($stage) => ['name' => $stage], request('stages')) : [];
                                            @endphp
                                            <select name="stages[]" multiple class="form-control  w-100-p select2stage"
                                                id="stageSelect">
                                                <option value="">stages</option>
                                                @foreach ($getStagesArray as $stage)
                                                    <option value="{{ $stage['name'] }}"
                                                        {{ in_array($stage['name'], array_column($stages, 'name')) ? 'selected' : '' }}>
                                                        {{ $stage['name'] }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="mb-2 col-12 col-sm-6 col-md-4 col-lg-3 col-xl-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="mb-2 col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">

                                            <button type="submit" value="submit_button" name="submit_button"
                                                class="btn btn-primary float-right"><i class="fas fa-search"></i></button>
                                            @if (1 == 1)

                                                <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 trigger modal -->
                                                    @if ($candidates->count() < 1000 && $candidates->count() > 0)
                                                        <button type="button" class="btn btn-primary float-right mr-1"
                                                            data-toggle="modal" data-target="#exampleModal">
                                                            Export
                                                        </button>
                                                    @endif


                                                    <!-- Modal -->
                                                    <style>

                                                    </style>
                                                    <div class="modal fade bd-example-modal-lg" id="exampleModal"
                                                        tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
                                                        aria-hidden="true">
                                                        <div class="modal-dialog modal-lg" role="document">
                                                            <div class="modal-content">
                                                                <div class="modal-header">
                                                                    <h5 class="modal-title" id="exampleModalLabel">Export
                                                                        Data</h5>
                                                                    <button type="button" class="close"
                                                                        data-dismiss="modal" aria-label="Close">
                                                                        <span aria-hidden="true">&times;</span>
                                                                    </button>
                                                                </div>
                                                                <div class="modal-body ">
                                                                    <h3>Select Option TO Export Data </h3>
                                                                    <div class="row">
                                                                        <div class="col-12 col-md-6 col-lg-4">
                                                                            <input type="checkbox" name="all"
                                                                                id="all_check" onchange = "All_select()">
                                                                            <span>All</span>
                                                                        </div>
                                                                        <div class="col-12 col-md-6 col-lg-4">
                                                                            <input type="checkbox"
                                                                                name="personal_information"
                                                                                id="personal_information"> <span> Personal
                                                                                Information</span>
                                                                        </div>
                                                                        <div class="col-12 col-md-6 col-lg-4">
                                                                            <input type="checkbox"
                                                                                name="contect_information"
                                                                                id="contect_information" /> <span> Contect
                                                                                Information</span>
                                                                        </div>
                                                                        <div class="col-12 col-md-6 col-lg-4">
                                                                            <input type="checkbox" name="education"
                                                                                id="education"> <span> Education Details
                                                                            </span>
                                                                        </div>
                                                                        <div class="col-12 col-md-6 col-lg-4">
                                                                            <input type="checkbox" name="test_status"
                                                                                id="test_status" /> <span> Test
                                                                                Status</span>
                                                                        </div>
                                                                        {{-- <div class="col-12 col-md-6 col-lg-4">
                                                                        <input type="checkbox"/> <span> Study Abroad Preferences</span>
                                                                    </div>
                                                                    <div class="col-12 col-md-6 col-lg-4">
                                                                        <input type="checkbox"/> <span>Budget Preferences</span>
                                                                    </div>
                                                                    <div class="col-12 col-md-6 col-lg-4">
                                                                        <input type="checkbox"/> <span> Work Experience</span>
                                                                    </div>
                                                                    <div class="col-12 col-md-6 col-lg-4">
                                                                        <input type="checkbox"/> <span> Work Experience</span>
                                                                    </div> --}}

                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <button type="submit" value="export_button"
                                                                            name="export_button"
                                                                            class="btn btn-success float-right mr-1"
                                                                            onclick="export_button()"
                                                                            id="export_button"><i
                                                                                class="fas fa-sync"></i>Export</button>
                                                                    </div>


                                                                    {{-- <div class="mr-2" style="width: 200px; float:right; ">
                                                    <select name="custom_filter[]" multiple class="form-control float-right  select2custome" id="stageSelect" style="width: 200px; !importaint">
                                                        <option value="all">All</option>
                                                        <option value="Id">Id</option>
                                                        <option value="Name">Name</option>
                                                        <option value="Email">Email</option>
                                                        <option value="Secondary Email">Secondary Email</option>
                                                        <option value="Phone">Phone</option>
                                                        <option value="Alternate Phone">Alternate Phone</option>
                                                        <option value="Source">Source</option>
                                                        <option value="Stages">Stages</option>
                                                        <option value="Dropped reason">Dropped_reason</option>
                                                        <option value="Assign To">Assign To</option>
                                                        <option value="Student Category">Student Category</option>
                                                        <option value="Regident Country">Regident Country</option>
                                                        <option value="Passport Country">Passport Country</option>
                                                        <option value="State">State</option>
                                                        <option value="City">City</option>
                                                        <option value="Preferred Course">Preferred Course</option>
                                                        <option value="Preferred Program">Preferred Program</option>
                                                        <option value="Intake Years">Intake Years</option>
                                                        <option value="Intake Months">Intake Months</option>
                                                        <option value="Prefferd Countries">Prefferd Countries</option>
                                                        <option value="Last Comment">Last Comment</option>
                                                        <option value="Last Activity Date">Last Activity Date</option>
                                                        <option value="Lead Type">Lead Type</option>
                                                        <option value="Preffered Time">Preffered Time</option>
                                                        <option value="Whatsapp Marketing Status">Whatsapp Marketing Status</option>
                                                        <option value="gender">gender</option>
                                                        <option value="marital status">marital_status</option>
                                                        <option value="birth date">birth_date</option>
                                                        <option value="profile complete">profile_complete</option>
                                                        <option value="address">address</option>
                                                        <option value="permanent address">permanent_address</option>
                                                        <option value="passport address">passport_address</option>
                                                        <option value="passport number">passport_number</option>
                                                        <option value="passport expiry">passport_expiry</option>
                                                        <option value="budget">budget</option>
                                                        <option value="fund source">fund_source</option>
                                                        <option value="source type">source_type</option>
                                                        <option value="loan type">loan_type</option>
                                                        <option value="comment">comment</option>
                                                        <option value="highest_education">highest_education</option>
                                                        <option value="Created Date">Created Date</option>
                                                        <option value="English Proficiency">English Proficiency</option>
                                                        <option value="English test name">English test name</option>
                                                        <option value="English test scores">English test scores</option>
                                                        <option value="English test_taken_date">English test_taken_date</option>
                                                        <option value="English test_result_date">English test_result_date</option>
                                                        <option value="English speaking scores">English speaking scores</option>
                                                        <option value="English reading scores">English reading scores</option>
                                                        <option value="English listening scores">English listening scores</option>
                                                        <option value="English writing scores">English writing scores</option>
                                                        <option value="Study Abroad Test">Study Abroad Test</option>
                                                        <option value="Study name">Study name</option>
                                                        <option value="Study test scores">Study test scores</option>
                                                        <option value="Study test_taken_date">Study test_taken_date</option>
                                                        <option value="Study test_result_date">Study test_result_date</option>
                                                        <option value="10th Board / University">10th Board / University</option>
                                                        <option value="10th Institute">10th Institute</option>
                                                        <option value="10th Mark">10th Mark</option>
                                                        <option value="10th Medium">10th Medium</option>
                                                        <option value="10th Passing Year">10th Passing Year</option>
                                                        <option value="10th Remark">10th Remark</option>

                                                        <option value="12th Board / University"> 12th Board / University </option>
                                                        <option value="12th Institute">12th Institute</option>
                                                        <option value="12th Stream">12th Stream</option>
                                                        <option value="12th Mark">12th Mark</option>
                                                        <option value="12th Medium">12th Medium</option>
                                                        <option value="12th Passing Year">12th Passing Year</option>
                                                        <option value="12th Remark">12th Remark</option>
                                                        <option value="Diploma Board / University">Diploma Board / University</option>
                                                        <option value="Diploma Institute">Diploma Institute</option>
                                                        <option value="Diploma Stream">Diploma Stream</option>
                                                        <option value="Diploma Mark">Diploma Mark</option>
                                                        <option value="Diploma Medium">Diploma Medium</option>
                                                        <option value="Diploma Joining Year">Diploma Joining Year</option>
                                                        <option value="Diploma Passing Year">Diploma Passing Year</option>
                                                        <option value="Diploma Backlog">Diploma Backlog</option>
                                                        <option value="Diploma Gap">Diploma Gap</option>
                                                        <option value="Diploma Remark">Diploma Remark</option>
                                                        <option value="Bachelors Board / University">Bachelors Board / University</option>
                                                        <option value="Bachelors Institute">Bachelors Institute</option>
                                                        <option value="Bachelors Stream">Bachelors Stream</option>
                                                        <option value="Bachelors Mark">Bachelors Mark</option>
                                                        <option value="Bachelors Medium">Bachelors Medium</option>
                                                        <option value="Bachelors Joining Year">Bachelors Joining Year</option>
                                                        <option value="Bachelors Passing Year">Bachelors Passing Year</option>
                                                        <option value="Bachelors Backlog">Bachelors Backlog</option>
                                                        <option value="Bachelors Gap">Bachelors Gap</option>
                                                        <option value="Bachelors Remark">Bachelors Remark</option>
                                                        <option value="Masters Board / University">Masters Board / University</option>
                                                        <option value="Masters Institute">Masters Institute</option>
                                                        <option value="Masters Stream">Masters Stream</option>
                                                        <option value="Masters Mark">Masters Mark</option>
                                                        <option value="Masters Medium">Masters Medium</option>
                                                        <option value="Masters Joining Year">Masters Joining Year</option>
                                                        <option value="Masters Passing Year">Masters Passing Year</option>
                                                        <option value="Masters Backlog">Masters Backlog</option>
                                                        <option value="Masters Gap">Masters Gap</option>
                                                        <option value="Masters Remark">Masters Remark</option>
                                                        <option value="PhD Board / University">PhD Board / University</option>
                                                        <option value="PhD Institute">PhD Institute</option>
                                                        <option value="PhD Stream">PhD Stream</option>
                                                        <option value="PhD Mark">PhD Mark</option>
                                                        <option value="PhD Medium">PhD Medium</option>
                                                        <option value="PhD Joining Year">PhD Joining Year</option>
                                                        <option value="PhD Passing Year">PhD Passing Year</option>
                                                        <option value="PhD Backlog">PhD Backlog</option>
                                                        <option value="PhD Gap">PhD Gap</option>
                                                        <option value="PhD Remark">PhD Remark</option>
                                                        <option value="Name Of Certification">Name Of Certification</option>
                                                        <option value="Certification Institute">Certification Institute</option>
                                                        <option value="Certification Mark">Certification Mark</option>
                                                        <option value="Certification Medium">Certification Medium</option>
                                                        <option value="Certification Joining Year">Certification Joining Year</option>
                                                        <option value="Certification Passing Year">Certification Passing Year</option>
                                                        <option value="Certification Remark">Certification Remark</option>
                                                        
                                                    </select>  
                                                </div>  --}}
                                                @endif


                                            @endif

                                        </div>
                                        <div class="mb-2 col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">

                                            {{-- <button type="button" class="btn btn-success" id="exportButton">Export</button> --}}
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
                </div>
                <div class="card-body table-responsive p-0">
                    @if (1 == 1)
                        <style>
                            td,
                            th {
                                text-wrap: balance;
                            }
                        </style>
                        <table class="ll-table table table-hover text-nowrap" style="width:100%;">
                            <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 style="width: 200px;">{{ __('student') }}</th>
                                    <th style="width: 50px;">{{ __('Passport Country') }}</th>
                                    <th style="width: 50px;">{{ __('residence Country') }}</th>
                                    <th>{{ __('phone') }}</th>
                                    <th>{{ __('Source') }}</th>
                                    <th>{{ __('Stage') }}</th>
                                    <th>{{ __('Intake Year') }}</th>
                                    <th>{{ __('Intake Month') }}</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" style="width: 200px; word-break: break-all;">
                                                <a href="{{ route('candidate.edit', $candidate->id) }}" class="company">
                                                    <div
                                                        style="width: 200px;
                                              text-wrap: balance;">
                                                        <h2>{{ @$candidate->user->name }}
                                                            {{ @$candidate->user->middle_name }}
                                                            {{ @$candidate->user->last_name }}</h2>
                                                        <p>{{ $candidate->user->email }}</p>
                                                    </div>
                                                </a>
                                            </td>


                                            <td tabindex="0" style="width: 50px;">
                                                {{ @$candidate->passportCountry->name }}
                                            </td>

                                            <td tabindex="0" style="width: 50px;">
                                                {{ @$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_years))
                                                <td>{{ str_replace(',', ' ', @$candidate->destination[0]->intake_years) }}
                                                </td>
                                            @else
                                                <td>--</td>
                                            @endif

                                            @if (!empty(@$candidate->destination[0]->intake_months))
                                                <td>{{ str_replace(',', ' ', @$candidate->destination[0]->intake_months) }}
                                                </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
                                                
                                            </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; 
                                                                }) 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
                                                            

                                                            @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
                                                            
                                                        @endforeach
                                                    @endif
                                                @else
                                                    <span class="badge badge-danger">Not Followed</span>
                                                @endif
                                            </div>
                                        </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
                                     
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="16">
                                        {{ __('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>

</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>
    var country = "{{ request('country_name') }}";
    // console.log(country);

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


    $(document).ready(function() {

        // var stages_name = "";
        // $.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

        })

        $('.select2intake_months').select2({
            theme: 'bootstrap4',
            minimumResultsForSearch: 20,
            placeholder: 'Select Intake Months'

        })

        $('.select2intake_years').select2({
            theme: 'bootstrap4',
            minimumResultsForSearch: 20,
            placeholder: 'Select Intake Years'

        })

        $('.select2bs4ss').select2({
            theme: 'bootstrap4',
            minimumResultsForSearch: 20,
            placeholder: 'Assign To'
        })

        $('.select2stage').select2({
            theme: 'bootstrap4',
            minimumResultsForSearch: 20,
            placeholder: 'Select Stage'
        })
        $('.select2custome').select2({
            theme: 'bootstrap4',
            minimumResultsForSearch: 20,
            placeholder: 'Custome column filter'
        })



        $('.select2source').select2({
            theme: 'bootstrap4',
            minimumResultsForSearch: 20,
            placeholder: 'Source'
        })


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

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



        $('.select2bs444').select2({
            theme: 'bootstrap4',
            multiple: false,
            placeholder: 'Select residence Country'
        });

        $('.select2states').select2({
            theme: 'bootstrap4',
            multiple: true,
            placeholder: 'Select Passport State',
        });



    });

    // $('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();
            document.getElementById('loader_overlay').display = "inline-block";
            // 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;
                    document.getElementById('loader_overlay').display = "none";
                },
                error: function(xhr, status, error) {
                    console.log(xhr.responseText);
                    document.getElementById('loader_overlay').display = "none";
                }
            });
        });
    });
</script>
<script>
    function get_states() {
        var country_id = $('#country_id').val();
        if (country_id.length > 0) {
            var state_id = $('#state_id').val();
            $.ajax({
                url: "{{ route('admin.stateList') }}",
                type: "POST",
                data: {
                    country_id: country_id,
                    state_id: state_id,
                    _token: '{{ csrf_token() }}'
                },
                dataType: 'json',
                success: function(result) {

                    $("#state_id_new_div").hide();
                    $("#state_id_div").show();
                    $("#state_id").empty();
                    $("#state_id_new").empty();

                    $("#state_id").html(result.code);
                },
                error: function(xhr, status, error) {
                    console.error("An error occurred while fetching states: " + error);
                }
            });

            return true;
        } else {
            $("#state_id_new").empty();
            $("#state_id_new_div").show();
            $("#state_id_div").hide();
            $("#state_id").empty();
            $("#city_id").empty();
            $("#city_id_new_div").show();
            $("#city_id_div").hide();


        }

    }



    $('.select2state').select2({
        theme: 'bootstrap4',
        ajax: {
            url: "{{ route('admin.stateListByName') }}",
            dataType: 'json',
            type: "POST",
            quietMillis: 50,
            data: function(params) {
                return {
                    term: params.term,
                    country_id: $('#country_id').val(),
                    _token: '{{ csrf_token() }}'
                };
            },
            processResults: function(data) {
                return {
                    results: data.map(function(item) {
                        console.log(item);
                        return {
                            id: item.id,
                            text: item.name + " - " + item.country_name
                        };
                    })
                };
            }
        },
        placeholder: 'Select Passport State'
    });


    $('.select2state_new').select2({
        theme: 'bootstrap4',
        // minimumResultsForSearch: 20,

        multiple: true,
        placeholder: 'Select Passport State'
    })

    function get_states_by_name() {
        console.log("sklflkjfe" + state_id);
        var country_id = $('#country_id').val();
        var state_id = $('#state_id').val();

        if (country_id == null || country_id == "") {
            $.ajax({
                url: "{{ route('admin.stateList') }}",
                type: "POST",
                data: {
                    country_id: country_id,
                    _token: '{{ csrf_token() }}'
                },
                dataType: 'json',
                success: function(result) {
                    $("#state_id").empty();
                    $("#state_id").html(result.code);
                },
                error: function(xhr, status, error) {
                    console.error("An error occurred while fetching states: " + error);
                }
            });

            return true;
        }

    }

    function get_cites() {
        var state_id = $('#state_id').val();

        if (state_id.length <= 0) {
            var state_id = $('#state_id_new').val();
        }
        if (state_id.length > 0) {
            var city_id = $('#city_id').val();
            if (city_id.length <= 0) {
                var city_id = $('#city_id_new').val();
            }
            $.ajax({
                url: "{{ route('admin.cityList') }}",
                type: "POST",
                data: {
                    state_id: state_id,
                    city_id: city_id,
                    _token: '{{ csrf_token() }}'
                },
                dataType: 'json',
                success: function(result) {

                    // $("#city_id").removeClass("select2city");
                    // $("#city_id").addClass("select2city_new");
                    // $("#city_id").removeClass("select2-hidden-accessible");

                    $("#city_id_new_div").hide();
                    $("#city_id_div").show();
                    $("#city_id").empty();
                    $("#city_id_new").empty();
                    $("#city_id").html(result.code);
                },
                error: function(xhr, status, error) {
                    console.error("An error occurred while fetching states: " + error);
                }
            });

            return true;
        } else {
            $("#city_id_div").hide();
            $("#city_id_new_div").show();
            $("#city_id").empty();
            $("#city_id_new").empty();

        }
    }

    $('.select2city').select2({
        theme: 'bootstrap4',
        ajax: {
            url: "{{ route('admin.cityListByName') }}",
            dataType: 'json',
            type: "POST",
            quietMillis: 50,
            data: function(params) {
                return {
                    term: params.term,
                    state_id: $('#state_id').val(),
                    _token: '{{ csrf_token() }}'
                };
            },
            processResults: function(data) {
                return {

                    results: data.map(function(item) {
                        console.log(item);
                        return {
                            id: item.id,
                            text: item.name
                        };
                    })
                };
            }
        },
        placeholder: 'Select Passport City'
    });


    $('.select2city_new').select2({
        theme: 'bootstrap4',
        // minimumResultsForSearch: 20,
        placeholder: 'Select City',
        multiple: true,
        placeholder: 'Select Passport City',
    })



    $(document).ready(function() {

        var country_id = {!! json_encode(request('country_id')) !!};
        if (country_id !== null) {
            var state_id = {!! json_encode(request('state_id')) !!};
            $.ajax({
                url: "{{ route('admin.stateList') }}",
                type: "POST",
                data: {
                    country_id: country_id,
                    state_id: state_id,
                    _token: '{{ csrf_token() }}'
                },
                dataType: 'json',
                success: function(result) {
                    // $("#state_id").removeClass("select2state");
                    // $("#state_id").addClass("select2state_new");
                    // $("#state_id").removeClass("select2-hidden-accessible");
                    $("#state_id_new_div").hide();
                    $("#state_id_div").show();
                    $("#state_id").empty();
                    $("#state_id").html(result.code);
                },
                error: function(xhr, status, error) {
                    console.error("An error occurred while fetching states: " + error);
                }
            });
            return true;
        } else {

            var country_id = $('#country_id').val();
            var state_id = {!! json_encode(request('state_id_new')) !!};


            if (state_id == null || state_id == "null") {
                $("#state_id_new").empty();
                $("#state_id_new_div").show();
                $("#state_id_div").hide();
            } else {
                $.ajax({
                    url: "{{ route('admin.stateList') }}",
                    type: "POST",
                    data: {
                        country_id: country_id,
                        state_id: state_id,
                        _token: '{{ csrf_token() }}'
                    },
                    dataType: 'json',
                    success: function(result) {
                        console.log(result);

                        $("#state_id_new").empty();
                        $("#state_id_new").html(result.code);
                        $("#state_id_new_div").show();
                        $("#state_id_div").hide();
                    },
                    error: function(xhr, status, error) {
                        console.error("An error occurred while fetching states: " + error);
                    }
                });
            }
        }




    });
    $(document).ready(function() {
        var state_id = {!! json_encode(request('state_id')) !!};

        if (state_id == null) {
            var state_id = $('#state_id_new').val();
        }
        console.log(state_id);
        if (state_id.length > 0) {
            // 
            var city_id = {!! json_encode(request('city_id')) !!};

            $.ajax({
                url: "{{ route('admin.cityList') }}",
                type: "POST",
                data: {
                    state_id: state_id,
                    city_id: city_id,
                    _token: '{{ csrf_token() }}'
                },
                dataType: 'json',
                success: function(result) {

                    // $("#city_id").removeClass("select2city");
                    // $("#city_id").addClass("select2city_new");
                    // $("#city_id").removeClass("select2-hidden-accessible");
                    $("#city_id_new_div").hide();
                    $("#city_id_div").show();
                    $("#city_id").empty();
                    $("#city_id").html(result.code);

                    // $("#city_id").empty(); 
                    // $("#city_id").html(result.code);
                },
                error: function(xhr, status, error) {
                    console.error("An error occurred while fetching city: " + error);
                }
            });

            return true;
        } else {


            var city_id = {!! json_encode(request('city_id_new')) !!};

            if (city_id == null || city_id == "null") {


                $("#city_id_new_div").show();
                $("#city_id_div").hide();
            } else {
                $.ajax({
                    url: "{{ route('admin.cityList') }}",
                    type: "POST",
                    data: {
                        state_id: state_id,
                        city_id: city_id,
                        _token: '{{ csrf_token() }}'
                    },
                    dataType: 'json',
                    success: function(result) {
                        $("#city_id_new").empty();
                        $("#city_id_new").html(result.code);

                        $("#city_id_new_div").show();
                        $("#city_id_div").hide();

                        // $("#city_id").empty();
                        // $("#city_id").html(result.code);
                    },
                    error: function(xhr, status, error) {
                        console.error("An error occurred while fetching states: " + error);
                    }
                });
            }

        }
    });


    function All_select() {
        var all = document.getElementById('all_check');
        if (all.checked) {
            document.getElementById('personal_information').checked = true;
            document.getElementById('contect_information').checked = true;
            document.getElementById('education').checked = true;
            document.getElementById('test_status').checked = true;
        } else {
            document.getElementById('personal_information').checked = false;
            document.getElementById('contect_information').checked = false;
            document.getElementById('education').checked = false;
            document.getElementById('test_status').checked = false;
        }
    }


    $('#export_button').click(function() {

        $('.loader_overlay').css('display', 'flex');
        $('.loading_text').html("Downloading File");
    });
</script>
@endsection