@extends('layouts.private')

@section('content')
@section('breadcrumb')
<div class="c-subheader justify-content-between px-3">
<ol class="breadcrumb border-0 m-0 px-0 px-md-3">
<li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
<li class="breadcrumb-item"><a href="{{route('pjobs.jobs.index')}}">My Jobs</a></li>
<li class="breadcrumb-item">{{$job->title}}</li>
</ol>
</div>
@endsection
<div class="container">
  
    {!! Form::open(array('route' => ['pjobs.jobs.update', $job->id],'method'=>'Put')) !!}
    <div class="row border-bottom py-4">
        <div class="col-3">
            <p class="my-4">    
                <strong>Enter Job title and description</strong>
            </p>
            <p class="my-4">
                Be as descriptive as possible. The more details you provide, the better quality resume will be matched against this job posting.
            </p>
            <p class="my-4">
                Also don't forget to provide short summary. Make it enticing for candidates to view your job posting.
            </p>
        </div>
        <div class="col-9">
        @if (count($errors) > 0)
      <div class="alert alert-danger" role="alert">
        <strong>Errors Detected!</strong>
        <ul>
          @foreach ($errors->all() as $error)
          <li>{{ $error }}</li>
          @endforeach
        </ul>        
      </div>
      @endif
      @if(session()->has('message'))
        <div class="alert alert-success">
            {{ session()->get('message') }}
        </div>
        @endif
            <div class="card bg-white">
                <div class="card-header bg-white">
                    <h4 class="p-0 m-0">Job Details</h4>
                </div>
                <div class="card-body">
                    <div class="form-group row">
                        <label for="inputJobTitle" class="col-sm-2 col-form-label">Title</label>
                        <div class="col-sm-10">
                            {!! Form::text('title', $job->title, array('placeholder' => 'Job Title','class' => 'form-control')) !!}          
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputJobDesc" class="col-sm-2 col-form-label">Description</label>
                        <div class="col-sm-10">
                            {!! Form::textarea('details', $job->details, array('placeholder' => 'Job Description', 'class' => 'form-control','rows' => 10)) !!}
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputJobTitle" class="col-sm-2 col-form-label">Summary</label>
                        <div class="col-sm-10">
                        {!! Form::textarea('summary', $job->summary, array('placeholder' => 'Job Summary', 'class' => 'form-control','rows' => 3)) !!}
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputJobTitle" class="col-sm-2 col-form-label">Job Reference Code</label>
                        <div class="col-sm-10">
                        {!! Form::text('job_reference_code', $job->job_reference_code, array('placeholder' => 'Job Reference Code','class' => 'form-control')) !!}          
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputJobDesc" class="col-sm-2 col-form-label">Send Email to Recruiters?</label>
                        <div class="col-sm-4 py-2">
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="send_email_to_recruiters" id="inlineRadio" value="1" @if($job->send_email_to_recruiters == 1){{'checked'}}@endif>
                                <label class="form-check-label" for="inlineRadio">Yes</label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="send_email_to_recruiters" id="inlineRadio21" value="0" @if($job->send_email_to_recruiters == 0){{'checked'}}@endif>
                                <label class="form-check-label" for="inlineRadio21">No</label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputJobDesc" class="col-sm-2 col-form-label">Post to Social Media?</label>
                        <div class="col-sm-4 py-2">
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="social_sharing" id="inlineRadio1" value="1" @if($job->social_sharing == '1'){{'checked'}}@endif>
                                <label class="form-check-label" for="inlineRadio1">Yes</label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="social_sharing" id="inlineRadio2" value="0" @if($job->social_sharing == '0'){{'checked'}}@endif>
                                <label class="form-check-label" for="inlineRadio2">No</label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>        
    </div>

    <div class="row border-bottom py-4">
        <div class="col-3">
            <p class="my-4">
                <strong>Customer and Location Details</strong>
            </p>
            <p class="my-4">
                If this position is for your Customer/Client, please provide information. You can also enter "Self" if this position is for your organization.
            </p>
        </div>
        <div class="col-9">
            <div class="card bg-white">
                <div class="card-header bg-white">
                    <h4 class="p-0 m-0">Location Details</h4>
                </div>
                <div class="card-body">
                    <div class="form-group row">
                        <label for="inputJobTitle" class="col-sm-2 col-form-label">Customer/Client</label>
                        <div class="col-sm-10">
                            {!! Form::text('company', $job->company, array('placeholder' => 'Enter Self or Customer/Client Name','class' => 'form-control')) !!} 
                                
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputJobTitle" class="col-sm-2 col-form-label">Address</label>
                        <div class="col-sm-10">
                            {!! Form::text('address', $job->city.', '.$job->state_province.', '.$job->country, array('placeholder' => 'Search Address','class' => 'form-control', 'id'=>'address-input')) !!} 
                        </div>
                    </div>
                  
                    <div class="form-group row">
                        <label for="inputJobDesc" class="col-sm-2 col-form-label">Relocation Provided?</label>
                        <div class="col-sm-4 py-2">
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="relocation_provided" id="inlineRadio5" value="Yes" @if($job->relocation_provided == 'Yes'){{'checked'}}@endif>
                                <label class="form-check-label" for="inlineRadio5">Yes</label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="relocation_provided" id="inlineRadio22" value="No" @if($job->relocation_provided == 'No'){{'checked'}}@endif>
                                <label class="form-check-label" for="inlineRadio22">No</label>
                            </div>
                        </div>
                        <label for="inputJobDesc" class="col-sm-2 col-form-label">Remote Work?</label>
                        <div class="col-sm-4 py-2">                    
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="remote_work_allowed" id="inlineRadio3" value="Yes" @if($job->remote_work_allowed == 'Yes'){{'checked'}}@endif>
                                <label class="form-check-label" for="inlineRadio1">Yes</label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="remote_work_allowed" id="inlineRadio4" value="No" @if($job->remote_work_allowed == 'No'){{'checked'}}@endif>
                                <label class="form-check-label" for="inlineRadio2">No</label>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>        
    </div>

    <div class="row border-bottom py-4">
        <div class="col-3">
            <p class="my-4">
                <strong>Additional Information</strong>
            </p>
            <p class="my-4">
                Please provide additional information that will help the candidate/consultant make a decision on the application.
            </p>
        </div>
        <div class="col-9">
            <div class="card bg-white">
                <div class="card-header bg-white">
                    <h4 class="p-0 m-0">Employment Type and Compensation</h4>
                </div>
                <div class="card-body">
                    <div class="form-group row">
                        <label for="inputJobTitle" class="col-sm-2 col-form-label">Preferred Employment</label>
                        <div class="col-sm-10 py-2">
                        @php 
                            $p_employment = explode(',', $job->preferred_employment);
                         @endphp
                        @foreach($pEmployment as $key => $val)
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" name="preferred_employment[]" @if(!empty(old('preferred_employment')) && in_array($key, old('preferred_employment'))){{'checked'}}@elseif(in_array($key, $p_employment)){{'checked'}}@endif type="checkbox" id="inlineCheckbox{{$key}}" value="{{$key}}">
                                <label class="form-check-label" for="inlineCheckbox{{$key}}">{{$val}}</label>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputJobDesc" class="col-sm-2 col-form-label">Hourly Rate (in USD)</label>
                        <div class="col-sm-4 py-2">
                            {!! Form::text('hourly_rate', $job->hourly_rate, array('placeholder' => 'Hourly rate in USD $','class' => 'form-control')) !!}          
                        </div>
                        <label for="inputJobDesc" class="col-sm-2 col-form-label">Contract Term (in Months)</label>
                        <div class="col-sm-4 py-2">
                             {!! Form::select('duration',$contactDuration, $job->duration, array('placeholder' => 'Please select', 'class'=>'form-control')) !!}
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputJobDesc" class="col-sm-2 col-form-label">Start Date</label>
                        <div class="col-sm-4 py-2">
                        {!! Form::text('start_date', $job->start_date, array('placeholder' => 'Posting date','class' => 'form-control datepicker','autocomplete' => 'off')) !!}
                        </div>
                        <label for="inputJobDesc" class="col-sm-2 col-form-label">Experience Level</label>
                        <div class="col-sm-4">   
                        {!! Form::select('experience_level',$experienceLevel, $job->experience_level, array('placeholder' => 'Please select', 'class'=>'form-control')) !!}
                 
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputJobDesc" class="col-sm-2 col-form-label">Job/Position type</label>
                        <div class="col-sm-4 py-2">
                            {!! Form::select('position_type', ["Full time"=>"Full time", "Contracting" => "Contracting"],$job->position_type,  array('placeholder' => 'Please select', 'class' => 'form-control')) !!}          

                        </div> 
                       
                    </div>
                </div>
            </div>
        </div>        
    </div>    
    
    
<input type="hidden" name="city" id="city" value="@if(old('city')){{ old('city') }}@else{{$job->city}}@endif"> 
<input type="hidden" name="state_province" id="state_province" value="@if(old('state_province')){{ old('state_province') }}@else{{$job->state_province}}@endif"> 
<input type="hidden" name="country" id="country" value="@if(old('country')){{ old('country') }}@else{{$job->country}}@endif"> 
    @php
      $previousUrl = '';
      if(url()->previous() && url()->previous() != route('pjobs.jobs.edit', $job->id)){
			$previousUrl =url()->previous();
		  }else{
		  $previousUrl = route('pjobs.jobs.index');
		 }
      @endphp
        <input type="hidden" name="oldUrl" value="{{$previousUrl}}">
    <div class="row">
        <div class="col-12 text-right">
      
            <div class="align-right pt-4 pb-4">
                <input type="submit" class="btn btn-primary px-4" value="Save">
                <a href="{{$previousUrl}}" class="btn btn-secondary px-4">Cancel</a>
            </div>        
        </div>
    </div>
    {!! Form::close() !!}
</div>

@section('css')

<link rel="stylesheet" href="{{ asset('css/jquery-ui.css') }}">
<style>
 .dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
</style>
@endsection

@section('script')
<script src="https://cdn.ckeditor.com/4.11.1/standard/ckeditor.js"></script>
  <script src="{{ asset('js/jquery-ui.js') }}"></script>


<script src="https://cdn.jsdelivr.net/npm/places.js@1.18.1"></script>

<script>

  var placesAutocomplete = places({
    appId: "{{config('app.placeAppId')}}",
    apiKey: "{{config('app.placeApiKey')}}",
    container: document.querySelector('#address-input')
  });
    placesAutocomplete.on('change', handleOnChange);

function handleOnChange(e) {
	console.log(e.suggestion);
	$('#city').val(e.suggestion.name);
	$('#state_province').val(e.suggestion.administrative);
	$('#country').val(e.suggestion.country);
}
$( function() {

        $( ".datepicker" ).datepicker( { dateFormat: 'mm/dd/yy' });

  } );

CKEDITOR.replace( 'details' );
  
</script>

@endsection
@endsection