@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' }}">{{trans('recruitment/job-requisition.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-requisition' }}">{{trans('recruitment/job-requisition.job_requisition')}}</a>
                    </li>
                    <li class="breadcrumb-item active">{{trans('recruitment/job-requisition.edit_job_requisition')}}

                    </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-requisition/'.$jobRequisition->id.'/update' }}" redirect="{{ $orgUrl.'/job-requisition' }}">
    <input type="hidden" name="_method" value="PUT">
    <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">{{trans('recruitment/job-requisition.job_requisition')}}</span>
                            <span class="bs-stepper-subtitle">{{trans('recruitment/job-requisition.add_job_requisition_detail')}}</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: 470px">
                    <div class="content-header">
                        <h5 class="mb-0">{{trans('recruitment/job-requisition.job_requisition')}}</h5>
                        <small class="text-muted">{{trans('recruitment/job-requisition.enter_job_requisition_detail')}}</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="position_title">{{trans('recruitment/job-requisition.position_title')}} <span class="mendatory-field text-danger">*</span></label>
                                <input type="hidden" name="position_title" value="{{ $jobDesciption ? $jobDesciption->title : $jobRequisition->position_title }}" id="position_title">
                                <select class="form-control select2" id="job_decription_id" name="job_decription_id" >
                                    <option value="">Select Title</option>
                                    @foreach($jobDesciptionMasters as $jobDesciptionMaster)
                                        <option value="{{$jobDesciptionMaster->id}}"  data-title="{{$jobDesciptionMaster->title}}" @if(old('job_decription_id',($jobDesciption ? $jobDesciption->id : $jobRequisition->job_decription_id)) == $jobDesciptionMaster->id) selected @endif>{{ ucwords($jobDesciptionMaster->title) }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="number_of_position">{{trans('recruitment/job-requisition.number_of_position')}}<span class="mendatory-field text-danger">*</span></label>
                                <input type="text" class="form-control" id="number_of_position" name="number_of_position" value="{{ old('number_of_position',$jobRequisition->number_of_position) }}">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="education">{{trans('recruitment/job-requisition.education')}} <span class="mendatory-field text-danger">*</span></label>
                                <input type="text" value="{{ old('education',($jobDesciption ? $jobDesciption->education : $jobRequisition->education)) }}" name="education" class="form-control" id="education">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="work_experience">{{trans('recruitment/job-requisition.work_experience')}}<span class="mendatory-field text-danger">*</span></label>
                                <select class="form-control select2" id="work_experience" name="work_experience" >
                                    <option value="">Select Experience</option>
                                    @foreach($workExperiences as $workExperience)
                                        <option value="{{$workExperience->name}}"  @if(old('work_experience',($jobDesciption ? $jobDesciption->work_experience_id : $jobRequisition->experience_id)) == $workExperience->id) selected @endif>{{ ucfirst($workExperience->name) }}</option>
                                    @endforeach
                                </select> 
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="skill">{{trans('recruitment/job-requisition.skill')}}<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->name}}"  {{ in_array($skill->id, $jobRequisitionSkill) ? 'selected' : '' }}>{{ ucfirst($skill->name) }}</option>
                                    @endforeach
                                </select> 
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="approval_authority">{{trans('recruitment/job-requisition.approval_authority')}}<span class="mendatory-field text-danger">*</span></label>
                                <select class="form-control select2" id="approval_authority" name="approval_authority" >
                                    @foreach($users as $user)
                                        <option value="{{$user->id}}"  @if(old('approval_authority',$jobRequisition->approval_authority) == $user->id) selected @endif>{{ ucwords($user->name) }}</option>
                                    @endforeach
                                </select> 
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="mb-1">
                                <label class="form-label" for="responsibility">{{trans('recruitment/job-requisition.responsibility')}}<span class="mendatory-field text-danger">*</span></label>
                                <textarea name="responsibility" id="responsibility" class="ckeditor"> {{ old('responsibility',old('skill',($jobDesciption ? $jobDesciption->description : $jobRequisition->responsibility))) }} </textarea>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="mb-1">
                                <label class="form-label" for="additional_remarks">{{trans('recruitment/job-requisition.additional_remarks')}}</label>
                                <textarea name="additional_remarks" id="additional_remarks" class="ckeditor"> {{ old('responsibility',old('additional_remarks',$jobRequisition->additional_remarks)) }} </textarea>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        {{-- <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="turn_around_time">{{trans('recruitment/job-requisition.turn_around_time')}} <span class="mendatory-field text-danger">*</span></label>
                                <input type="text" value="{{ old('turn_around_time',$jobRequisition->turn_around_time) }}" name="turn_around_time" class="form-control numberonly" id="turn_around_time">
                            </div>
                        </div> --}}
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="requisition_type">{{trans('recruitment/job-requisition.reason_type')}}<span class="mendatory-field text-danger">*</span></label>
                                <select class="form-control select2" id="requisition_type" name="requisition_type" >
                                    <option value="">Select Reason Type</option>
                                    @foreach($reason_type as $type)
                                        <option value="{{$type}}"  @if(old('requisition_type',$jobRequisition->requisition_type) == $type) selected @endif>{{ ucwords($type) }}</option>
                                    @endforeach
                                </select> 
                            </div>
                        </div>
                        <div class="col-md-6 replacementType" style="display: none">
                            <div class="mb-1">
                                <label class="form-label" for="emp_name">{{trans('recruitment/job-requisition.emp_name')}} <span class="mendatory-field text-danger">*</span></label>
                                <input type="hidden" value="{{ old('emp_name',$jobRequisition->emp_name) }}" name="emp_name" class="form-control" id="emp_name">
                                <select class="form-control select2" id="emp_id" name="emp_id" >
                                    <option value="">Select Employee</option>
                                    @foreach($employees as $employee)
                                        <option value="{{$employee->id}}" data-empName="{{$employee->name}}" data-empDateOfLeave="{{$employee->date_of_leaving}}" @if(old('emp_id',$jobRequisition->emp_id) == $employee->id) selected @endif>{{ ucwords($employee->name) }}</option>
                                    @endforeach
                                </select> 
                            </div>
                        </div>
                    </div>
                    <div class="row replacementType" style="display: none" id="replacementType">
                        {{-- <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="emp_name">{{trans('recruitment/job-requisition.emp_name')}} <span class="mendatory-field text-danger">*</span></label>
                                <input type="text" value="{{ old('emp_name',$jobRequisition->emp_name) }}" name="emp_name" class="form-control" id="emp_name">
                            </div>
                        </div> --}}
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="emp_date_of_exit">{{trans('recruitment/job-requisition.emp_date_of_exit')}} <span class="mendatory-field text-danger">*</span></label>
                                <input type="date" value="{{ old('emp_date_of_exit',$jobRequisition->emp_date_of_exit) }}" name="emp_date_of_exit" class="form-control" id="emp_date_of_exit" readonly>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="mb-1">
                                <h4>{{ trans('recruitment/job-requisition.work_location') }}</h4>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="country_id">{{trans('recruitment/job-requisition.country')}}</label>
                                <select class="form-control select2" id="country_id" name="country_id" onchange="getState(this.value)" >
                                    <option value="">Select Country</option>
                                    @foreach($countries as $country)
                                        <option value="{{$country->id}}" @if((old('country_id',$jobRequisition->country_id) == $country->id)) selected @endif>{{$country->name}}</option>
                                    @endforeach
                                </select> 

                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="state_id" >{{trans('recruitment/job-requisition.state')}}</label>
                                <select class="form-control select2" id="state_id" name="state_id" onchange="getCity(this.value)" >
                                    <option value="">Select State</option>
                                    @foreach($states as $state)
                                        <option value="{{$state->id}}" @if((old('state_id',$jobRequisition->state_id) == $state->id)) selected @endif>{{$state->name}}</option>
                                    @endforeach   
                                </select> 
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="city_id">{{trans('recruitment/job-requisition.city')}}</label>
                                <select class="form-control select2" id="city_id" name="city_id" >
                                    <option value="">Select City</option>
                                    @foreach($cities as $city)
                                        <option value="{{$city->id}}" @if(old('city_id',$jobRequisition->city_id) == $city->id) selected @endif>{{$city->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="zip_code">{{trans('recruitment/job-requisition.zip_code')}} </label>
                                <input type="text" value="{{ old('zip_code',$jobRequisition->zip_code) }}" name="zip_code" class="form-control" id="zip_code">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="address">{{trans('recruitment/job-requisition.address')}} </label>
                                <input type="text" value="{{ old('address',$jobRequisition->address) }}" name="address" class="form-control" id="address">
                            </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 src="https://cdn.ckeditor.com/4.16.2/standard-all/ckeditor.js"></script>

<script>
$(document).ready(function() {
    $("#skill").select2({
        tags: true
    });

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

CKEDITOR.replace('responsibility', {
    height: 200,
    extraPlugins: 'colorbutton,colordialog',
    removeButtons: 'PasteFromWord'
});

CKEDITOR.replace('additional_remarks', {
    height: 200,
    extraPlugins: 'colorbutton,colordialog',
    removeButtons: 'PasteFromWord'
});

$(document).on('click', '[data-request="ajax-submit"]', function () {
    var responsibility = CKEDITOR.instances.responsibility.getData();
    var additional_remarks = CKEDITOR.instances.additional_remarks.getData();
    $("#responsibility").val(responsibility);
    $("#additional_remarks").val(additional_remarks);

});

$(document).ready(function(){
    if($('#requisition_type').val() == 'replacement'){
        $('.replacementType').show();
    }
    if($('#requisition_type').val() == 'new post'){
        $('.replacementType').hide();
    }
});

$('#requisition_type').on("change", function(){
    if($(this).val() == 'replacement'){
        $('.replacementType').show();
    }
    if($(this).val() == 'new post'){
        $('.replacementType').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);
        }
    });
}
$(document).ready(function() {
    if ($('#country_id').val() && !$('#state_id').val()) {
        getState($('#country_id').val());
    }
});

$('#job_decription_id').on("change", function(){
    var url = "{{ $orgUrl.'/job-requisition/'.$jobRequisition->id.'/edit?descriptionId=' }}"+$(this).val();
    window.location = url;
    // var title = "{{ @$jobDesciption->title }}";
    // var descriptionId = "{{ @$jobDesciption->id }}";
    // var position_title = $(this).find(':selected').attr('data-title');
    // $('#position_title').val(title);
});

$('#emp_id').on("change", function(){
    var empName = $(this).find(':selected').attr('data-empName');
    var empDateOfLeave = $(this).find(':selected').attr('data-empDateOfLeave');
    $('#emp_name').val(empName);
    $('#emp_date_of_exit').val(empDateOfLeave);
})
</script>

@endpush