@extends('company.layouts.main')
@section('content')
<div class="content-wrapper">
  <div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1 class="m-0">Edit job</h1><br>
          <a class="edit btn btn-info btn-sm" href="{{ route('view.job') }}">Back</a>
        </div>
      </div>
    </div>
  </div>
  <div class="content">
    <div class="container-fluid">
      <div class="card">
        <div class="row">
          <div class="col-lg-12">
            <div class="card-body">
              <form action="{{ route('update.job',[$job->id])}}" method="POST" id="editjob" enctype="multipart/form-data">
                @if(Session::has('success'))
                <div class="alert alert-success">{{ Session::get('success') }}</div>
                @endif
                @csrf
                <label>Job Title</label><span class="text-danger">*</span>
                <input type="text" name="title" class="form-control" value="{{ $job->title }}"/>
                <span class="text-danger">@error('title') {{ $message }} @enderror</span><br>

                <label>Job Description</label><span class="text-danger">*</span>
                <textarea class="form-control summernote" id="jobDescription" name="description" oninput="updateRemainingChars()" maxlength="150">{{ $job->description }}</textarea>
                <span id="remainingCharacters">(150 characters remaining)</span>
                <span class="text-danger" id="descriptionError">@error('description') {{ $message }} @enderror</span><br>

                <label>Job Location</label><span class="text-danger">*</span>
                <select class="form-control" name="location" id="">
                <option value="0">Select City Name</option>
                    @foreach($cities as $city)
                    <option value="{{$city->id}}" @if($job->city_id == $city->id) selected  @endif>{{$city->city_name}}</option>
                    @endforeach
                </select><br>

                <label>Requried Experience</label><span class="text-danger">*</span>
                <input type="text" name="experience" class="form-control" value="{{ $job->experience }}"/>
                <span class="text-danger">@error('experience') {{ $message }} @enderror</span><br>

                <label>Employee type</label><span class="text-danger">*</span>
                <select class="form-control" name="employee_type_name" id="">
                @foreach($employeeTypes as $employeeType)
                    <option value="{{$employeeType->id}}" @if($job->employee_type_name == $employeeType->id) selected  @endif>{{$employeeType->name}}</option>
                  @endforeach
                </select><br>

                <div class="row">
                      <div class="form-group col-12 col-md-6">
                      <label>Salary From</label><span class="text-danger">*</span>
                      <input type="text" name="salary_from" class="form-control" value="{{ $job->salary_from }}" placeholder="Enter Salary In LPA"/>
                      </div>
                      <div class="form-group col-12 col-md-6">
                      <label> Salary To</label><span class="text-danger">*</span>
                      <input type="text" name="salary_to" class="form-control" value="{{ $job->salary_from }}" placeholder="Enter  Salary In LPA"/>
                      </div>
                  </div>

                  <label>Job Post Date</label><span class="text-danger">*</span>
                <input type="date" name="start_date" class="form-control" value="{{ $job->start_date}}"/>
                <span class="text-danger">@error('start_date') {{ $message }} @enderror</span><br>

                <label>Job Expire Date</label><span class="text-danger">*</span>
                <input type="date" name="end_date" id="end_date" class="form-control" value="{{ $job->end_date }}"/>
                <span class="text-danger">@error('end_date') {{ $message }} @enderror</span><br>

                <label>Select Job Level</label><span class="text-danger">*</span>
                <select class="form-control" name="job_level" id="">
                @foreach($joblevels as $joblevel)
                    <option value="{{$joblevel->id}}" @if($job->job_level == $joblevel->id) selected  @endif>{{$joblevel->title}}</option>
                  @endforeach
                </select><br>

                <label>Select Education Name</label><span class="text-danger">*</span>
                <select class="form-control" name="education" id="">
                @foreach($educations as $education)
                    <option value="{{$education->id}}" @if($job->education == $education->id) selected  @endif>{{$education->name}}</option>
                  @endforeach
                </select><br>

                <label>Select Designations Name</label><span class="text-danger">*</span>
                <select class="form-control" name="designition" id="">
                <option value="0">Select Designations Name</option>
                @foreach($designitions as $designition)
                    <option value="{{$designition->id}}" @if($job->designition == $designition->id) selected  @endif>{{$designition->title}}</option>
                  @endforeach
                </select><br>

                <!-- <label>Select Education Name</label><span class="text-danger">*</span>
                <select class="form-control" name="industry" id="">
                @foreach($industries as $industry)
                    <option value="{{$industry->id}}" @if($job->industry == $industry->id) selected  @endif>{{$industry->industry_name}}</option>
                  @endforeach
                </select><br> -->


                <label>Select Industry Name</label><span class="text-danger">*</span>
                <select class="form-control dynamic" name="industry" id="industry">
                <option value="0">Select Industry Name</option>
                    @foreach($industries as $industry)
                    <option value="{{$industry->id}}" @if($job->industry == $industry->id) selected  @endif>{{$industry->industry_name}}</option>
                    @endforeach
                </select><br>

                <label>Select Department</label><span class="text-danger">*</span>
                <input type="hidden" id="catid" value="{{ $job->department_id }}">
                <select class="form-control" name="department" id="department">
                    <option value="0">Select Department</option>
                </select><br>



                <div class="form-group">
                <label>Banner Image</label><span class="text-danger">*</span>
                <p style="font-size:14px;">Image size should be 1440 * 368 px and image file type should be JPG or PNG .</p>
                <input type="file" name="banner" class="form-control" value="{{ $job->banner }}" />
                @error('banner')
                <span class='text-danger'>{{$message}}</span>
                @enderror
                <img src="{{$job->banner}}"
                                          width="50" height="50">
            </div>





                <label>About the Role</label><span class="text-danger">*</span>
                <textarea class="form-control summernote" id="about_role" name="about_role" >{{ $job->about_role }}</textarea>
                <span class="text-danger" id="aboutRoleError">@error('description') {{ $message }} @enderror</span><br>

                <label>Roles and responsibilities</label><span class="text-danger">*</span>
                <textarea class="form-control summernote" id="roles_responsibilities" name="roles_responsibilities">{{ $job->roles_responsibilities }}</textarea>
                <span class="text-danger" id="rolesResponsibilitiesError">@error('description') {{ $message }} @enderror</span><br>

                <label>Eligibility</label><span class="text-danger">*</span>
                <textarea class="form-control summernote" id="eligibility" name="eligibility" >{{ $job->eligibility }}</textarea>
                <span class="text-danger" id="eligibilityerror">@error('description') {{ $message }} @enderror</span><br>

                <label>Required skills</label><span class="text-danger">*</span>
                <textarea class="form-control summernote" id="required_skills" name="required_skills" >{{ $job->required_skills }}</textarea>
                <span class="text-danger" id="requiredSkillsError">@error('description') {{ $message }} @enderror</span><br>

                <label>Is Featured</label><br>
                <label for="trend_yes">Yes</label>
                <input type="radio" id="trend_yes" name="is_featured" value="1" {{ $job->is_featured == 1 ? 'checked' : '' }} />&nbsp;&nbsp;&nbsp;
                <label for="trend_no">No</label>
                <input type="radio" id="trend_no" name="is_featured" value="0" {{ $job->is_featured == 0 ? 'checked' : '' }} /><br><br>


                <!-- <label>Detail Description</label><span class="text-danger">*</span>
                <textarea class="form-control summernote" id="detail_description" name="detail_description" >{{ $job->detail_description }}</textarea>
                <span class="text-danger" id="detaildescriptionerror">@error('detail_description') {{ $message }} @enderror</span><br> -->


                <button class="btn btn-info mt-4" type="submit">Update</button>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>

        function updateRemainingChars(){
                var maxLength=150;
                var currentChars=document.getElementById('jobDescription').value.length;
                var remainingChars=maxLength-currentChars;
                document.getElementById('remainingCharacters').textContent="(" +remainingChars+ " characters remaining)";
        }


document.addEventListener('DOMContentLoaded', function () {
            var today = new Date();
            var tomorrow = new Date();
            tomorrow.setDate(today.getDate() + 1);

            var year = tomorrow.getFullYear();
            var month = ("0" + (tomorrow.getMonth() + 1)).slice(-2); // Months are zero-indexed
            var day = ("0" + tomorrow.getDate()).slice(-2);

            var tomorrowFormatted = year + "-" + month + "-" + day;

            document.getElementById('end_date').setAttribute('min', tomorrowFormatted);
        });

$('.dynamic').ready(function(){

var id = $('.dynamic').val();
var categoryid = $('#catid').val();
{{-- alert(categoryid) --}}


$.ajax({
    url:"{{ route('getDepartments') }}",
    method:"POST",
    data:{
        id
    },
    success:function(result){
        console.log("result",result.data)

        categoryfunction(result.data,categoryid);

    }
})

});

$('.dynamic').change(function(){

var id = $('.dynamic').val();
{{-- alert(id) --}}


$.ajax({
    url:"{{ route('getDepartments') }}",
    method:"POST",
    data:{
        id
    },
    success:function(result){
        console.log("result",result.data)

        myFunction(result.data);

    }
})

});

function categoryfunction(data,categoryid) {

var select_option = ''
    data.forEach((item,department_name)=>{
        if(categoryid ==  item["id"])
        {
            select_option += '<option selected value=' + item["id"] + '>' + item['department_name'] + '</option>';
        }
        else{
            select_option += '<option  value=' + item["id"] + '>' + item['department_name'] + '</option>';
        }

    })


    {{-- select_option += '</select>'; --}}
document.getElementById("department").innerHTML = select_option;
}

function myFunction(data) {

var select_option = ''
    data.forEach((item,department_name)=>{
        select_option += '<option   value=' + item["id"] + '>' + item['department_name'] + '</option>';
    })


    {{-- select_option += '</select>'; --}}
document.getElementById("department").innerHTML = select_option;
}
</script>
@section('script')
  $('.summernote').summernote({
    height: 100,
    toolbar: [
      ['style', ['bold', 'italic', 'underline', 'clear']],
      ['para', ['ul', 'ol']],
    ],
    disableDragAndDrop: true,
  });
@endsection
@endsection