@extends('app-new')

@push('head-script')
    <!-- BEGIN: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/forms/wizard/bs-stepper.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/flatpickr/flatpickr.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/pickadate/pickadate.css">
    <!-- END: Vendor CSS-->

    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-validation.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/form-wizard.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-pickadate.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' }}">Home</a>
                    </li>
                    <li class="breadcrumb-item"><a href="{{ $orgUrl . '/menu-setting' }}">{{trans('recruitment/job-requisition.recruitment')}}</a>
                    </li>
                    <li class="breadcrumb-item"><a href="{{ $orgUrl.'/job-candidate' }}">Job Candidates</a>
                    </li>
                    <li class="breadcrumb-item active">
                       Edit 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')
<!-- Basic multiple Column Form section start -->
<form role="post-data" method="POST" action="{{ $orgUrl.'/job-candidate/'.$jobCandidate->id.'/update' }}" redirect="{{ $orgUrl.'/job-candidate' }}">
    <section class="vertical-wizard">
        <div class="bs-stepper vertical vertical-wizard-example">
            <div class="bs-stepper-header">
                <div class="step" data-target="#personal-info-vertical" role="tab" id="personal-info-vertical-trigger">
                    <button type="button" class="step-trigger">
                        <span class="bs-stepper-box">1</span>
                        <span class="bs-stepper-label">
                            <span class="bs-stepper-title">Job Candidates</span>
                            <span class="bs-stepper-subtitle">Update Job Candidates</span>
                        </span>
                    </button>
                </div>
            </div>
            <div class="bs-stepper-content">
                <div id="personal-info-vertical" class="content position-relative" role="tabpanel" aria-labelledby="personal-info-vertical-trigger" style="min-height: 870px">
                    <div class="content-header">
                        <h5 class="mb-0">Job Candidates Details</h5>
                        <small class="text-muted">Enter Job Candidates Details</small>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <input type="hidden" name="organization_id" value="{{$organization->id}}">
                            <div class="mb-1">
                                <label class="form-label" for="first_name">First Name <span class="mendatory-field text-danger">*</span></label>
                                <input type="text" value="{{ isset($jobCandidate->first_name ) ? $jobCandidate->first_name  : old('first_name')}}" name="first_name" class="form-control" placeholder="Enter First Name" id="first_name">
                                {!! $errors->first('first_name', '<label class="error" for="first_name">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="last_name">Last Name <span class="mendatory-field text-danger">*</span></label>
                                <input type="text" value="{{ isset($jobCandidate->last_name ) ? $jobCandidate->last_name  : old('last_name')}}" name="last_name" class="form-control" placeholder="Enter Last Name" id="last_name">
                                {!! $errors->first('last_name', '<label class="error" for="last_name">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="job_id"> Job/Position Name <span class="mendatory-field text-danger">*</span></label>
                                <select class="form-control select2" id="job_id" name="job_id">
                                    <option value="">Select</option>
                                    @foreach($jobs as $val)
                                        <option value="{{$val->id}}"  {{ $jobCandidate->job_id == $val->id ? 'selected' : '' }}>{{ ucfirst($val->posting_title) }}</option>
                                    @endforeach
                                </select>                               
                                {!! $errors->first('job_id', '<label class="error" for="job_id">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="mobile"> Mobile <span class="mendatory-field text-danger">*</span></label>
                                <input type="text" value="{{ isset($jobCandidate->mobile ) ? $jobCandidate->mobile  : old('mobile')}}" name="mobile" class="form-control" placeholder="Enter mobile" id="mobile">
                                {!! $errors->first('mobile', '<label class="error" for="mobile">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="email"> Email <span class="mendatory-field text-danger">*</span></label>
                                <input type="text" value="{{ isset($jobCandidate->email ) ? $jobCandidate->email  : old('email')}}" name="email" class="form-control" placeholder="Enter email" id="email">
                                {!! $errors->first('email', '<label class="error" for="email">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="gender"> Gender <span class="mendatory-field text-danger">*</span></label>
                                <select class="form-control select2" id="gender" name="gender">
                                    <option value="">Select</option>
                                    <option value="male" {{ $jobCandidate->gender == 'male' ? 'selected' : '' }}>Male</option>
                                    <option value="female"{{ $jobCandidate->gender == 'female' ? 'selected' : '' }} >Female</option>
                                    <option value="others" {{ $jobCandidate->gender == 'others' ? 'selected' : '' }}>Others</option>
                                </select>   
                                {!! $errors->first('gender', '<label class="error" for="gender">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="skill">{{trans('recruitment/job-requisition.skills')}}<span class="mendatory-field text-danger">*</span></label>
                                <select class="form-control select2" id="skill" name="skill[]" multiple>
                                    <option value="">Select Skill</option>
                                    @foreach($skills as $skill)
                                        <option value="{{$skill->id}}"@if ($jobCandidate->skill->pluck('id')->contains($skill->id)) selected @endif>{{ ucfirst($skill->name) }}</option>
                                    @endforeach
                                </select> 
                            </div>        
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="work_experience"> Experience <span class="mendatory-field text-danger">*</span></label>
                                <select class="form-control select2" id="work_experience" name="work_experience">
                                    <option value="">Select</option>
                                    @foreach($workExperience as $val)
                                        <option value="{{$val->name}}"  {{ $jobCandidate->work_experience_id == $val->id ? 'selected' : '' }}>{{ ucfirst($val->name) }}</option>
                                    @endforeach
                                </select>    
                                {!! $errors->first('work_experience', '<label class="error" for="work_experience">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="expected_salary_id"> Notice Period <span class="mendatory-field text-danger">*</span></label>
                                <select class="form-control select2" id="notice_period_id" name="notice_period_id">
                                    <option value="">Select</option>
                                    @foreach($jobNoticePeriods as $val)
                                        <option value="{{$val->id}}"  {{ $jobCandidate->notice_period_id == $val->id ? 'selected' : '' }}>{{ ucfirst($val->name) }}</option>
                                    @endforeach
                                </select>    
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1  {{{ $errors->has('name') ? 'has-error' : '' }}}">
                                <label class="form-label" for="expected_salary_id"> Expected Salary (Per Annum) <span class="mendatory-field text-danger">*</span></label>
                                <select class="form-control select2" id="expected_salary_id_id" name="expected_salary_id">
                                    <option value="">Select</option>
                                    @foreach($jobSalaries as $val)
                                        <option value="{{$val->id}}"  {{ $jobCandidate->expected_salary_id == $val->id ? 'selected' : '' }}>{{ ucfirst($val->name) }}</option>
                                    @endforeach
                                </select>    
                                {!! $errors->first('expected_salary_id', '<label class="error" for="expected_salary_id">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1  {{{ $errors->has('name') ? 'has-error' : '' }}}">
                                <label class="form-label" for="current_salary_id"> Current Salary (Per Annum) <span class="mendatory-field text-danger">*</span></label>
                                <select class="form-control select2" id="current_salary_id" name="current_salary_id">
                                    <option value="">Select</option>
                                    @foreach($jobSalaries as $val)
                                        <option value="{{$val->id}}"  {{$jobCandidate->current_salary_id == $val->id ? 'selected' : '' }}>{{ ucfirst($val->name) }}</option>
                                    @endforeach
                                </select>    
                                {!! $errors->first('current_salary_id', '<label class="error" for="current_salary_id">:message</label>')!!}
                            </div>
                        </div>
                        {{-- @php
                            dd($jobCandidate->current_employment_status, $onBoard);
                        @endphp --}}
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="current_employment_status"> Current Employer Status<span class="mendatory-field text-danger">*</span></label>
                                <select class="form-control select2" id="current_employment_status" name="current_employment_status" onchange="employmentStatus(this.value);">
                                    <option value="">Select</option>
                                    @foreach($onBoard as $val)
                                        <option value="{{$val}}"  {{ $jobCandidate->current_employment_status == $val ? 'selected' : '' }}>{{ ucfirst($val) }}</option>
                                    @endforeach
                                </select>                               
                                {!! $errors->first('current_employment_status', '<label class="error" for="current_employment_status">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-md-6" id="current_employer_details_div">
                            <div class="mb-1">
                                <label class="form-label" for="current_employer_details"> Current Employer Details <span class="mendatory-field text-danger">*</span></label>
                                <input type="text" value="{{ isset($jobCandidate->current_employer_details) ? $jobCandidate->current_employer_details : old('current_employer_details') }}" name="current_employer_details" class="form-control" placeholder="Enter Current Employer Details" id="current_employer_details">
                                {!! $errors->first('current_employer_details', '<label class="error" for="current_employer_details">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="resume"> Resume <span class="mendatory-field text-danger">*</span></label>
                                <input type="file" class="fileinput form-control attachments mb-2" name="resume" data-filename-placement="inside" title="Browse"/>
                                {!! $errors->first('resume', '<label class="error" for="resume">:message</label>')!!}
                                <span style="font-size: 0.857rem;"><i>{{ trans('common/common.uploadResumeCaption') }}</i></span>
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="source"> Source <span class="mendatory-field text-danger">*</span></label>
                                <input type="text" value="{{ isset($jobCandidate->source ) ? $jobCandidate->source  : old('source')}}" name="source" class="form-control" placeholder="Enter source" id="source">
                                {!! $errors->first('source', '<label class="error" for="source">:message</label>')!!}
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="country_id">Country </label>
                                <select class="form-control select2" id="country_id" name="country_id" onchange="getState(this.value)">
                                    <option value="">Select</option>
                                    @foreach($countries as $val)
                                        <option value="{{$val->id}}"  {{ $jobCandidate->country_id == $val->id ? 'selected' : '' }}>{{ ucfirst($val->name) }}</option>
                                    @endforeach
                                </select>                               
                                {!! $errors->first('country_id', '<label class="error" for="country_id">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="state_id"> State </label>
                                <select class="form-control select2" id="state_id" name="state_id" onchange="getCity(this.value)" >
                                    <option value="">Select</option>
                                    @foreach($states as $val)
                                        <option value="{{$val->id}}"  {{ $jobCandidate->state_id == $val->id ? 'selected' : '' }}>{{ ucfirst($val->name) }}</option>
                                    @endforeach
                                </select>                               
                                {!! $errors->first('state_id', '<label class="error" for="state_id">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="city_id"> City </label>
                                <select class="form-control select2" id="city_id" name="city_id">
                                    <option value="">Select</option>
                                    @foreach($cities as $val)
                                        <option value="{{$val->id}}"  {{ $jobCandidate->city_id == $val->id ? 'selected' : '' }}>{{ ucfirst($val->name) }}</option>
                                    @endforeach
                                </select>                               
                                {!! $errors->first('city_id', '<label class="error" for="city_id">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="location"> Location </label>
                                <input type="text" value="{{ isset($jobCandidate->location ) ? $jobCandidate->location  : old('location')}}" name="location" class="form-control" placeholder="Enter location" id="location">
                                {!! $errors->first('location', '<label class="error" for="location">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="pincode"> Pincode </label>
                                <input type="text" value="{{ isset($jobCandidate->pincode ) ? $jobCandidate->pincode  : old('pincode')}}" name="pincode" class="form-control" placeholder="Enter pincode" id="pincode">
                                {!! $errors->first('pincode', '<label class="error" for="pincode">:message</label>')!!}
                            </div>
                        </div>
                        {{-- <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="status"> Status <span class="mendatory-field text-danger">*</span></label>
                                <select class="form-control select2" id="status" name="status">
                                    @foreach($currentEmployer as $val)
                                        <option value="{{$val}}"  {{ old('status',$jobCandidate->status) == $val ? 'selected' : '' }}>{{ ucfirst($val) }}</option>
                                    @endforeach
                                </select>                               
                                {!! $errors->first('status', '<label class="error" for="status">:message</label>')!!}
                            </div>
                        </div> --}}
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="onboard"> On Board <span class="mendatory-field text-danger">*</span></label>
                                <select class="form-control select2" id="onboard" name="onboard">
                                    @foreach($onBoard as $val)
                                        <option value="{{$val}}"  {{ old('onboard',$jobCandidate->onboard) == $val ? 'selected' : '' }}>{{ ucfirst($val) }}</option>
                                    @endforeach
                                </select>                               
                                {!! $errors->first('onboard', '<label class="error" for="onboard">:message</label>')!!}
                            </div>
                        </div>
                        <div class="content-footer position-absolute bottom-0 col-md-12">
                            <div class="d-flex justify-content-between content-footer">
                                <button type="button" data-request="ajax-submit" data-target="[role=post-data]" class="btn btn-success btn-submit user-submit" id="submit-text">{{trans('common/common.submit')}}</button>
                            </div>
                        </div>
                    </div>
                    <br>
                    <br>
                    <div class="content-footer position-absolute bottom-0 col-md-12">
                        <div class="d-flex justify-content-between content-footer">
                            <button type="button" data-request="ajax-submit" data-target="[role=post-data]" class="btn btn-success btn-submit user-submit" id="submit-text">{{trans('common/common.submit')}}</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
 
</form>
<!-- Basic Floating Label Form section end -->

@endsection 

@push('footer-script')

<!-- BEGIN: Page Vendor JS-->
<script src="/app-assets/vendors/js/forms/wizard/bs-stepper.min.js"></script>
<script src="/app-assets/vendors/js/forms/select/select2.full.min.js"></script>
<script src="/app-assets/vendors/js/forms/validation/jquery.validate.min.js"></script>
<script src="/app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.date.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.time.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/legacy.js"></script>
<!-- END: Page Vendor JS-->

<!-- BEGIN: Page JS-->
<script src="/app-assets/js/scripts/forms/form-wizard.js"></script>
<script src="/app-assets/js/scripts/forms/form-validation.js"></script>
<script src="/app-assets/js/scripts/forms/pickers/form-pickers.js"></script>
<!-- END: Page JS-->

<script src="{{ asset('js/common-script.js') }}"></script>
<script src="{{ asset('js/sweetalert.js') }}"></script>
<script>


$(document).ready(function () {
    $("#current_employer_details_div").hide();
    var empStatus = $("#current_employment_status").val();
    if (empStatus == 'Yes') {
        $("#current_employer_details_div").show();
    }else{
        $("#current_employer_details_div").hide();
    }

    $("#work_experience").select2({
        tags: true
    });
});

function employmentStatus(val){
    if(val == 'Yes'){
        $("#current_employer_details_div").show();
    }else{
        $("#current_employer_details_div").hide();
    }
}

function getState (country_id) {
    var url = "{{ $ajaxUrl.'ajax/states'}}";
    $.ajax({
        url: url,
        type: "POST",
        data: {
            "_token": "{{ csrf_token() }}",
            "country_id": country_id},
            success: function (data) {
            op = '<option value="">Select State</option>';
            $.each(data,function(key,value){
                op += '<option value='+key+'>'+value+'</option>';
                
            });
            $('#state_id').html(op);
        }
    });
}

function getCity (state_id) {
    var url = "{{ $ajaxUrl.'ajax/cities'}}";
    $.ajax({
        url: url,
        type: "POST",
        data: {
            "_token": "{{ csrf_token() }}",
            "state_id": state_id},
        success: function (data) {
            op = '<option value="">Select City</option>';
            $.each(data,function(key,value){
                op += '<option value='+key+'>'+value+'</option>';
            });
            $('#city_id').html(op);
        }
    });

}

</script>

@endpush