@extends('admin.layouts.admin')

@section('content')
<!-- Page Content-->
<div class="page-content-tab">
    <div class="container-fluid">
        <!-- Page-Title -->
        <div class="row">
            <div class="col-sm-12">
                <div class="page-title-box">
                    <h3>Update Job Title</h3>
                    <div class="float-right">
						<ol class="breadcrumb">
							<li class="breadcrumb-item">
								<a href="javascript:void(0);">Setting</a>
							</li>
							<li class="breadcrumb-item">
								<a href="/admin/jobTitle">Job Titles</a>
							</li>
							<li class="breadcrumb-item active">Update Job Title</li>
						</ol>
					</div>
                </div>
                <!--end page-title-box-->
            </div>
            <!--end col-->
        </div>
        <!--end row-->
        <!-- end page title end breadcrumb -->
        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-body">

                        <form method="POST" action="{{ url()->route('jobTitle.update', ['id' => $title->id]) }}" >
                        @csrf
                            <div class="card">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="validationCustom01" class="mb-2 text-bold-600 text-uppercase">Job Title<span class="text-danger">*</span> </label>
                                                <input type="text" class="form-control required" name="name"  id="validationCustom01" value="{{ $title->name ?? '' }}"  required>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="category" class="mb-2 text-bold-600 text-uppercase">Category </label>
                                                <select class="form-control" id="category" name="category" required>
                                                    <option selected disabled value="">Select</option>
                                                    <option {{ ($title->category == "Field Force") ? 'selected="selected"' : '' }} value="Field Force">Field Force</option>
                                                    <option {{ ($title->category == "Deskjob") ? 'selected="selected"' : '' }} value="Deskjob">Desk Job</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="work_station" class="mb-2 text-bold-600 text-uppercase">Work Station </label>
                                                <select class="form-control" id="work_station" name="work_station" >
                                                    <option selected disabled value="">Select</option>
                                                    <option {{ ($title->work_station == "Office") ? 'selected="selected"' : '' }} value="Office">Office</option>
                                                    <option {{ ($title->work_station == "Field") ? 'selected="selected"' : '' }} value="Field">Field</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="criteria" class="mb-2 text-bold-600 text-uppercase">Job Criteria </label>
                                                <select class="form-control" id="criteria" name="criteria" >
                                                    <option selected disabled value="">Select</option>
                                                    <option {{ ($title->criteria == "Contractual") ? 'selected="selected"' : '' }} value="Contractual">Contractual</option>
                                                    <option {{ ($title->criteria == "Permanent") ? 'selected="selected"' : '' }} value="Permanent">Permanent</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="salary" class="mb-2 text-bold-600 text-uppercase">Salary </label>
                                                <input type="text" class="form-control" name="salary"  id="salary" value="{{ $title->salary ?? '' }}">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="education_qualification" class="mb-2 text-bold-600 text-uppercase">Education Qualification </label>
                                                <select class="form-control" id="education_qualification" name="education_qualification" >
                                                    <option selected disabled value="">Select</option>
                                                    @foreach($jobEducations as $education)
                                                        <option {{ ($title->education_qualification == $education->id) ? 'selected="selected"' : '' }} value="{{ $education->id ?? ''}}">{{ $education->name ?? ''}}</option>
                                                    @endforeach
                                                    
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="experience_range" class="mb-2 text-bold-600 text-uppercase">Experience Range</label>
                                                <input type="text" class="form-control " name="experience_range"  id="experience_range" value="{{ $title->experience_range_low ?? '0' }} - {{ $title->experience_range_high ?? '0' }}" >
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="mobile_configuration" class="mb-2 text-bold-600 text-uppercase">Android Mobile Configuration 3/32 </label>
                                                <select class="form-control" id="mobile_configuration" name="mobile_configuration">
                                                    <option selected disabled value="">Select</option>
                                                    <option {{ ($title->mobile_configuration == "YES") ? 'selected="selected"' : '' }} value="YES">Yes</option>
                                                    <option {{ ($title->mobile_configuration == "NO") ? 'selected="selected"' : '' }} value="NO">No</option>
                                                    <option {{ ($title->mobile_configuration == "NA") ? 'selected="selected"' : '' }} value="NA">NA</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="age_range" class="mb-2 text-bold-600 text-uppercase">Age Range</label>
                                                <input type="text" class="form-control" name="age_range"  id="age_range" value="{{ $title->age_range_low ?? '0' }} - {{ $title->age_range_high ?? '0' }}">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="tech_savy" class="mb-2 text-bold-600 text-uppercase">Tech Savy </label>
                                                <select class="form-control" id="tech_savy" name="tech_savy">
                                                    <option selected disabled value="">Select</option>
                                                    <option {{ ($title->tech_savy == "YES") ? 'selected="selected"' : '' }} value="YES">Yes</option>
                                                    <option {{ ($title->tech_savy == "NO") ? 'selected="selected"' : '' }} value="NO">No</option>
                                                    <option {{ ($title->tech_savy == "NA") ? 'selected="selected"' : '' }} value="NA">NA</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="pc_operation_knowledge" class="mb-2 text-bold-600 text-uppercase">Laptop/PC Operation Knowledge</label>
                                                <select class="form-control" id="pc_operation_knowledge" name="pc_operation_knowledge">
                                                    <option selected disabled value="">Select</option>
                                                    <option {{ ($title->pc_operation_knowledge == "YES") ? 'selected="selected"' : '' }} value="YES">Yes</option>
                                                    <option {{ ($title->pc_operation_knowledge == "NO") ? 'selected="selected"' : '' }} value="NO">No</option>
                                                    <option {{ ($title->pc_operation_knowledge == "NA") ? 'selected="selected"' : '' }} value="NA">NA</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="social_media_integration" class="mb-2 text-bold-600 text-uppercase">Social Media Integration </label>
                                                <select class="form-control" id="social_media_integration" name="social_media_integration">
                                                    <option selected disabled value="">Select</option>
                                                    <option {{ ($title->social_media_integration == "YES") ? 'selected="selected"' : '' }} value="YES">Yes</option>
                                                    <option {{ ($title->social_media_integration == "NO") ? 'selected="selected"' : '' }} value="NO">No</option>
                                                    <option {{ ($title->social_media_integration == "NA") ? 'selected="selected"' : '' }} value="NA">NA</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="communication_skill" class="mb-2 text-bold-600 text-uppercase">Communication Skill</label>
                                                <select class="form-control" id="communication_skill" name="communication_skill">
                                                    <option selected disabled value="">Select</option>
                                                    <option {{ ($title->communication_skill == "YES") ? 'selected="selected"' : '' }} value="YES">Yes</option>
                                                    <option {{ ($title->communication_skill == "NO") ? 'selected="selected"' : '' }} value="NO">No</option>
                                                    <option {{ ($title->communication_skill == "NA") ? 'selected="selected"' : '' }} value="NA">NA</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="job_location" class="mb-2 text-bold-600 text-uppercase">Job Location</label>
                                                <select class="form-control select2" id="job_location" name="job_location[]" multiple="multiple">  
                                                    @foreach($jobAreas as $area)
                                                        @if(in_array($area->id, $title_locations))
                                                        <option value="{{ $area->id }}" selected="true">{{ $area->name }}</option>
                                                        @else
                                                        <option value="{{ $area->id }}">{{ $area->name }}</option>
                                                        @endif 
                                                    @endforeach
                                                </select>

                                               
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="long_time_conversation" class="mb-2 text-bold-600 text-uppercase">Able to Long time conversation over phone</label>
                                                <select class="form-control" id="long_time_conversation" name="long_time_conversation">
                                                    <option selected disabled value="">Select</option>
                                                    <option {{ ($title->long_time_conversation == "YES") ? 'selected="selected"' : '' }} value="YES">Yes</option>
                                                    <option {{ ($title->long_time_conversation == "NO") ? 'selected="selected"' : '' }} value="NO">No</option>
                                                    <option {{ ($title->long_time_conversation == "NA") ? 'selected="selected"' : '' }} value="NA">NA</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="chronic_disease" class="mb-2 text-bold-600 text-uppercase">Chronic Disease</label>
                                                <select class="form-control" id="chronic_disease" name="chronic_disease">
                                                    <option selected disabled value="">Select</option>
                                                    <option {{ ($title->chronic_disease == "YES") ? 'selected="selected"' : '' }} value="YES">Yes</option>
                                                    <option {{ ($title->chronic_disease == "NO") ? 'selected="selected"' : '' }} value="NO">No</option>
                                                    <option {{ ($title->chronic_disease == "NA") ? 'selected="selected"' : '' }} value="NA">NA</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">                                        
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="able_to_meet_target" class="mb-2 text-bold-600 text-uppercase">Able to Meet Target</label>
                                                <select class="form-control" id="able_to_meet_target" name="able_to_meet_target">
                                                    <option selected disabled value="">Select</option>
                                                    <option {{ ($title->able_to_meet_target == "YES") ? 'selected="selected"' : '' }} value="YES">Yes</option>
                                                    <option {{ ($title->able_to_meet_target == "NO") ? 'selected="selected"' : '' }} value="NO">No</option>
                                                    <option {{ ($title->able_to_meet_target == "NA") ? 'selected="selected"' : '' }} value="NA">NA</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <button class="btn btn-primary" type="submit">Update Job Title</button>
                                    </div>
                                </div>
                            </div>

                            
                        </form>

                    </div><!--end card-body-->
                </div><!--end card-->
            </div><!--end col-->
        </div><!--end row-->
    </div>
    <!-- container -->
    <footer class="footer text-center text-sm-left">
        &copy; 2021 SSL Wireless <span class="text-muted d-none d-sm-inline-block float-right">Design and Developed by <a href="#">SSL Wireless</a></span>
    </footer>
    <!--end footer-->
</div>
<!-- end page content -->
@endsection
@section('script')

<script type="text/javascript">
$( document ).ready(function() {
    $('#age_range').change(function(e) {
        let str = $(this).val();  
        if(str){
            let output = str.split('-');            
            let index1 = output[0];
            let index2 = output[1];
            if((index1 * 1) && (index2 * 1) && (typeof parseInt(index1) === 'number') && (typeof parseInt(index2) === 'number')){            
                return true;
            } 
            else{
            
                $('#age_range').focus();
                $('#age_range').val('');
                return false;
            } 
        }
        else{
            $('#age_range').focus();
            $('#age_range').val('');
            return false;
         }
    });  

    $('#experience_range').change(function(e) {
        let str = $(this).val();  
        if(str){
            let output = str.split('-');            
            let index1 = output[0];
            let index2 = output[1];
            if((index1 * 1) && (index2 * 1) && (typeof parseInt(index1) === 'number') && (typeof parseInt(index2) === 'number')){            
                return true;
            } 
            else{
            
                $('#experience_range').focus();
                $('#experience_range').val('');
                return false;
            } 
        }
        else{
            $('#experience_range').focus();
            $('#experience_range').val('');
            return false;
         }
    });    
});
</script>
@endsection