@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('ppeople.people.index')}}">My People</a></li>
<li class="breadcrumb-item">New Person</li>
</ol>
</div>
@endsection
<div class="container">
  
    {!! Form::open(array('route' => 'ppeople.people.store','method'=>'POST','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', null, 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', null, 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', null, 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', null, array('placeholder' => 'Search Address','class' => 'form-control', 'id'=>'address-input', 'autocomplete' => 'off')) !!}         
                        </div>                        
                    </div>
                    
                    
                    <div class="form-group row">                        
                        <div class="col-sm-6">
                            <label for="inputJobDesc" class="col-form-label">Email</label>
                            {!! Form::text('email', null, 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', null, array('placeholder' => 'Mobile Phone','class' => 'form-control')) !!}          
                        </div>
                    </div>
                    <div class="form-group row">                        
                        <div class="col-sm-12">
                            <label for="inputJobDesc" class="col-form-label">Job Title</label>
                            {!! Form::text('job_title', null, array('placeholder' => 'Job Title','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($key == "US Citizen"){{'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 $defaultArray = ["Corp - Corp","W2 - Contract"];@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(empty(old('preferred_employment')) && in_array($key, $defaultArray)){{'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">Rate</label>
                        <div class="col-sm-4">
                            {!! Form::text('rate', "Market", array('placeholder' => 'Rate','class' => 'form-control')) !!}          
                        </div>
                        <label for="inputJobDesc" class="col-sm-2 col-form-label">Rate Type</label>
                        <div class="col-sm-4">
                        {!! 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">
                        {!! 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">Date Available</label>
                        <div class="col-sm-4">
                            {!! Form::text('available_date', date('m/d/Y'), 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">
                            <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 == "12+ Months"){{'selected'}}@endif>{{$val}}</option>
                            @endforeach
                            </select>                            
                        </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">
                                <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="inlineRadio25" value="No" checked>
                                <label class="form-check-label" for="inlineRadio25">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">                    
                            <select class="form-control" name="experience_level">
                            <option selected="selected" value="">Please select</option>
                            @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>
                        <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">
                                <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" checked>
                                <label class="form-check-label" for="inlineRadio2">No</label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputJobDesc" class="col-sm-2 col-form-label">Pan Card Number</label>
                        <div class="col-sm-4 py-2">                    
                        {!! Form::text('pan_number','', array('placeholder' => 'Pan Card Number','class' => 'form-control','autocomplete' => 'off')) !!}          

                        </div>
                        <label for="inputJobDesc" class="col-sm-2 col-form-label">Passport Number</label>
                        <div class="col-sm-4 py-2">
                        {!! Form::text('passport_number','', array('placeholder' => 'Passport Number','class' => 'form-control','autocomplete' => 'off')) !!}          
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputJobDesc" class="col-sm-2 col-form-label">Date Of Birth</label>
                        <div class="col-sm-4 py-2">                    
                        {!! Form::text('dob','', array('placeholder' => 'Date Of Birth','class' => 'form-control datepicker','autocomplete' => 'off')) !!}          

                        </div>
                    </div>
                </div>
            </div>
        </div>        
    </div>    
    <input type="hidden" name="city" id="city" value="{{ old('city') }}"> 
<input type="hidden" name="state_province" id="state_province" value="{{ old('state_province') }}"> 
<input type="hidden" name="country" id="country" value="{{ old('country') }}"> 
    @php
      $previousUrl = '';
      if(url()->previous() && url()->previous() != route('ppeople.people.create')){
			$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