@extends('layouts.private')

@section('content')

<div class="container">
    <div class="row pb-1 mb-2">
        <div class="col-6">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb p-0 m-0 mt-2 bg-transparent pt-1">
                    <li class="breadcrumb-item"><a href="/"><i class="fa fa-home"></i></a></li>
                    <li class="breadcrumb-item"><a href="{{route('ppeople.people.index')}}">My People</a></li>
                    <li class="breadcrumb-item active">{{$people->name}}</li>
                </ol>
            </nav>  
        </div>
        <div class="col-6 text-right">
            &nbsp;
        </div>
    </div>
    {!! Form::open(array('route' => ['ppeople.people.update', $people->id],'method'=>'Put','files'=>'true')) !!}
    <div class="row border-bottom py-4">
        <div class="col-3">
            <p class="my-4">    
                <strong>Basic Information</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">Basic Information</h4>
                </div>
                <div class="card-body">
                    <div class="form-group row">                        
                        <div class="col-sm-4">
                            <label for="inputJobDesc" class="col-form-label">First Name</label>
                            {!! Form::text('first_name', $people->first_name, array('placeholder' => 'First Name','class' => 'form-control')) !!} 
                        </div>  
                        <div class="col-sm-4">                    
                            <label for="inputJobDesc" class="col-form-label">Middle Name</label>
                            {!! Form::text('middle_name', $people->middle_name, array('placeholder' => 'Middle Name','class' => 'form-control')) !!}
                        </div>                        
                        <div class="col-sm-4">                    
                            <label for="inputJobDesc" class="col-form-label">Last Name</label>
                            {!! Form::text('last_name', $people->last_name, array('placeholder' => 'Last Name','class' => 'form-control')) !!}
                        </div>
                    </div>
                    <div class="form-group row">                        
                        <div class="col-sm-12">
                            <label for="inputJobDesc" class="col-form-label">Address</label>
                              {!! Form::text('address', $people->city.', '.$people->state_province.', '.$people->country, array('placeholder' => 'Search Address','class' => 'form-control', 'id'=>'address-input')) !!} 
                        </div>                        
                    </div>
                    <div class="form-group row">                        
                        <div class="col-sm-6">
                            <label for="inputJobDesc" class="col-form-label">Email</label>
                            {!! Form::text('email', $people->email, array('placeholder' => 'Email Address','class' => 'form-control')) !!}          
                        </div>                        
                        <div class="col-sm-6">
                            <label for="inputJobDesc" class="col-form-label">Mobile Phone</label>
                            {!! Form::text('mobile_number', $people->mobile_number, array('placeholder' => 'Mobile Phone','class' => 'form-control')) !!}          
                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <div class="form-group row">                        
                        <div class="col-sm-3">
                            <label for="inputJobDesc" class="col-form-label">Attach latest resume</label>
                        </div>
                        <div class="col-sm-6 py-2">
                        {!! Form::file('resume_binary_file', null) !!}          
                        </div>
                    </div>
                </div>
            </div>
        </div>        
    </div>

    <div class="row border-bottom py-4">
        <div class="col-3">
            <p class="my-4">
                <strong>Work Authorization</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">Employment Type and Compensation</h4>
                </div>
                <div class="card-body">
                    <div class="form-group row">
                        <label for="inputJobTitle" class="col-sm-3 col-form-label">Work Authorization</label>
                        <div class="col-sm-9 py-2">
                        
                            @foreach($workStatus as $key => $val)
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" @if(old('work_status') == $key){{'checked'}} @elseif($people->work_status == $key) {{'checked'}} @endif name="work_status" type="radio" id="workStatus{{$key}}" value="{{$key}}">
                                <label class="form-check-label" for="workStatus{{$key}}">{{$val}}</label>
                            </div>
                            @endforeach
                        </div>
                    </div>
                     <div class="form-group row">
                        <label for="inputJobTitle" class="col-sm-3 col-form-label">Preferred Employment</label>
                        <div class="col-sm-9 py-2">
                        @php 
                            $p_employment = explode(',', $people->preferred_employment);
                         @endphp
                            @foreach($pEmployment as $key => $val)
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" @if(!empty(old('preferred_employment')) && in_array($key, old('preferred_employment'))){{'checked'}}@elseif(in_array($key, $p_employment)){{'checked'}}@endif name="preferred_employment[]" 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</label>
                        <div class="col-sm-4">
                            {!! Form::text('hourly_rate', $people->hourly_rate, array('placeholder' => 'Hourly rate in USD $','class' => 'form-control')) !!}          
                        </div>
                        <label for="inputJobDesc" class="col-sm-2 col-form-label">Date Available</label>
                        <div class="col-sm-4">
                            {!! Form::text('available_date', $people->available_date, array('placeholder' => 'Date Available','class' => 'form-control datepicker','autocomplete' => 'off')) !!}          
                        </div>
                    </div>
                </div>
            </div>
        </div>        
    </div>    

    <div class="row border-bottom py-4">
        <div class="col-3">
            <p class="my-4">
                <strong>Additional 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">Optional Information</h4>
                </div>
                <div class="card-body">
                    <div class="form-group row">
                        <label for="inputJobDesc" class="col-sm-2 col-form-label">Min. Duration</label>
                        <div class="col-sm-4">
                        {!! Form::select('duration',$contactDuration, $people->duration, array('placeholder' => 'Please select', 'class'=>'form-control')) !!}
                        </div>
                        <label for="inputJobDesc" class="col-sm-2 col-form-label">Will Relocate?</label>
                        <div class="col-sm-4 py-2">
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="will_relocate" id="inlineRadio1" value="Yes" @if($people->will_relocate == '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="will_relocate" id="inlineRadio27" value="No" @if($people->will_relocate == 'No'){{'checked'}}@endif>
                                <label class="form-check-label" for="inlineRadio27">No</label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputJobDesc" class="col-sm-2 col-form-label">Experience Level</label>
                        <div class="col-sm-4 py-2">                    
                           {!! Form::select('experience_level',$experienceLevel, $people->experience_level, array('placeholder' => 'Please select', 'class'=>'form-control')) !!}
                        </div>
                        <label for="inputJobDesc" class="col-sm-2 col-form-label">Remote work only?</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" id="inlineRadio" value="Yes" @if($people->remote_work == 'Yes'){{'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="remote_work" id="inlineRadio2" value="No" @if($people->remote_work == 'No'){{'checked'}}@endif>
                                <label class="form-check-label" for="inlineRadio2">No</label>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>        
    </div>    
    <input type="hidden" name="city" id="city" value="@if(old('city')){{ old('city') }}@else{{$people->city}}@endif"> 
<input type="hidden" name="state_province" id="state_province" value="@if(old('state_province')){{ old('state_province') }}@else{{$people->state_province}}@endif"> 
<input type="hidden" name="country" id="country" value="@if(old('country')){{ old('country') }}@else{{$people->country}}@endif"> 

    @php
      $previousUrl = '';
      if(url()->previous() && url()->previous() != route('ppeople.people.edit', $people->id)){
			$previousUrl =url()->previous();
		  }else{
		  $previousUrl = route('ppeople.people.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="{{ 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' });

  } );

  

</script>

@endsection
@endsection