@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">
                    <div class="float-right">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item">
                                <a href="javascript:void(0);">Job Post Creation</a>
                            </li>
                            <li class="breadcrumb-item">
                                <a href="/admin/jobs-list">Jobs List</a>
                            </li>
                            <li class="breadcrumb-item active">Update Job</li>
                        </ol>
                    </div>
                    <h4 class="page-title">Update Job</h3>
                </div>
                <!--end page-title-box-->
            </div>
            <!--end col-->
        </div>
        <!--end row-->

        <!-- end page title end breadcrumb -->

        @if(session('alert-green'))
        <div class="alert alert-success mt-3 text-center">
            {{ session('alert-green') }}
        </div>
        @endif

        @if(session('alert-danger'))
        <div class="alert alert-danger mt-3 text-center">
            {{ session('alert-danger') }}
        </div>
        @endif
        @if($errors->any())
        <div class="row">
            <div class="col-md-12 mb-5">
                @foreach ($errors->all() as $error)
                <div class="text-danger small mb-1">* {{$error}}</div>
                @endforeach
            </div>
        </div>
        @endif


        {{ session('status') }}

        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-body">
                        <h4 class="mt-0 mb-0 header-title">Update Job info</h4>
                        <p class="text-muted mb-4"></p>
                        <form class=""  method="POST" action="{{ url('/admin/jobs/'.$jobs->id.'/edit') }}">
                            @csrf
                            <div class="card">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <label class="text-bold-600 text-uppercase">Select Department</label>
                                            <select class="form-control mb-3 custom-select"  name="department_id" id="department_id" required>
                                                    <option selected disabled value="">Select</option>
                                                    @foreach($departments as $department)
                                                    <option selected value="{{$department->id ?? ''}}">{{$department->name ?? ''}}</option>
                                                    @endforeach
                                                </select>
                                                @if ($errors->has('title_id')) <strong
                                                    style="color: red">{{ $errors->first('title_id') }}</strong> @endif
                                        </div>
                                        <div class="col-md-6">
                                            <label class="text-bold-600 text-uppercase">Select Designation</label>
                                            <select class="form-control mb-3 custom-select"  name="designation_id" id="designation_id" required>
                                                <option selected disabled value="">Select</option>                                            
                                                @foreach($designations as $designation)
                                                <option selected value="{{ $designation->id ?? ''}}">                                                
                                                    @if($designation->job_area_id)
                                                        {{ $designation->location->name ?? '' }} -> {{$designation->name ?? '' }}
                                                    @else
                                                        {{ $designation->name ?? '' }}
                                                    @endif
                                                </option>
                                                @endforeach
                                            </select>
                                            
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="text-bold-600 text-uppercase" for="validationCustom01">Select Job Title
                                                    <span class="text-danger">*</span> </label>
                                                <select class="form-control mb-3 custom-select Disabled" disabled
                                                    name="title_id" id="title_id" required>
                                                    <option selected disabled value="">Select</option>
                                                    @foreach($job_title_list as $key=> $job_title)
                                                    <option value="{{$job_title->id}}"
                                                        selected>
                                                        {{ $job_title->name ?? '' }}</option>
                                                    @endforeach
                                                </select>
                                                <input name="title_id" type="hidden" value="">
                                                <div class="invalid-feedback">
                                                    Please select a valid title.
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="mb-2 text-bold-600 text-uppercase" for="validationCustom02">No of
                                                    recruitment <span class="text-danger">*</span> </label>
                                                <input class="form-control" type="number" name="no_of_vacancy" id="no_of_vacancy" value="{{ $jobs->no_of_vacancy ?? '' }}" required>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <!--end form-group-->
                                            <div class="form-group">
                                                <label class="mb-2 text-bold-600 text-uppercase" for="validationCustom03">Recruitment
                                                    Target <span class="text-danger">*</span>
                                                </label>
                                                <input class="form-control" type="number" id="target_recruitment" name="target_recruitment"  readonly value="{{ $jobs->target_recruitment ?? '' }}" required>
                                            </div>  
                                        </div>
                                        <div class="col-md-6">                          
                                            <div class="form-group">
                                                <label class="text-bold-600 text-uppercase" for="validationCustom07">Select Job Status
                                                    <span class="text-danger">*</span> </label><br>
                                                <input type="radio" name="job_status" value="1"
                                                    >
                                                <label>Active </label><br>
                                                <input type="radio" name="job_status" value="0"
                                                    checked>
                                                <label> Inactive </label><br>
                                                <div class="invalid-feedback">
                                                    Please select a valid status.
                                                </div>
                                            </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>
                                                <input class="form-control" id="work_station" name="work_station" value="{{ $jobs->jobTitle->work_station ?? '' }}" readonly>   
                                            </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>
                                                <input type="text" class="form-control" id="criteria" name="criteria" value="{{ $jobs->jobTitle->criteria ?? '' }}" readonly >
                                            </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="{{ $jobs->jobTitle->salary ?? '' }}"  readonly>
                                            </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 Disabled" disabled id="education_qualification" name="education_qualification" >
                                                    <option selected disabled value="">Select</option>
                                                    @foreach($jobEducation as $education)
                                                    <option {{ ($jobs->jobTitle->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" readonly name="experience_range" value="{{ $jobs->jobTitle->experience_range_low ?? '' }} - {{ $jobs->jobTitle->experience_range_high ?? '' }} " id="experience_range"  >
                                            </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>
                                                <input type="text" class="form-control" value="{{ $jobs->jobTitle->mobile_configuration ?? '' }}" readonly id="mobile_configuration" name="mobile_configuration">
                                                    
                                            </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" value="{{ $jobs->jobTitle->age_range_low ?? '' }} - {{ $jobs->jobTitle->age_range_high ?? '' }}" readonly name="age_range"  id="age_range" >
                                            </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>
                                                <input type="text" class="form-control" value="{{ $jobs->jobTitle->tech_savy ?? '' }}" readonly id="tech_savy" name="tech_savy">
                                                    
                                            </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>
                                                    
                                                <input type="text" class="form-control" value="{{ $jobs->jobTitle->pc_operation_knowledge ?? '' }}" readonly id="pc_operation_knowledge" name="pc_operation_knowledge">
                                            </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>
                                                    
                                                <input type="text" class="form-control" value="{{ $jobs->jobTitle->social_media_integration ?? '' }}" readonly  id="social_media_integration" name="social_media_integration">
                                            </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>
                                                    
                                                <input type="text" class="form-control" value="{{ $jobs->jobTitle->communication_skill ?? '' }}"  readonly  id="communication_skill" name="communication_skill">
                                            </div>        
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                            @php    
                                            $location = [];                                            
                                                foreach($jobAreas as $area){
                                                    if(in_array($area->id, $title_locations)){
                                                        array_push($location, $area->name);
                                                    }
                                                }
                                                
                                            @endphp
                                                <label for="job_location" class="mb-2 text-bold-600 text-uppercase">Job Location</label>
                                                <input type="text" class="form-control" value="{{ implode(',', $location)}}" readonly id="job_location" name="job_location">                                                   
                                                    
                                            </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>
                                                    
                                                <input type="text" class="form-control" value="{{ $jobs->jobTitle->long_time_conversation ?? '' }}" readonly  id="long_time_conversation" name="long_time_conversation">
                                            </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>
                                                    
                                                <input type="text" class="form-control" value="{{ $jobs->jobTitle->chronic_disease ?? '' }}" readonly  id="chronic_disease" name="chronic_disease">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="text-bold-600 text-uppercase" for="validationCustom12">Closing
                                                    Date <span class="text-danger">*</span> </label><br>
                                                <input required aria-required="true" type="date" name="closing_date"
                                                    class="form-control required" id="lName" value="{{ \Carbon\carbon::parse($jobs->closing_date)->format('Y-m-d') }}" placeholder="DD/MM/YYYY">
                                                @if ($errors->has('closing_date')) <strong
                                                    style="color: red">{{ $errors->first('closing_date') }}</strong> @endif
                                            </div>
                                        </div>
                                        <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>
                                                <input type="text" class="form-control" value="{{ $jobs->jobTitle->able_to_meet_target ?? '' }}" readonly  id="able_to_meet_target" name="able_to_meet_target">
                                                    
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group row">
                                                <div class="col-md-1"><label style="line-height:40px;" for="long_time_conversation" class="mb-2 text-bold-600 text-uppercase">Job URL:</label></div>
                                                <div class="col-md-10"><input style="border:0;min-width: 300px;" type="text" " id="copy_url" value="{{ $jobs->jobUrl ?? '' }}">&nbsp;<button class="btn btn-success" type="button" onclick="myFunction()">Copy Url</button></div>
                                                <span class="col-md-1"></span>

                                            </div>
                                        </div>
       
                                    </div>
                                    <div class="col-lg-12">
                                        <button class="btn btn-primary" type="submit">Update</button>
                                    </div>
                                </div>
                            </div>
                            
                        </form>
                    <!--end card-body-->
                </div>
                <!--end card-->
            </div>
            <!--end col-->
        </div>
        <!--end row-->

    </div>
    </div>
    <!-- container -->
    @include('admin.sections.footer')
    <!--end footer-->
</div>
<!-- end page content -->
@endsection
@section('script')

<script type="text/javascript">
    $( document ).ready(function() {
        $('#title_id').on('change', function() {
        let id =  $(this).val();
        
        if(id == ''){                     
            $('#work_station').val('');
            $('#criteria').val('');
            $('#salary').val('');
            $('#education_qualification').val('');
            $('#experience_range').val('');
            $('#mobile_configuration').val('');
            $('#age_range').val('');
            $('#tech_savy').val('');
            $('#pc_operation_knowledge').val('');
            $('#social_media_integration').val('');
            $('#communication_skill').val('');
            $('#long_time_conversation').val('');
            $('#chronic_disease').val('');
            $('#able_to_meet_target').val('');
            $('#job_location').val('');
        }
        $.ajax({
            type: "POST",
            url: '{{ route('admin.jobs.jobTitle_info')}}',
            data: {
                "_token": "{{ csrf_token() }}",
                id: id
                },
            success: function(result) {
                var obj = $.parseJSON(result); 
                
                $('#work_station').val(obj['work_station']);
                $('#criteria').val(obj['criteria']);
                $('#salary').val(obj['salary']);
                //$('#education_qualification').selectedIndex= obj['education_qualification'];

                $('#education_qualification > option[value='+ obj['education_qualification']+']').attr('selected',true);
                $('#experience_range').val(obj['experience_range_low'] + '-' + obj['experience_range_high']);
                $('#mobile_configuration').val(obj['mobile_configuration']);
                $('#age_range').val(obj['age_range_low']+' - '+ obj['age_range_high']);
                $('#tech_savy').val(obj['tech_savy']);
                $('#pc_operation_knowledge').val(obj['pc_operation_knowledge']);
                $('#social_media_integration').val(obj['social_media_integration']);
                $('#communication_skill').val(obj['communication_skill']);
                $('#long_time_conversation').val(obj['long_time_conversation']);
                $('#chronic_disease').val(obj['chronic_disease']);
                $('#able_to_meet_target').val(obj['able_to_meet_target']);             
                $('#job_location').val(obj['location']);             
            }
        })
    });
    
        $('#title_id').change(function(){
            $('#no_of_vacancy').val(0);
            $('#target_recruitment').val(0);
        })
        $('#no_of_vacancy').keyup(function(e) {
            var department_id = $('#department_id').find(":selected").val();

            if(department_id == 5)
            var v = $('#no_of_vacancy').val() * 3;
            else
            var v = $('#no_of_vacancy').val() * 2;
            $('#target_recruitment').val(v);
        })
    });

    function myFunction() {
      var copyText = document.getElementById("copy_url");
      copyText.select();
      copyText.setSelectionRange(0, 99999);
      navigator.clipboard.writeText(copyText.value);
     
    }
    </script>
@endsection