@extends('admin.template.jobmaster') 
@section('title', $title)
@section('content')

@php

$userOrganisation_type= Auth::user()->organisation_type;

$jtype = ''; $jemployment = ''; $jtitle = ''; $description = ''; $organization = ''; $pdate = ''; $cdate = ''; $organizationType = ''; $country = ''; $state = ''; $city = ''; $experience = ''; $google_form = ''; $contact_person = ''; $website = ''; $facebook_id = ''; $linkedin_id = ''; $twitter_id = ''; $sectors = array(); $job_type = '';

if(isset($jobData))

{
	$jtype = $jobData->job_type; 

	$jemployment = $jobData->employment_type;

	$jtitle = $jobData->job_title; 

	$description = $jobData->job_description; 

	$organization = $jobData->organisation;

	$pdate = \Carbon\Carbon::parse($jobData->publish_date)->format('d-m-Y');

	$cdate = \Carbon\Carbon::parse($jobData->closing_date)->format('d-m-Y');

	$cpublish = \Carbon\Carbon::parse($jobData->portal_date)->format('d-m-Y');

	$organizationType = $jobData->organisation_type; 

	$country = $jobData->country; 

	$state = $jobData->state; 

	$city = $jobData->city;	 

	$company_image = $jobData->company_image;	

	$attachment = $jobData->attachment;	

	$experience = $jobData->experience;

	$contact_person = $jobData->contact_person;

	$google_form = $jobData->google_form;

	$website = $jobData->website;

	$facebook_id = $jobData->facebook_id;

	$linkedin_id = $jobData->linkedin_id;

	$twitter_id = $jobData->twitter_id;

	$job_type = $jobData->job_type;

	$jmin_salary = $jobData->min_salary;

	$jmax_salary = $jobData->max_salary;

	

	if($tempJob == 0) $sectors = $jobData->sectors->pluck('sector_id')->toArray();

}

$userName= Auth::user()->name;
$userOrganisation_type= Auth::user()->organisation_type;
$userPerson= Auth::user()->person;
$userType= Auth::user()->user_type;
$userId= Auth::user()->id;
$userImage= Auth::user()->user_image;

@endphp

<style type="text/css">
    .hide{
		display:none;
	}

	.upload-poster {
	    display: inline-block;
	    padding: 4px 12px;
	    margin-bottom: 0;
	    font-size: 14px;
	    line-height: 20px;
	    color: #000;
	    text-align: center;
	    vertical-align: middle;
	    cursor: pointer;
	    border: 1px solid #bbbbbb;
	    border-bottom-color: #a2a2a2;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    border-radius: 4px;
	}

	.organisation-logo{
	    width: 200px;
	    height: 200px;
	    border: 1px solid #bbbbbb;
	    margin-top: 20px;
	}

	.note-editable{
		height: 400px;
	}

	.js .inputfile {
	    width: 0.1px;
	    height: 0.1px;
	    opacity: 0;
	    overflow: hidden;
	    position: absolute;
	    z-index: -1;
	}

	.inputfile + label {
	    display: inline-block;
	    padding: 4px 12px;
	    margin-bottom: 0;
	    font-size: 14px;
	    line-height: 20px;
	    color: #000;
	    text-align: center;
	    vertical-align: middle;
	    cursor: pointer;
	    border: 1px solid #bbbbbb;
	    border-bottom-color: #a2a2a2;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    border-radius: 4px;
	}
	
	.note-editor .modal-dialog p{
	    display: none;
	}
</style>

<div class="app-content content">
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-8 col-12 mb-2 breadcrumb-new">
	            <h3 class="content-header-title mb-0 d-inline-block">Jobs</h3>
	            <div class="row breadcrumbs-top d-inline-block">
	                <div class="breadcrumb-wrapper col-12">
		                <ol class="breadcrumb">
		                    <li class="breadcrumb-item"><a href="{{ route('auth.jobdashboard') }}">Home</a></li>
		                    <li class="breadcrumb-item"><a href="{{ route('auth.job.jobindex') }}">Edit Job</a></li>
		                    <li class="breadcrumb-item active">Data</li>
		                </ol>
	                </div>
	            </div>
            </div>
        </div>
        <div class="content-body">
        	<!-- Basic form layout section start -->
			<section id="horizontal-form-layouts">
				<div class="row">
					<div class="col-md-12">
				        <div class="card">
				            <div class="card-header">
				                <h4 class="card-title" id="horz-layout-colored-controls">Jobs</h4>
				                <a class="heading-elements-toggle"><i class="fa fa-ellipsis-v font-medium-3"></i></a>
			        			<div class="heading-elements">
				                    <ul class="list-inline mb-0">
				                        <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
				                        <li><a data-action="reload"><i class="ft-rotate-cw"></i></a></li>
				                        <li><a data-action="expand"><i class="ft-maximize"></i></a></li>
				                        <li><a data-action="close"><i class="ft-x"></i></a></li>
				                    </ul>
				                </div>
				            </div>
				            <div class="card-content collpase show">
				                <div class="card-body">
				                    @include('admin.partials.flash_message') 					

									<form action="{{ $action }}" method="post" enctype="multipart/form-data" class="form form-horizontal">
										@csrf()
										@if(!empty($method)) @method($method) @endif
				                    	<div class="form-body">
				                    		<h4 class="form-section"><i class="fa fa-eye"></i> Edit Job</h4>
				                    		<div class="row">
				                    			<div class="col-md-12">
							                        <div class="form-group row">
							                        	<label class="col-md-3 label-control" for="userinput1">Job Type <span class="text-danger">*</span> : </label>
							                        	<div class="col-md-9">
							                            	<input type="radio" name="job_type" value="{{ trim($jtype) }}" checked=""> {{ trim($jtype) }}
													    	<span style="border: 2px solid #0093fc; padding: 10px; margin-left: 20px; border-radius: 15px;">
														        <input type="radio" name="job_type" value="Featured"> Featured
														        <input type="radio" name="job_type" value="Prime" id="select-prime"> Prime
														        <input type="radio" name="job_type" value="Standard"> Standard
														    </span>
							                            </div>
							                        </div>
							                    </div>
							                </div>
					                        <div class="row">
					                        	<div class="col-md-12">
								                    <div class="form-group row">
														<label class="col-md-3 label-control">Employment Type <span class="text-danger">*</span> :</label>
														<div class="col-md-9">
													    	<input type="radio" name="employment_type" value="{{ trim($jemployment) }}" checked=""> 
													    	@if($jemployment == 1)
													    	    Full Time
													    	@elseif($jemployment == 2)  
													    	    Part Time
													    	@elseif($jemployment == 3) 
													    	    Contractual
													    	@endif 
													    	<span style="border: 2px solid #0093fc; padding: 10px; margin-left: 20px; border-radius: 15px;">         
														        <input type="radio" name="employment_type" value="1"> Full Time
														        <input type="radio" name="employment_type" value="2" id="select-prime"> Part Time
														        <input type="radio" name="employment_type" value="3"> Contractual
														    </span>
												        </div>
													</div>
					                        	</div>
					                        </div>
							                <div class="row">
							                    <div class="col-md-12">
						                        	<div class="form-group row">
							                        	<label class="col-md-3 label-control" for="userinput3">Job Title <span class="text-danger">*</span> :</label>
							                        	<div class="col-md-9">
							                            	<input class="form-control border-primary" type="text" placeholder="Job Title" id="userinput5" name="job_title" value="{{ trim($jtitle) }}" required="">
						                        		</div>
						                       		</div>
						                       	</div>
					                        </div>
					                        <div class="row">
							                    <div class="col-md-12">
						                        	<div class="form-group row">
							                        	<label class="col-md-3 label-control" for="userinput3">Salary Bracket (Per Annum) :</label>
							                        	<div class="col-md-9">
							                        		<div class="row">
							                                    <div class="col-md-6">
										                        	<div class="form-group row">
											                        	<label class="col-md-3 label-control" for="userinput3">From :</label>
											                        	<div class="col-md-9">
											                            	<input class="form-control border-primary" type="number" placeholder="Min Salary" id="userinput5" name="min_salary" value="{{ trim($jmin_salary) }}">
										                        		</div>
										                       		</div>
										                       	</div>
										                       	<div class="col-md-6">
										                        	<div class="form-group row">
											                        	<label class="col-md-3 label-control" for="userinput3">To :</label>
											                        	<div class="col-md-9">
											                            	<input class="form-control border-primary" type="number" placeholder="Max Salary" id="userinput5" name="max_salary" value="{{ trim($jmax_salary) }}">
										                        		</div>
										                       		</div>
										                       	</div>
										                    </div>
								                       	</div>
						                       		</div>
						                       	</div>
					                        </div>
					                        <div class="row">
							                    <div class="col-md-12">
						                        	<div class="form-group row">
							                        	<label class="col-md-3 label-control" for="userinput3">Experience (years) :</label>
							                        	<div class="col-md-9">
							                            	<input class="form-control border-primary" type="text" placeholder="Experience" id="userinput5" name="experience" value="{{ trim($experience) }}">
						                        		</div>
						                       		</div>
						                       	</div>
					                        </div>
					                        <div class="row">
							                    <div class="col-md-12">
							                        <div class="form-group" style="display: none;">
                                            			<button id="edit"></button>
                                            			<button id="save"></button>
                                            		</div>
						                        	<div class="form-group row">
							                        	<label class="col-md-3 label-control" for="userinput3">Job Description <span class="text-danger">*</span> :</label>
							                        	<div class="col-md-9">     	
															<textarea class="summernote" name="job_description">{{ trim($description) }}</textarea>
														</div>
						                       		</div>
						                       	</div>
					                        </div>
					                        <div class="row">
							                    <div class="col-md-12">
						                        	<div class="form-group row">
							                        	<label class="col-md-3 label-control" for="userinput3">Organization <span class="text-danger">*</span> :</label>
							                        	<div class="col-md-9">
							        						<input type="text" class="form-control" value="{{ $userName }}" readonly="">
		        						                    <input type="hidden" class="form-control" name="organisation" value="{{ $userId }}" readonly="">
							    						</div>
						                       		</div>
						                       	</div>
					                        </div>
					                        <div class="row">
							                    <div class="col-md-12">
						                        	<div class="form-group row">
							                        	<label class="col-md-3 label-control" for="userinput3">Organization Type <span class="text-danger">*</span> :</label>
							                        	<div class="col-md-9">
							        						@foreach(get_organisations() as $k=>$c)
							        							@if($k == $userOrganisation_type)
							        							
							        							<input type="text" name="organisation_type" class="form-control" value="{{ $c }}"readonly="">

							        							@endif 
							        						@endforeach
							    						</div>
						                       		</div>
						                       	</div>
					                        </div>
					                        <div class="row">
							                    <div class="col-md-12">
						                        	<div class="form-group row">
							                        	<label class="col-md-3 label-control" for="userinput3">Original Publish Date <span class="text-danger">*</span> :</label>
							                        	<div class="col-md-9">
															<div class="input-group">
																<div class="input-group-prepend">
																	<span class="input-group-text">
																		<span class="fa fa-calendar-o"></span>
																	</span>
																</div>
																<input type='text' name="publish_date" class="form-control datepicker" placeholder="Original Publish Date" value="{{ trim($pdate) }}" />
															</div>
														</div>
						                       		</div>
						                       	</div>
					                        </div>
					                        <div class="row">
							                    <div class="col-md-12">
						                        	<div class="form-group row">
							                        	<label class="col-md-3 label-control" for="userinput3">Closing Date <span class="text-danger">*</span> :</label>
							                        	<div class="col-md-9">
															<div class="input-group">
																<div class="input-group-prepend">
																	<span class="input-group-text">
																		<span class="fa fa-calendar-o"></span>
																	</span>
																</div>
																<input type='text' name="closing_date" class="form-control datepicker" placeholder="Closing Date" value="{{ trim($cdate) }}" />
															</div>
														</div>
						                       		</div>
						                       	</div>
					                        </div>
					                        <div class="row">
							                    <div class="col-md-12">
						                        	<div class="form-group row">
							                        	<label class="col-md-3 label-control" for="userinput3">CSRAbility Publish Date <span class="text-danger">*</span> :</label>
							                        	<div class="col-md-9">
															<div class="input-group">
																<div class="input-group-prepend">
																	<span class="input-group-text">
																		<span class="fa fa-calendar-o"></span>
																	</span>
																</div>
																<input type='text' name="portal_date" class="form-control pickadate" placeholder="CSRAbility Publish Date" value="{{ trim($cpublish) }}" />
															</div>
														</div>
						                       		</div>
						                       	</div>
					                        </div>
					                        <div class="row">
							                    <div class="col-md-12">
						                        	<div class="form-group row">
							                        	<label class="col-md-3 label-control" for="userinput3">Country <span class="text-danger">*</span> :</label>
							                        	<div class="col-md-9">
															<select name="country" class="select2 form-control" id="country">
							        							<option>Select</option>
		        							
							        							@foreach($countries as $k=>$c)
							        							@if(trim($country) == $c->id)
							        							<option value="{{ $c->id }}" selected="selected">
							        								{{ $c->name }}
							        							</option>
							        							@endif
							        							@endforeach
							        							@if(count($countries) > 0)
							        							
							        							@foreach($countries as $k=>$c)
							        							
							        							<option value="{{ $c->id }}">{{ $c->name }}</option>
							        							
							        							@endforeach
							        							
							        							@endif
							        						</select>
														</div>
						                       		</div>
						                       	</div>
					                        </div>
					                        <div class="row">
							                    <div class="col-md-12">
						                        	<div class="form-group row">
							                        	<label class="col-md-3 label-control" for="userinput3">State <span class="text-danger">*</span> :</label>
							                        	<div class="col-md-9">
															<select name="state" class="select2 form-control" id="state">
							        							<option value="">Select</option>
							        							@foreach($states as $k=>$c)
							        							@if(trim($state) == $c->id)
							        							<option value="{{ $c->id }}" selected="selected">
							        								{{ $c->name }}
							        							</option>
							        							@endif
							        							@endforeach
							        						</select>
														</div>
						                       		</div>
						                       	</div>
					                        </div>
					                        <div class="row">
							                    <div class="col-md-12">
						                        	<div class="form-group row">
							                        	<label class="col-md-3 label-control" for="userinput3">City <span class="text-danger">*</span> :</label>
							                        	<div class="col-md-9">
															<select name="city" class="select2 form-control" id="city">
							        							<option value="">Select</option>
							        							@foreach($cities as $k=>$c)
							        							@if(trim($city) == $c->id)
							        							<option value="{{ $c->id }}" selected="selected">
							        								{{ $c->city }}
							        							</option>
							        							@endif
							        							@endforeach 
							        						</select>
														</div>
						                       		</div>
						                       	</div>
					                        </div>
					                        <div class="row">
							                    <div class="col-md-12">
						                        	<div class="form-group row">
							                        	<label class="col-md-3 label-control" for="userinput3">Organization Logo <span class="text-danger">*</span> :</label>
							                        	<div class="col-md-9">
							                            	<input type="hidden" class="form-control" name="company_image" value="{{ $userImage }}">
				                                            <img src="../../../../storage/app/public/profile/{{ $userImage }}" id="imagePreview" class="organisation-logo" alt="Your image will appear here.">
						                        		</div>
						                       		</div>
						                       	</div>
					                        </div>
					                        <div class="row">
							                    <div class="col-md-12">
						                        	<div class="form-group row">
							                        	<label class="col-md-3 label-control" for="userinput3">Contact Person <span class="text-danger">*</span> :</label>
							                        	<div class="col-md-9">
							                            	<input type="text" class="form-control" name="contact_person" value="{{ $userPerson }}">
						                        		</div>
						                       		</div>
						                       	</div>
					                        </div>
					                        <div class="row">
							                    <div class="col-md-12">
						                        	<div class="form-group row">
							                        	<label class="col-md-3 label-control" for="userinput3">Important Link <br> (Email/Google Form) :</label>
							                        	<div class="col-md-9">
							                            	<input class="form-control border-primary" type="text" placeholder="Important Link" id="userinput5" name="google_form" value="{{ trim($google_form) }}">
						                        		</div>
						                       		</div>
						                       	</div>
					                        </div>
					                        <div class="row">
							                    <div class="col-md-12">
						                        	<div class="form-group row">
							                        	<label class="col-md-3 label-control" for="userinput3">Additional Attachments :</label>
							                        	<div class="col-md-9">
									                        <input type="file" name="attachment1[]" id="file-3" class="inputfile" data-multiple-caption="{count} files selected" onchange="alert('Additional Attachments Uploaded Successfully !');" multiple>
									                        <label for="file-3" class="mr-5"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17"><path d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z"/></svg> <span>Select File</span></label>
									                        <div id="selectedFiles"></div>
									                    </div>
						                       		</div>
						                       	</div>
					                        </div>

					                        @if(trim($job_type) == 'Prime')
						                        <div>
							                        <div class="row">
									                    <div class="col-md-12">
								                        	<div class="form-group row">
									                        	<label class="col-md-3 label-control" for="userinput3">Website :</label>
									                        	<div class="col-md-9">
									                            	<input class="form-control border-primary" type="text" placeholder="Website URL" name="website" value="{{ trim($website) }}">
								                        		</div>
								                       		</div>
								                       	</div>
							                        </div>
							                        <div class="row">
									                    <div class="col-md-12">
								                        	<div class="form-group row">
									                        	<label class="col-md-3 label-control" for="userinput3">Facebook Id :</label>
									                        	<div class="col-md-9">
									                            	<input class="form-control border-primary" type="text" placeholder="Facebook Id" name="facebook_id" value="{{ trim($facebook_id) }}">
								                        		</div>
								                       		</div>
								                       	</div>
							                        </div>
							                        <div class="row">
									                    <div class="col-md-12">
								                        	<div class="form-group row">
									                        	<label class="col-md-3 label-control" for="userinput3">LinkedIn Id :</label>
									                        	<div class="col-md-9">
									                            	<input class="form-control border-primary" type="text" placeholder="LinkedIn Id" name="linkedin_id" value="{{ trim($linkedin_id) }}">
								                        		</div>
								                       		</div>
								                       	</div>
							                        </div>
							                        <div class="row">
									                    <div class="col-md-12">
								                        	<div class="form-group row">
									                        	<label class="col-md-3 label-control" for="userinput3">Twitter Id :</label>
									                        	<div class="col-md-9">
									                            	<input class="form-control border-primary" type="text" placeholder="Twitter Id" name="twitter_id" value="{{ trim($twitter_id) }}">
								                        		</div>
								                       		</div>
								                       	</div>
							                        </div>
							                    </div>
							                @endif
										</div>

				                        <div class="form-actions right">
									        <button type="submit" class="btn btn-primary" name="save">
				                                <i class="fa fa-check-square-o"></i> Save as Draft
				                            </button>
				                            <button type="submit" class="btn btn-primary" name="publish">
				                                <i class="fa fa-check-square-o"></i> Submit
				                            </button>
				                        </div>
				                    </form>
				                </div>
				            </div>
				        </div>
				    </div>
				</div>
			</section>
            <!-- // Basic form layout section end -->
        </div>
    </div>
</div>

@stop

<script>   

    $(function(){
        $('.datepicker').pickadate({
        	onSelect: function( selectedDate ) {
		        $('.datepicker').pickadate({
				    min: selectedDate
				})
		    }
		})
    });

</script>

<script>
	var selDiv = "";
		
	document.addEventListener("DOMContentLoaded", init, false);
	
	function init() {
		document.querySelector('#file-3').addEventListener('change', handleFileSelect, false);
		selDiv = document.querySelector("#selectedFiles");
	}
		
	function handleFileSelect(e) {
		
		if(!e.target.files) return;
		
		selDiv.innerHTML = "";
		
		var files = e.target.files;
		for(var i=0; i<files.length; i++) {
			var f = files[i];
			
			selDiv.innerHTML += f.name + "<br/>";

		}
		
	}
</script>

    <script>

    var dateToday = new Date();

    $(function(){





        $(".pdf-div").hide();



        $(".url-div").hide();




    });



    </script>
    
@section('javascript')

<script type="text/javascript">
	jQuery("select#mainpage").on('change',function () {		
    	jQuery("div#mainsection").find('input').css('display', 'none');
    	jQuery("div#mainsection").find('img').css('display', 'none');
    	var idclassurl = jQuery("select#mainpage :selected").attr('id')
		// jQuery(".urldataurl").val(idclassurl);
		jQuery("div#mainsection").find('input[data-parent="'+idclassurl+'"]').css('display', 'block');
		jQuery("div#mainsection").find('img[data-parent="'+idclassurl+'"]').css('display', 'block');
		//alert (idclassurl);
	});
</script>

<script>

$("#select-prime").change(function(){
	let select_per = $(this).val();
	if(select_per != ' ') {
		$("#permissions").css('display','block');
	}else{
		$("#permissions").css('display','none');
	}
});

</script>

<script type="text/javascript">
function CheckColors(val){
 var element=document.getElementById('color');
 if(val=='pick a color'||val=='others')
   element.style.display='block';
 else  
   element.style.display='none';
}

</script> 

@endsection