@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">New Job Posting</li>
</ol>
</div>
@endsection
<div class="container">
    
    {!! Form::open(array('route' => 'pjobs.jobs.store','method'=>'POST')) !!}
    <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('error'))
        <div class="alert alert-danger">
            {{ session()->get('error') }}
        </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">Create Job from Template</label>
                        <div class="col-sm-10">
                        {!! Form::select('recruiter_id', $templates, null, array('placeholder' => 'Please Select', 'class' => 'form-control', 'id' => 'job_template')) !!}

                        </div>
                    </div>
                    <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', null, 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', null, 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', null, array('placeholder' => 'Job Summary', 'id' => 'summary', 'class' => 'form-control','rows' => 3)) !!}
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputJobTitle" class="col-sm-2 col-form-label">Enter Primary Job Skills (separated by comma’s)</label>
                        <div class="col-sm-10">
                        {!! Form::textarea('skills', null, array('placeholder' => 'Job Skills', 'id' => 'skills', 'class' => 'form-control jobs_skills','rows' => 4)) !!}
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputJobTitle" class="col-sm-2 col-form-label">Job/Position type</label>
                        <div class="col-sm-10 py-2">
                        @php $jobTypes = ["Full time"=>"Full time", "Contracting" => "Contracting"];@endphp
                            @foreach($jobTypes as $jobKey => $jobType)
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" name="position_type[]" type="checkbox"  id="jobTypeCheckbox{{$jobKey}}" value="{{$jobType}}">
                                <label class="form-check-label" for="jobTypeCheckbox{{$jobKey}}">{{$jobType}}</label>
                            </div>
                            @endforeach
                        </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', null, array('placeholder' => 'Job Reference Code','class' => 'form-control')) !!}          
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputJobTitle" class="col-sm-2 col-form-label">Job Priority</label>
                        <div class="col-sm-10">
                            {!! Form::select('priority',$priority, null, array('placeholder' => 'Please select', 'class'=>'form-control')) !!}
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputJobTitle" class="col-sm-2 col-form-label">Sourcer</label>
                        <div class="col-sm-10">
                        {!! Form::select('source', $users, Auth::user()->id, array('placeholder' => 'Please Select', 'class' => 'form-control')) !!}
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputJobTitle" class="col-sm-2 col-form-label">Recruiter</label>
                        <div class="col-sm-10">
                        {!! Form::select('recruiter_id', $users, Auth::user()->id, array('placeholder' => 'Please Select', 'class' => 'form-control')) !!}
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputJobTitle" class="col-sm-2 col-form-label">Hiring Manager</label>
                        <div class="col-sm-10">
                        {!! Form::select('hiring_manager_id', $users, Auth::user()->id, array('placeholder' => 'Please Select', 'class' => 'form-control')) !!}
                        </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::select('company', $organizations, Auth::user()->org_id, array('class' => 'form-control', 'id' => 'select2-3')) !!}
   
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputJobTitle" class="col-sm-2 col-form-label">Primary Contact</label>
                        <div class="col-sm-10">
                        {!! Form::select('contact_person_id', [], null, array('class' => 'form-control', 'id' => 'selectPrimaryContact')) !!}
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputJobTitle" class="col-sm-2 col-form-label">Location Preference</label>
                        <div class="col-sm-10">
                            {!! Form::text('location_preference', null, array('placeholder' => 'Location Preference','class' => 'form-control', 'id'=>'address-input')) !!} 
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputJobTitle" class="col-sm-2 col-form-label">Job Location (Country)</label>
                        <div class="col-sm-10">
                        {!! Form::select('job_location', [], null, array('class' => 'form-control', 'id' => 'country')) !!}
                        </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="inlineRadio1" value="Yes">
                                <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="relocation_provided" id="inlineRadio2" value="No" checked>
                                <label class="form-check-label" for="inlineRadio2">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">
                                <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" checked>
                                <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 $defaultArray = ["Corp - Corp"];@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(empty(old('preferred_employment')) && in_array($key, $defaultArray)){{'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">Rate</label>
                        <div class="col-sm-4 py-2">
                            {!! Form::text('rate', "Market", array('class' => 'form-control')) !!}          
                        </div>
                        <label for="inputJobDesc" class="col-sm-2 col-form-label">Rate Type</label>
                        <div class="col-sm-4 py-2">
                            {!! Form::select('rate_type', ["Hour"=>"Hour", "Day" => "Day", "Month" => "Month", "Year" => "Year"], "Hour", array('class' => 'form-control')) !!}          
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputJobDesc" class="col-sm-2 col-form-label">Currency</label>
                        <div class="col-sm-4 py-2">
                        {!! Form::select('rate_currency', ["USD"=>"USD", "INR" => "INR", "GBP" => "GBP", "EUR" => "EUR", "CAD" => "CAD"], "USD", array('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">
                            <select class="form-control"  name="duration">
                            <option selected="selected" value="">Please select</option>
                            @foreach($contactDuration as $key => $val)
                            <option value="{{$key}}" @if(old('duration') == $key){{'selected'}}@elseif(empty(old('duration')) && $key == "3-6 Months"){{'selected'}}@endif>{{$val}}</option>
                                @endforeach
                                
                            </select>                            
                        </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', date('m/d/Y'), 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">                    
                            <select class="form-control" name="experience_level">
                            @foreach($experienceLevel as $key => $val)
                                <option value="{{$key}}" @if(old('experience_level') == $key){{'selected'}}@elseif(empty(old('experience_level')) && $key == "Mid (3-5 Yrs)"){{'selected'}}@endif>{{$val}}</option>
                                @endforeach
                               
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </div>        
    </div>    

 @php
      $previousUrl = '';
      if(url()->previous() && url()->previous() != route('pjobs.jobs.create')){
			$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 href="{{ asset('css/select2.min.css') }}" rel="stylesheet">
<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="{{ asset('js/select2.min.js') }}"></script>

<script>
    $("#country").select2({
    minimumInputLength: 1,
    placeholder:"Select Location",
    ajax: {
        url: "{{route('getMyCountry')}}",
        dataType: 'json',
        type: "get",
        dataType: 'json',
        delay: 250,
         data: function (params) {
            return {
            searchTerm: params.term // search term
            };
        },
        processResults: function (data) {
            return {
                results: $.map(data, function (item) {
                    return {
                        text: item.name,
                        id: item.name
                    }
                })
            };
           
        }
    }
});
$("#select2-3").select2({
    minimumInputLength: 2,
    ajax: {
        url: "{{route('getCompanyRecords')}}",
        dataType: 'json',
        type: "get",
        dataType: 'json',
        delay: 250,
         data: function (params) {
            return {
            searchTerm: params.term // search term
            };
        },
        processResults: function (data) {
            console.log(data);
            return {
                results: $.map(data, function (item) {
                    return {
                        text: item.text,
                        id: item.id
                    }
                })
            };
           
        }
    }
});
$("#selectPrimaryContact").select2({
        minimumInputLength: 2,
        ajax: {
            url: "{{route('getPrimaryContactRecords')}}",
            dataType: 'json',
            type: "get",
            dataType: 'json',
            delay: 250,
            data: function(params) {
                return {
                    searchTerm: params.term // search term
                };
            },
            processResults: function(data) {
                return {
                    results: $.map(data, function(item) {
                        return {
                            text: item.text,
                            id: item.id
                        }
                    })
                };

            }  
        }
    });
$( function() {

    $( ".datepicker" ).datepicker( { dateFormat: 'mm/dd/yy' });
    var max = 2000;
    $('textarea.jobs_skills').keypress(function(e) {
        if (e.which < 0x20) {
            // e.which < 0x20, then it's not a printable character
            // e.which === 0 - Not a character
            return;     // Do nothing
        }
        if (this.value.length == max) {
            e.preventDefault();
        } else if (this.value.length > max) {
            // Maximum exceeded
            this.value = this.value.substring(0, max);
        }
    });

  } );
  $('#job_template').change(function(){

    $.post("{{route('getRecordById')}}", {
            id: $(this).val()
        }, function(response) {

       
            $('#summary').val(response.data.summary);
            $('input[name="title"]').val(response.data.title);
         CKEDITOR.instances['details'].setData(response.data.description);
        });
    });
CKEDITOR.replace( 'details' );  
</script>

@endsection
@endsection