@extends('admin.layouts.app')
@section('title')
Candidate Applications
@endsection
@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title line-height-36">Candidate Applications
                        <span class="ml-1 badge bg-primary">
                            {{ $allCandidateApplication}}
                        </span>
                    </h3>
                    <div class="align-items-center  ml-auto">
                        @if (userCan('candidateApplication.create'))
                        <a href="{{ route('candidateApplication.create') }}"
                            class="btn bg-primary float-right d-flex align-items-center justify-content-center">
                            <i class="fas fa-plus"></i>
                            &nbsp; {{ __('create') }}
                        </a>
                        @endif
                        @if (userCan('candidateApplication.delete'))
                        <button id="DeleteButton" onclick="MultiDelete()" data-toggle="tooltip" data-placement="top"
                            title="Delete Selected Candidate Applications"
                            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="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-info">
                                </span>
                            </span>
                        </button>
                        @endif
                        @if (userCan('candidateApplication.mappIngList'))
                        <a href="{{ route('candidateApplication.mappIngList') }}" class="float-right d-flex align-items-center justify-content-center mr-3  btn btn-secondary mx-0">
                            MappIng List
                             </a>  
                        @endif
                        @if (userCan('candidateApplication.mappIngList'))
                             <a href="{{ route('candidateApplication.index', ['status' =>'Requested From Student']) }}" class="float-right d-flex align-items-center justify-content-center mr-3 btn btn btn-secondary mx-0">
                                Requested From Student <span class="badge rounded-pill bg-info myNonfollowedcount" id="myNonfollowedcount"> {{ @$requestedFromStudentCount }}</span>
                                </a>  
                        @endif
                      
                        @if (userCan('candidateApplication.import'))
                        <a href="" class="btn bg-warning float-right d-flex align-items-center justify-content-center mr-3"
                        data-toggle="modal" data-target="#modalContactForm">Import</a>
                        @endif
                    </div>
                
                </div>
                {{-- <div class="row">
                    <form action="{{ route('candidateApplication.import') }}" method="POST" enctype="multipart/form-data">
                        @csrf

                        <div class="form-group">
                            <label for="excel_file">Choose Excel File</label>
                            <input type="file" class="form-control-file" id="excel_file" name="excel_file" accept=".xls, .xlsx">
                            @error('excel_file')
                                <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        <button type="submit" class="btn btn-primary">Import</button>
                    </form>
                </div> --}}
                <form id="formSubmit" action="{{ route('candidateApplication.index') }}" method="GET">
                    <div class="row p-1 mt-2 mx-2">
                        <div class="col-md-2 dropdown">
                            {{-- <x-forms.input type="date" name="created_at" placeholder="Enter Created Date"
                                value="{{ old('created_at', request('created_at')) }}" /> --}}
                            <input type="text" id="created_at" name="created_at" value="{{ request('created_at') }}"
                                class="form-control" autocomplete="off" id="my_txtbox" placeholder="Date Range"
                                readonly />
                            <x-forms.error name="created_at" />
                        </div>

                        <div class="col-md-2 dropdown">
                            <input type="text" id="datetime" name="datetime" value="{{ request('datetime') }}"
                                class="form-control" autocomplete="off" id="my_txtbox" placeholder="Date Time Range"
                                readonly />
                            <x-forms.error name="datetime" />
                        </div>
                        {{-- <div class="col-md-2 dropdown">
                            <select name="candidate_id" class="form-control select2bs4 {{ error('candidate_id') }}"
                                id="candidate_id">
                                <option value="" class="d-none">
                                    Select Candidate
                                </option>
                                @foreach ($candidates as $candidate)

                                <option {{ $candidate->id == request('candidate_id') ? 'selected' : '' }}
                                    value="{{ $candidate->id }}">
                                    {{ @$candidate->user->name }} ({{ @$candidate->id }})
                                </option>
                                @endforeach
                            </select>
                        </div> --}}

                        <div class="col-md-2 dropdown">
                            <select name="candidate_id" id="candidate_id" class="form-control select2candidate">
                                <option value="">Select Candidate</option>
                            </select> 
                        </div>
                        {{-- <div class="col-md-2 dropdown">
                       
                            <select name="intake"
                                class="form-control select2bs4 @error('intake') is-invalid @enderror"
                                id="intake">
                                <option value="" class="d-none">
                                    {{ __('select_intake') }}
                                </option>
                                @foreach($main_intake as $intake)
                                    <option {!! $intake  == request('intake') ? 'selected' : '' !!}
                                        value="{{ $intake }}">{{ $intake }}</option>
                                @endforeach
                            </select>
                        </div> --}}

                        <div class="col-md-2 dropdown">
                            @php
                            $months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "July", "Aug", "Sept", "Oct", "Nov", "Dec"];
                            @endphp
                            
                            <select name="intake_months[]"
                                    class="form-control select2bs4months @error('intake_months') is-invalid @enderror"
                                    id="intake_months" multiple>
                            
                                @foreach ($months as $month)
                                    <option 
                                    @if (!empty(request('intake_months'))) 
                                    @foreach (request('intake_months') as $key => $intake_months)
                                        {{ $month == $intake_months ? 'selected' : '' }}   
                                    @endforeach 
                                @endif
                                    value="{{ $month }}">
                                    {{ $month }}
                                  </option>
                                @endforeach
                            
                            </select>
                        </div>

                        <div class="col-md-2 dropdown">
                            <select class="form-control  select2bs4years" name="intake_years[]" id="" multiple>
                                @for ($i = 2022; $i <=  date('Y')+3; $i++)
                                    <option
                                    @if (!empty(request('intake_years'))) 
                                        @foreach (request('intake_years') as $key => $intake_year)
                                            {{ $i == $intake_year ? 'selected' : '' }}   
                                        @endforeach 
                                    @endif
                                        value="{{ $i }}">
                                        {{ $i }}
                                    </option>
                                @endfor

                            </select>
                        </div>



                        {{-- <div class="col-md-2 dropdown">
                            <select name="university_id" class="form-control select2bs4" id="university_id">
                                <option value="" class="d-none">
                                    {{ __('select_university') }}
                                </option>
                                @foreach ($universities as $universitie)

                                <option {{ $universitie->id == request('university_id') ? 'selected' : '' }}
                                    value="{{ $universitie->id }}">
                                    {{ $universitie->name }} ({{ $universitie->id }})
                                </option>
                                @endforeach
                            </select>
                        </div> --}}

                        <div class="col-md-2 dropdown">
                            <select name="university_id" id="university_id" class="form-control select2university">
                                <option value="">{{ __('select_university') }}</option>
                            </select> 
                        </div>

                     


                    </div>
                    <div class="row p-1 my-2 mx-2">
                        <div class="col-md-2 dropdown">
                            <select name="partner"
                                class="select2bs44 form-control {{ error('partner') }}"
                                id="partner">
                                <option value="" class="d-none">
                                    Select Partner
                                </option>
                                @if(isset($partner_find) && !is_null($partner_find))
                                @foreach(@$partner_find as $partner)
                                <option {!! request('partner') == $partner['name'] ? 'selected' : '' !!}
                                    value="{{ $partner['name'] }}">{{ $partner['name'] }}</option>
                                @endforeach
                                @endif
                            </select>
                        </div>

                        <div class="col-md-2 dropdown">
                            <select name="status" class="form-control select2bs4" id="status">
                                {{-- <option {!! request('status')=='1' ? 'selected' : '' !!} value="1">{{ __('active')
                                    }}</option>
                                <option {!! request('status')=='0' ? 'selected' : '' !!} value="0">{{ __('inactive') }}
                                </option> --}}
                                <option value="" class="d-none">
                                    Select Status
                                </option>
                                @foreach(get_candidateApplicationStatus_array() as $status)
                                <option {!! request('status')== $status['name'] ? 'selected' : '' !!}
                                    value="{{ $status['name'] }}">{{ $status['name'] }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-4">
                            <input type="text" @if (request('Keyword')) value="{{ request('Keyword') }}" @endif
                                id="Keyword" class="form-control mr-2"
                                placeholder="{{ __('search') }}..." name="Keyword" aria-label="">
                        </div>

                        <div class="col-md-4">
                            <button type="submit" class="btn btn-primary float-right"><i class="fas fa-search"></i> {{
                                __('search') }}</button>
                            @if (request('Keyword') || request('datetime') || request('status') || request('intake') || request('intake_months') || request('intake_years') ||
                            request('university_id') || request('country') || request('candidate_id') ||
                            request('created_at'))
                            <a href="{{ route('candidateApplication.index') }}"
                                class="mr-1 float-right btn btn-danger align-items-center justify-content-center"><i
                                    class="fas fa-times"></i></a>
                            @endif

                        </div>
                    </div>
                </form>
                {{-- <div class="row justify-content-end">
                    <div class="col-md-6 col-sm-12 col-lg-4">
                        <form id="formSubmit" action="{{ route('candidateApplication.index') }}" method="GET">
                            <div class="d-flex justify-space-between px-3 my-4">
                                <input type="text" @if (request('name')) value="{{ request('name') }}" @endif id="name"
                                    class="form-control mr-2" placeholder="{{ __('enter') }} {{ __('search') }}..."
                                    name="name" aria-label="">
                                <button class="btn btn-primary btn bg-primary" type="submit">
                                    {{ __('search') }}
                                </button>
                            </div>
                        </form>
                    </div>
                </div> --}}

                <div id="example1_wrapper" class="">
                    <div class="row">
                        <div class="col-sm-12">
                            <table class="table table-hover responsive table-bordered rounded-2">
                                <thead>
                                    <tr class="text-left">
                                        @if ($candidateApplications->count() > 1)
                                        <th width="4%">
                                            <div class="icheck-primary ml-1">
                                                <input type="checkbox" id="checkboxAll">
                                                <label for="checkboxAll">
                                                </label>
                                            </div>
                                        </th>
                                        @endif
                                        <th width="5%">Application ID</th>
                                        {{-- <th>ID</th> --}}
                                        <th>Created Date </th>
                                        <th>Date Time </th>
                                        <th>Candidate </th>
                                        <th>University</th>
                                        <th>Course</th>
                                        <th>Intake</th>
                                        <th>Partner</th>
                                        <th>Status</th>
                                        <th>Number of Days</th>
                                        <th>Next Step</th>

                                        @if (userCan('candidateApplication.update') ||
                                        userCan('candidateApplication.delete'))
                                        <th>{{ __('action') }}</th>
                                        @endif
                                    </tr>
                                </thead>
                                <tbody>
                                    @if ($candidateApplications->count() > 0)
                                    @foreach ($candidateApplications as $candidateApplication)
                                    <tr role="row" class="text-left items-center">
                                        @if ($candidateApplications->count() > 1)
                                        <td>
                                            <div class="icheck-primary ml-1">
                                                <input type="checkbox" data-id={{ $candidateApplication->id }}
                                                class="sub_chk" id="checkbox{{ $candidateApplication->id }}">
                                                <label for="checkbox{{ $candidateApplication->id }}">
                                                </label>
                                            </div>
                                        </td>
                                        @endif
                                        <td class="" tabindex="0">
                                            <a href="{{ route('candidateApplication.editPage', $candidateApplication->id) }}"
                                                class="company">
                                                {{ $candidateApplication->id }}
                                            </a>

                                        </td>

                                        <td>
                                            <div>
                                                {{-- {{ dateMonthTimeFormat(@$candidateApplication->created_at)}} --}}
                                                <span class="badge badge-primary p-1" data-bs-toggle="popover"
                                                    title="{{ dateMonthTimeFormat(@$candidateApplication->created_at) }}"
                                                    data-content="{!! @$candidateApplication->created_at !!}"
                                                    data-trigger="hover focus" data-placement="top">
                                                    {{ dateMonthFormat(@$candidateApplication->created_at)}}

                                                </span>
                                            </div>
                                        </td>
                                        <td>
                                           
                                            @if(@$candidateApplication->datetime)
                                            <div>
                                                <span class="badge badge-primary p-1" data-bs-toggle="popover"
                                                    title="{{ dateMonthTimeFormat(@$candidateApplication->datetime) }}"
                                                    data-content="{!! @$candidateApplication->datetime !!}"
                                                    data-trigger="hover focus" data-placement="top">
                                                    {{ dateMonthFormat(@$candidateApplication->datetime)}}

                                                </span>
                                            </div>
                                            @else
                                            --
                                            @endif
                                        </td>
                                        <td>
                                            <div>
                                                @if(!empty(@$candidateApplication->candidate->id) &&
                                                userCan('candidate.update'))
                                                <a href="{{ route('candidate.edit', @$candidateApplication->candidate->id) }}"
                                                    class="company">
                                                    {{ @$candidateApplication->candidate->user->name}} @if(@$candidateApplication->candidate->user_id) ({{ @$candidateApplication->candidate->user_id }}) @endif
                                                </a>
                                                @else
                                                {{ @$candidateApplication->candidate->user->name}} @if(@$candidateApplication->candidate->user_id) ({{ @$candidateApplication->candidate->user_id }}) @endif
                                                @endif
                                            </div>
                                        </td>
                                        @if(@$candidateApplication->university->name)
                                        <td class="sorting_1 ">
                                            <span>
                                                {{ @$candidateApplication->university->name}}  @if(@$candidateApplication->university->id)({{ @$candidateApplication->university->id}}) @endif
                                            </span>
                                        </td>
                                        @elseif ($candidateApplication->university_name !== null && ($candidateApplication->university_id === null || $candidateApplication->university_id == 0))
                                         <td class="sorting_1 ">
                                            <span>
                                                {{ @$candidateApplication->university_name}}
                                            </span>
                                        </td>
                                        @else
                                        <td class="sorting_1 ">
                                            <span>
                                               --
                                            </span>
                                        </td>
                                        @endif
                                      
                                        {{-- <td class="course">
                                            @php
                                            $text = @$candidateApplication->courses->name;
                                            $words = str_word_count($text, 1);
                                            @endphp
                                            <div>
                                                @if($words > 0)
                                                @foreach (array_chunk($words, 2) as $wordChunk)
                                                {{ implode(' ', $wordChunk) }}<br>
                                                @endforeach
                                                @else
                                                -NA-
                                                @endif
                                            </div>
                                        </td> --}}

                                        @if(@$candidateApplication->courses->name)
                                        <td class="sorting_1 ">
                                            <span>
                                               {{ @$candidateApplication->courses->name}}  @if(@$candidateApplication->courses->id)({{ @$candidateApplication->courses->id}}) @endif
                                            </span>
                                        </td>
                                        
                                        @elseif ($candidateApplication->course_name !== null && ($candidateApplication->course === null || $candidateApplication->course == 0))
                                         <td class="sorting_1 ">
                                            <span>
                                                {{ @$candidateApplication->course_name}} 
                                            </span>
                                        </td>
                                        @else
                                        <td class="sorting_1 ">
                                            <span>
                                               --
                                            </span>
                                        </td>
                                        @endif
                                        
                                        <td>
                                            <span>
                                                @if(@$candidateApplication->intake_months && @$candidateApplication->intake_years)
                                                   {{ @$candidateApplication->intake_months}} - {{ @$candidateApplication->intake_years}}
                                                @elseif(@$candidateApplication->intake_months)
                                                   {{ @$candidateApplication->intake_months}}
                                                @elseif(@$candidateApplication->intake_years)
                                                   {{ @$candidateApplication->intake_years}}
                                                @else
                                                    --
                                                @endif
                                            </span>
                                        </td>
                                        <td>
                                            <div>
                                                {{ @$candidateApplication->partner}}
                                            </div>
                                        </td>
                                        <td>
                                            <span>
                                                {{ @$candidateApplication->status}}
                                            </span>
                                        </td>
                                        <td>
                                            @php
                                            $createdAt = @$candidateApplication->candidate->created_at;
                                            $daysDifference = now()->diffInDays($createdAt);
                                            @endphp
                                            <span>
                                                {{ @$daysDifference}}
                                            </span>
                                        </td>
                                        <td>
                                            <div class="d-flex justify-content-between">
                                                {{ @$candidateApplication->next_step}}
                                                <a href="#" class="ms-1" data-toggle="modal"
                                                    data-target="#exampleModal_followUp"
                                                    data-candidate-userid="{{ @$candidateApplication->candidate->user_id }}"
                                                    data-candidate-id="{{ @$candidateApplication->candidate->id }}"
                                                    data-candidate-candidateapplication="{{ @$candidateApplication->id }}"
                                                    data-candidate-name="{{ @$candidateApplication->candidate->user->name }}"
                                                    data-candidate-assignto="{{  @$candidateApplication->candidate->user->assign_to }}"
                                                    data-candidate-universitynmae="{{  @$candidateApplication->university->name }}"
                                                    data-candidate-partner="{{  @$candidateApplication->partner }}">
                                                    <img src="{{ asset('frontend/student-panel/images/edit.svg')}}" alt="edit">
                                                </a>
                                            </div>
                                        </td>


                                        @if (userCan('candidateApplication.update') ||
                                        userCan('candidateApplication.delete'))
                                        <td class="sorting_1 d-flex justify-content-center" tabindex="0">
                                            @if (userCan('candidateApplication.update'))
                                            <a data-toggle="tooltip" data-placement="top" title="{{ __('edit') }}"
                                                href="{{ route('candidateApplication.edit', $candidateApplication->id) }}"
                                                class="btn"><i class="fas fa-edit" style="color:#066AC9;"></i>
                                            </a>
                                            @endif
                                            @if (userCan('candidateApplication.delete'))
                                            <form
                                                action="{{ route('candidateApplication.delete', $candidateApplication->id) }}"
                                                method="POST" class="d-inline">
                                                @method('DELETE')
                                                @csrf
                                                <button data-toggle="tooltip" data-placement="top"
                                                    title="{{ __('delete') }}"
                                                    onclick="return confirm('{{ __('are_you_sure_you_want_to_delete_this_item') }}');"
                                                    class="btn"><img src="{{ asset('frontend/student-panel/images/delete.svg')}}" alt="delete" width="20px" height="20px"></button>
                                            </form>
                                            @endif
                                        </td>
                                        @endif
                                    </tr>
                                    @endforeach
                                    @else
                                    <tr>
                                        <td class="text-center" colspan="9">
                                            {{ __('no_data_found') }}
                                        </td>
                                    </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @if (request('perpage') != 'all' && $candidateApplications->total() >
                    $candidateApplications->count())
                    <div class="mt-3 d-flex justify-content-center">
                        {{ $candidateApplications->links() }}
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

{{-- WhatsApp --}}
<div class="modal fade" id="exampleModal_followUp" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabelW"
    aria-hidden="true">
    <div class="modal-dialog modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabelW">Follow up</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>


            <div class="modal-body">
                <div class="row">
                    <input type="hidden" id="WcandidateId">
                    <input type="hidden" id="WcandidatePartner">
                    <input type="hidden" id="WcandidateUniversityNmae">
                    <input type="hidden" id="WcandidateUserId">
                    <input type="hidden" id="WcandidateApplicationID">
                    <input type="hidden" id="WcandidateassignTo">
                    @if (userCan('admin.assign'))
                    <div class="row" id="WassigntoHide">
                        <div class="col-6">
                            <label data-error="wrong" data-success="right" for="form40">Assign To</label>
                            <select name="Wassign_to" id="Wassign_to" class="form-control mr-3">
                                <option value="">Select Assign To</option>
                                @foreach (array_filter($admin_list, function($item) {
                                return $item['status'] == 1;
                                }) as $option)
                                @if (!@empty($option))
                                <option value="{{ $option['id'] }}">
                                    {{ $option['name'] }}
                                </option>
                                @endif
                                @endforeach
                            </select>
                            <span class="text-danger"></span>
                        </div>
                    </div>
                    @endif

                    <div class="row">

                        <div class="col-md-12">
                            <label data-error="wrong" data-success="right" for="form8">Comment</label>
                            <textarea type="text" id="form8" class="md-textarea form-control" rows="4"
                                name="comment">{{ old('comment') }}</textarea>
                            <span class="text-danger"></span>
                        </div>
                    </div>


                </div>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" onclick="customWhatsApp(event)">Save</button>
                <div id="loader2" class="loader2"></div>
            </div>
        </div>
    </div>
</div>
{{-- end WhatsApp --}}

<div class="modal fade" id="modalContactForm" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
    <div class="modal-content">
        <form class="form-horizontal"
            action="{{ route('candidateApplication.import') }}" method="POST" enctype="multipart/form-data">
            
            @csrf
            <div class="modal-header text-center">
                <h4 class="modal-title w-100 font-weight-bold">Excel File</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <div class="modal-body mx-3">
                <label for="excel_file">Choose Excel File</label>
                <input type="file" class="form-control-file" id="excel_file" name="excel_file" accept=".xls, .xlsx">
                @error('excel_file')
                    <small class="text-danger">{{ $message }}</small>
                @enderror
               

            </div>

            <div class="modal-footer d-flex justify-content-center">
                <button class="btn btn-primary btn bg-primary" type="submit">
                    <i class="fas fa-paper-plane-o ml-1"></i> Import</button>
            </div>
        </form>
    </div>
</div>
</div>
@endsection

@section('style')
<!-- Custom Link -->
<link rel="stylesheet" href="{{ asset('backend/plugins/select2/css/select2.min.css') }}">
<link rel="stylesheet" href="{{ asset('backend/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}">
<style>
    .table {
        margin: 16px 20px;
        overflow:auto;
        display: block;
        width: 98%;
    }

    .course{
        width: 18%;
    }

    .course p{
        margin-bottom: 0;
    }

    td br{
        display: none;
    }

    .table thead th {
        background: #F5F7F9;
        vertical-align: top;
        border-bottom:0 !important;
    }
    .table td, .table th{
        border-top: 0;
        padding: 10px;
    }

    .table>:not(caption)>*>*{
        border-bottom-width:0;
    }

    .table tbody tr:nth-last-of-type(1){
        border-bottom:none;
    }

    td .btn{
        padding: 0px 10px;
    }

    .table thead tr:nth-of-type(1){
        border-top:none;
    }

    .table-bordered td:nth-of-type(1), .table-bordered th:nth-of-type(1),.table-bordered th:nth-last-of-type(1)
    ,.table-bordered tr td:nth-last-of-type(1){
        border:none;
    }

    .select2-container{
        width: 100% !important;
    }
    

    @media screen and (max-width: 1700px){
        table{
            width: 97% !important;
        }
    }

    @media screen and (max-width: 1024px){
        table{
            width: 94% !important;
        }
    }

    /* Extra small devices (phones, 600px and down) */
    @media only screen and (max-width: 600px) {
        .customRow1 {
            margin-top: 10px;
        }

        .customRow2 {
            margin-top: 10px;
            padding-left: 15px;
            padding-right: 15px;
        }

        .customdiv1 {
            margin-top: 5px;
            margin-right: .5rem !important;
        }

        .customdiv2 {
            margin-top: 5px;
            margin-right: .5rem !important;
        }

        .customdiv3 {
            margin-top: 5px;
            margin-bottom: 5px;
            margin-right: .5rem !important;
        }
    }

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

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

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

    .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
        color: #fff;
    }

    body {
        font-family: 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    }

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

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }
</style>

@endsection

@section('script')
{{--
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.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 src="{{ asset('frontend/secondary-theme/assets/js/bootstrap-datepicker.min.js')}}"></script>
<script src="{{ asset('backend/plugins/select2/js/select2.full.min.js') }}"></script>




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

        var universityId = '{{ request("university_id") }}';
        var candidateId = '{{ request("candidate_id") }}';
        $('.select2university').select2({
            theme: 'bootstrap4',
            ajax: {
                url: "{{ route('candidateApplication.universityListByName') }}",
                dataType: 'json',
                type: "POST",
                delay: 250,
                data: function (params) {
                    return {
                        term: params.term,
                        _token: '{{ csrf_token() }}'
                    };
                },
                processResults: function (data) {
                    return {
                        results: data.map(function(item) {
                            console.log(item);
                            return {
                                id: item.id,
                                text: `${item.name} (${item.id})`
                            };
                        })
                    };
                },
                cache: true
            },
            minimumInputLength: 1,
            placeholder: 'Search for universities',
            escapeMarkup: function (markup) {
                return markup;
            },
            templateSelection: function (data) {
                return data.text;
            }
        });

        if (universityId) {
            $.ajax({
                url: "{{ route('candidateApplication.universityListByName') }}", // Change this to your route to get university details by ID
                type: 'POST',
                dataType: 'json',
                data: { id: universityId, _token: '{{ csrf_token() }}' },
                success: function (item) {
                    console.log(item);
                    $('.select2university').append(new Option(`${item.name} (${item.id})`, item.id, true, true)).trigger('change');
                }
            });
        }


        $('.select2candidate').select2({
            theme: 'bootstrap4',
            ajax: {
                url: "{{ route('candidateApplication.candidateListByName') }}",
                dataType: 'json',
                type: "POST",
                delay: 250,
                data: function (params) {
                    return {
                        term: params.term,
                        _token: '{{ csrf_token() }}'
                    };
                },
                processResults: function (data) {
                    return {
                        results: data.map(function(item) {
                            console.log(item);
                            return {
                                id: item.id,
                                text: `${item.name} (${item.user_id})`
                            };
                        })
                    };
                },
                cache: true
            },
            minimumInputLength: 1,
            placeholder: 'Search for Candidate',
            escapeMarkup: function (markup) {
                return markup;
            },
            templateSelection: function (data) {
                return data.text;
            }
        });

        if (candidateId) {
            $.ajax({
                url: "{{ route('candidateApplication.candidateListByName') }}",
                type: 'POST',
                dataType: 'json',
                data: { id: candidateId, _token: '{{ csrf_token() }}' },
                success: function (item) {
                    console.log(item);
                    $('.select2candidate').append(new Option(`${item.name} (${item.id})`, item.id, true, true)).trigger('change');
                }
            });
        }

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

        $('.select2bs4months').select2({
        theme: 'bootstrap4',
        multiple: true,
        tags: true,
        placeholder: 'Select Intake Month'
        
        })

        $('.select2bs4years').select2({
        theme: 'bootstrap4',
        multiple: true,
        tags: true,
        placeholder: 'Select Intake years'
        
        })
    });

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

    $('input[name="created_at"]').on('cancel.daterangepicker', function (ev, picker) {
        $(this).val('');
    });


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

    $('input[name="datetime"]').on('cancel.daterangepicker', function (ev, picker) {
        $(this).val('');
    });

    
    $("#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('candidateApplication.multiple.delete') }}",
            type: "Delete",
            data: {
                ids: value,
                _token: '{{ csrf_token() }}'
            },
            dataType: 'json',
            success: function (result) {
                location.reload();
            }
        });
    };

</script>
<script>
    $(document).ready(function () {
        $('#exampleModal_followUp').on('show.bs.modal', function (event) {
            console.log("test");
            var button = $(event.relatedTarget);
            var candidateId = button.data('candidate-id');
            var candidateUserId = button.data('candidate-userid');
            var candidateApplicationID = button.data('candidate-candidateapplication');
            var candidateassignTo = button.data('candidate-assignto');
            var candidateUniversityNmae = button.data('candidate-universitynmae');
            var candidatePartner = button.data('candidate-partner');
         
            var candidateName = button.data('candidate-name');
            var modal = $(this);

            modal.find('#WcandidateId').val('');
            modal.find('#WcandidateUserId').val('');
            modal.find('#WcandidateApplicationID').val('');
            modal.find('#WcandidateassignTo').val('');
            modal.find('#WcandidateUniversityNmae').val('');
            modal.find('#WcandidatePartner').val('');
            modal.find('#WassigntoHide').addClass('d-none');
            $('select[name="Wassign_to"]').val('');
            if (!candidateassignTo) {
                modal.find('#WassigntoHide').removeClass('d-none');
                var WcandidateassignTo = candidateassignTo;
                $('select[name="Wassign_to"]').val(WcandidateassignTo);
            }
            modal.find('#WcandidatePartner').val(candidatePartner);
            modal.find('#WcandidateUniversityNmae').val(candidateUniversityNmae);
            modal.find('#WcandidateId').val(candidateId);
            modal.find('#WcandidateUserId').val(candidateUserId);
            modal.find('#WcandidateApplicationID').val(candidateApplicationID);
            modal.find('#WcandidateassignTo').val(candidateassignTo);

        });

    });


    function customWhatsApp(event) {
        event.preventDefault();
        var id = $('#WcandidateId').val();
        var userId = $('#WcandidateUserId').val();
        var applicationID = $('#WcandidateApplicationID').val();
        var candidateassignTo = $('#WcandidateassignTo').val();
        var candidatePartner = $('#WcandidatePartner').val();
        var candidateUniversityNmae = $('#WcandidateUniversityNmae').val();
        var assign_to = $('#Wassign_to').val();

        if (candidateassignTo !== null && candidateassignTo !== undefined && candidateassignTo !== '') {
            assign_to = candidateassignTo;
        }

        var comment = $('#form8').val();

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

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

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


        const button = event.target;
        button.style.display = 'none';
        const loader = document.getElementById('loader2');
        loader.style.display = 'inline-block';
        $.ajax({
            url: "{{ route('candidateApplication.storeFollowup', ['id' => ':id']) }}".replace(':id', id),
            type: "post",
            data: {
                id: id,
                userId: userId,
                applicationID: applicationID,
                assign_to: assign_to,
                comment: comment,
                candidatePartner: candidatePartner,
                candidateUniversityNmae: candidateUniversityNmae,
                _token: '{{ csrf_token() }}'
            },
            dataType: 'json',
            success: function (result) {
                loader.style.display = 'none';
                button.style.display = 'inline-block';
                toastr.success("Follow Up Created Successfully!");
                $('#exampleModal_followUp').find('[data-dismiss="modal"]').trigger('click');
                window.location.reload();
            },
            error: function (xhr, status, error) {
                loader.style.display = 'none';
                button.style.display = 'inline-block';
                // Handle the error response, e.g., show an error message
                console.error(xhr.responseText);
                toastr.error("Something Went Wrong.");
            }
        });

    };
</script>
@endsection