@extends('app-new')
@push('head-script')
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/tables/datatable/dataTables.bootstrap5.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/tables/datatable/responsive.bootstrap5.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/components.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/vendors.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/extensions/toastr.min.css">
    
    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <!-- END: Page CSS-->
    
@endpush 
@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">{{trans('recruitment/job-openings.job_openings')}}</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ $orgUrl.'/home' }}">{{trans('recruitment/work-experience.home')}}</a>
                    </li>
                    <li class="breadcrumb-item"><a href="{{ $orgUrl . '/menu-setting' }}">{{trans('recruitment/job-requisition.recruitment')}}</a>
                    </li>
                    <li class="breadcrumb-item active">Job Candidates
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush
@push('prev-next-head')
<div class="content-header-right text-end col-md-3 col-12">
    <div class="form-group breadcrumb-right">
        <a href="javascript:history.back()"
            class="btn btn-secondary btn-sm waves-effect waves-float waves-light"><svg
                xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none"
                stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                class="feather feather-arrow-left-circle">
                <circle cx="12" cy="12" r="10"></circle>
                <polyline points="12 8 8 12 12 16"></polyline>
                <line x1="16" y1="12" x2="8" y2="12"></line>
            </svg> Back</a>
    </div>
</div>
@endpush
@section('content')
    <section id="column-search-datatable">
        <!-- Filters -->
        <form id="filter-form" method="GET">
            <div class="content-header row">
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-start mb-0"></h2>

                        </div>
                    </div>
                </div>
                <div class="content-header-right text-md-end col-md-3 col-12 d-md-block d-none">
                    <div class="mb-1 breadcrumb-right">
                        <div class="dropdown">
                            <button class="btn-icon btn btn-primary btn-round btn-sm dropdown-toggle" type="button"
                                data-bs-toggle="offcanvas" data-bs-target="#offcanvasEnd" aria-controls="offcanvasEnd"
                                type="button"><i data-feather='filter'></i></button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="offcanvas-end-example">
                <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasEnd" aria-labelledby="offcanvasEndLabel">
                    <div class="offcanvas-header">
                        <h5 id="offcanvasEndLabel" class="offcanvas-title">{{ trans('common/common.filter') }}</h5>
                        <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"
                            aria-label="Close"></button>
                    </div>
                    <div class="offcanvas-body my-auto mx-0 flex-grow-0">


                        <label class="form-label mt-2" for="area_id">Candidate Name</label>
                        <select class="form-control select2" name="name[]" id="candidate_id" multiple>
                            <option value="">Select Candidate Name</option>
                            @foreach ($candidates as $candidate)
                                <option value="{{ $candidate->id }}" @if ($candidateIds && in_array($candidate->id, $candidateIds)) selected @endif>
                                    {{ $candidate->first_name }}
                                </option>
                            @endforeach
                        </select>
                                                
                        <label class="form-label mt-2" for="area_id">Candidate Code</label>
                        <select class="form-control select2" name="candidate_code[]" id="candidate_code" multiple>
                            <option value="">Select Candidate Code</option>
                            @foreach ($candidates as $candidate)
                                <option value="{{ $candidate->id }}" @if ($candidateCodeIds && in_array($candidate->id, $candidateCodeIds)) selected @endif>
                                    {{ $candidate->candidate_id }}
                                </option>
                            @endforeach
                        </select>

                        <label class="form-label mt-2" for="area_id">Email</label>
                        <select class="form-control select2" name="email[]" id="email_id" multiple>
                            <option value="">Select Email</option>
                            @foreach ($candidates as $candidate)
                                <option value="{{ $candidate->id }}" @if ($emailIds && in_array($candidate->id, $emailIds)) selected @endif>
                                    {{ $candidate->email }}
                                </option>
                            @endforeach
                        </select>

                        <label class="form-label mt-2" for="area_id">Mobile</label>
                        <select class="form-control select2" name="mobile[]" id="mobile" multiple>
                            <option value="">Select Mobile</option>
                            @foreach ($candidates as $candidate)
                            <option value="{{ $candidate->id }}" @if ($mobileIds && in_array($candidate->id, $mobileIds)) selected @endif>
                                {{ $candidate->mobile }}
                            </option>
                            @endforeach
                        </select>

                        <label class="form-label mt-2" for="area_id"> Source</label>
                        <select class="form-control select2" name="source[]" id="source" multiple>
                            <option value="" >Select Email</option>
                            <option value="linkedin" @if ($sourceIds && in_array('linkedin', $sourceIds)) selected @endif>Linkedin</option>
                            <option value="Online" @if ($sourceIds && in_array('Online', $sourceIds)) selected @endif>Online</option>
                            <option value="Public URL" @if ($sourceIds && in_array('Public URL', $sourceIds)) selected @endif>Public URL</option>
                        </select>

                      
                        <label class="form-label" for="modalEditUserStatus">Current Salary (Per Annum) <span class="text-danger"><strong>*</strong></span></label>
                        <select id="current_salary_id" name="current_salary_id[]" class="form-select select2" aria-label="Current Salary" multiple>
                            <option value="">Status</option>
                            @foreach ($jobSalaries as $jobSalary)
                            <option value="{{ $jobSalary->id }}" @if ($jobSalaryIds && in_array($jobSalary->id, $jobSalaryIds)) selected @endif>{{ $jobSalary->name }}</option>
                            @endforeach
                        </select>
                    
                    
                        <label class="form-label" for="modalEditUserStatus">Expected Salary (Per Annum) <span class="text-danger"><strong>*</strong></span></label>
                        <select id="expected_salary_id" name="expected_salary_id[]" class="form-select select2" aria-label="Expected Salary" multiple>
                            <option value="">Status</option>
                            @foreach ($jobSalaries as $jobSalary)
                            <option value="{{ $jobSalary->id }}" @if ($expectedIds && in_array($jobSalary->id, $expectedIds)) selected @endif>{{ $jobSalary->name }}</option>
                            @endforeach
                        </select>                

                        <label class="form-label" for="modalEditUserStatus">Notice Period <span class="text-danger"><strong>*</strong></span></label>
                        <select id="notice_period_id" name="notice_period_id[]" class="form-select select2" aria-label="notice_period_id period" multiple>
                            <option value="">Status</option>
                            @foreach ($jobNoticePeriods as $jobNoticePeriod)
                            <option value="{{ $jobNoticePeriod->id }}" @if ($jobNoticePeriodIds && in_array($jobNoticePeriod->id, $jobNoticePeriodIds)) selected @endif>{{ $jobNoticePeriod->name }}</option>
                            @endforeach
                        </select>
                    
                        <label class="form-label mt-2" for="area_id">Location</label>
                        <select class="form-control select2" name="location[]" id="location" multiple>
                            <option value="">Select Location</option>
                            @foreach ($candidates as $candidate)
                                <option value="{{ $candidate->id }}" @if ($locationIds && in_array($candidate->id, $locationIds)) selected @endif>
                                    {{ $candidate->location }}
                                </option>
                            @endforeach
                        </select>

                        <label class="form-label mt-2" for="area_id">Job/Position</label>
                        <select class="form-control select2" id="job_decription_id" name="job_decription_id[]" multiple>
                            <option value="">Select Title</option>
                            @foreach($jobDesciptionMasters as $jobDesciptionMaster)
                                <option value="{{$jobDesciptionMaster->id}}" @if ($decriptionIds && in_array($jobDesciptionMaster->id, $decriptionIds)) selected @endif>{{ ucwords($jobDesciptionMaster->title) }}</option>
                            @endforeach
                        </select>
                        
                        <label class="form-label mt-2" for="area_id">Skills</label>
                        <select class="form-control select2" name="skill[]" id="skill" multiple>
                            <option value="">Select </option>
                            @foreach ($skills as $skill)
                                <option value="{{ $skill->id }}" @if ($skillIds && in_array($skill->id, $skillIds)) selected @endif>
                                    {{ $skill->name }}
                                </option>
                            @endforeach
                        </select>
                        <button type="submit" id="apply-filter"
                            class="btn btn-primary mt-2 mb-1 d-grid w-100 d-flex justify-content-center"
                            data-bs-dismiss="offcanvas" aria-label="Close"><i data-feather='search' class="me-2"></i>
                            {{ trans('common/common.search') }}</button>
                    </div>
                </div>
        </form>
        <!-- // Filters // -->
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-datatable table-responsive">
                        <div class="card-header border-bottom p-1">
                            <div class="head-label">
                                <h6 class="mb-0">Job Candidates Listing</h6>
                            </div>
                            <div class="dt-action-buttons text-end">
                                <div class="dt-buttons d-inline-flex"> 
                                    <div class="form-label-group me-2">
                                        <form>
                                            <input type="text" name="search" placeholder="Search by name" id="search" class="form-control" value="{{$search}}"> 
                                        </form>
                                    </div>
                                    <a class="dt-a buttons-collection btn btn-outline-info me-2" href="{{ $orgUrl.'/job-candidate/pdf' }}{{ Request::getQueryString() ? "?".Request::getQueryString():'' }}" >
                                        <span><i class="font-small-4 me-50" data-feather="share"></i>{{trans('common/common.export')}}</span>
                                    </a> 
                                    <a class="dt-button create-new btn btn-primary" tabindex="0" aria-controls="organization" href="{{ $orgUrl.'/job-candidate/create' }}">
                                        <span>
                                            <i class="fa fa-plus" aria-hidden="true"></i> {{ trans('common/common.add_new') }}
                                        </span>
                                    </a> 
                                </div>
                            </div>
                            
                        </div>
                        <table class="dt-column-search table" id="dataTable" data-url="">
                        <thead>
                                <th>id</th>
                                <th>candidate name</th>
                                <th>job/position name</th>
                                <th>View Resume</th>
                                <th>mobile</th>
                                <th>email</th>
                                <th>Skills</th>
                                <th>Gender</th>
                                <th>Notice Period</th>
                                <th>{{trans('recruitment/work-experience.created_by')}}</th>
                                <th>{{trans('recruitment/work-experience.created_date_time')}}</th>
                                <th>{{trans('common/common.actions')}}</th>
                            </thead>
                            <tbody>
                                @if(count($jobCandidates) > 0)
                                    @foreach($jobCandidates as $key => $jobCandidate)
                                    <tr class="even">
                                        <td class="sorting_1">{{ $key+1 }}</td>
                                        <td>
                                            <a href="{{ $orgUrl.'/job-candidate/'.$jobCandidate->id.'/profile' }}">
                                                {{ $jobCandidate->first_name ? $jobCandidate->first_name : '' }} {{ $jobCandidate->last_name ? $jobCandidate->last_name : '' }}
                                            </a>
                                        </td>
                                        <td>{{ $jobCandidate->job ? $jobCandidate->job->posting_title : '#NA' }}</td>
                                        <td>
                                            @if ($jobCandidate->resume)
                                            <a href="{{ $jobCandidate->resume }}" target="_blank">Download</a>
                                            @else
                                            #NA
                                            @endif
                                        </td>
                                        {{-- <td>{{ $jobCandidate->organization->name ? $jobCandidate->organization->name : '' }}</td> --}}
                                        <td>{{ $jobCandidate->mobile ? $jobCandidate->mobile : '' }}</td>
                                        <td>{{ $jobCandidate->email ? $jobCandidate->email : '' }}</td>
                                        <td>
                                            {{$jobCandidate->skill->pluck('name')->implode(', ')}}
                                        </td>
                                        <td>{{ ucfirst($jobCandidate->gender ? $jobCandidate->gender : '' )}}</td>
                                        <td>{{ isset($jobCandidate->noticeperiod) ? $jobCandidate->noticeperiod->name : '' }}</td>
                                        <td>
                                            @if($jobCandidate->created_by_type == 'employee')
                                                {{ isset($jobCandidate->createdByEmployee->name) ? $jobCandidate->createdByEmployee->name : '' }}
                                            @else
                                                {{ isset($jobCandidate->createdByAdmin->name) ? $jobCandidate->createdByAdmin->name : '' }}
                                            @endif
                                        </td>
                                        <td>{{ $jobCandidate->created_at ? date('d/m/Y H:i:s', strtotime($jobCandidate->created_at)) : '' }}</td>
                                        <td> 
                                            <div class="mb-1">
                                                <a class="pe-1 dropdown-toggle hide-arrow text-primary" data-bs-toggle="dropdown">
                                                    <i data-feather="more-vertical" class="font-small-4"></i>
                                                </a>
                                                <div class="dropdown-menu dropdown-menu-end">

                                                    <a class="dropdown-item" href="{{ $orgUrl.'/job-candidate/'.$jobCandidate->id.'/edit' }}"><i data-feather="pen-tool" class="font-4" aria-hidden="true"></i><span class="align-middle"> {{ trans('common/common.edit') }}</span></a>
                                                    <a class="dropdown-item sa-params" href="javascript:;"  data-url="{{ $orgUrl.'/job-candidate/'.$jobCandidate->id.'/delete' }}" data-request="remove" ><i data-feather="trash" class="font-4" aria-hidden="true"></i><span class="align-middle"> {{ trans('common/common.delete') }}</span></a>
                                                    <a class="dropdown-item sa-params" href="{{ $orgUrl.'/job-candidate/'.$jobCandidate->id.'/profile' }}" ><i data-feather="eye" class="font-4" aria-hidden="true"></i><span class="align-middle"> {{ trans('common/common.view') }}</span></a>

                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    @endforeach
                                @endif
                            </tbody>
                        </table>
                        
                        @if(count($jobCandidates) == 0)
                            <div><center>No record(s) found!</center></div>
                        @endif

                        <div class="d-flex justify-content-between mx-0 row">
                            <div class="col-sm-12 col-md-6">
                                <div class="dataTables_info" id="organization_info" role="status" aria-live="polite">Showing {{($jobCandidates->currentpage()-1)*$jobCandidates->perpage()+1}}
                                    to {{(($jobCandidates->currentpage()-1)*$jobCandidates->perpage())+$jobCandidates->count()}}
                                    of {{$jobCandidates->total()}} entries</div>
                            </div>
                            <div class="col-sm-12 col-md-6">
                                {{$jobCandidates->appends(request()->except('page'))->links('partials.pagination')}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--/ Column Search -->
@endsection 
@push('footer-script') 
    <!-- BEGIN: Page Vendor JS-->
    <script src="/app-assets/vendors/js/forms/select/select2.full.min.js"></script>

    <script src="/app-assets/vendors/js/tables/datatable/dataTables.responsive.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/responsive.bootstrap5.js"></script>
    <script src="/app-assets/js/scripts/ui/ui-feather.js"></script>
    
    <!-- END: Page Vendor JS-->
    <script src="/app-assets/vendors/js/extensions/toastr.min.js"></script>


    <!-- BEGIN: Page JS-->
    <script src="{{ asset('js/common-script.js') }}"></script>
    <script src="{{ asset('js/sweetalert.js') }}"></script>

    <!-- END: Page JS-->
    
    <script>
        $("#search").change(function() {
            this.form.submit();
        });

        $(function(){
            $('.select2').select2();
        })
       
    </script>
@endpush