@extends('layouts.front-page')
@section('pageTitle', 'HireMee Jobs')

@section('content')
<section class="section hme-candidate-banner hme-bgm-light-gray p-0 p-relative section-min-height-300">
    
	<div class="row">
	    <div class="col">
	      <!-- carousel code -->
	      <div id="carouselExampleIndicators" class="carousel slide p-relative">
	        <div class="carousel-inner">
			  <div class="carousel-item active">
	          	<img src="{{{ URL::asset('assets/home/images/slider/001.jpg')}}}">
	          </div>
	          <div class="hme-static-landing-banner-action-careers-view">
	          	<div class="container">
					<div class="row">
						<div class="col-xl-12 text-center">
							<h1 class="hme-careerView-banner-txt">{{$job->job_title ?? '-'}}</h1>
						</div>
						<div class="col-xl-6 col-6 text-left">
							<div class="hme-career-banner-txt1">Date Posted: {{$job->created_at->format('d M, Y')}}  <br> Last Date to apply: {{$job->updated_at->format('d M, Y')}}</div>
						</div>
						<div class="col-xl-6 col-6 text-right">
							<div class="hme-career-banner-txt1">Total Openings<br> 
								<h2>{{$job->no_of_openings}}</h2></div>
						</div>
						</div>
						<div class="row">
						
					</div>
					 
	          	</div>

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

<section class="section">
	<div class="container hme-banner-search-wrapper-careerView">
	<div class="row">
							<div class="col-xl-12 mb-5">
								<div class="text-center w-w-b">{!! $job->about_job !!}</div>
							</div>
						</div>
		<div class="row">
			<div class="col-xl-6 col-12 col-sm-6">
					<h3 class="hme-careerView-heading">What will you do</h3>
					<div class="text-left w-w-b">{!! $job->job_desc !!}</div>
			</div>
			<div class="col-xl-6 col-12 col-sm-6">
					<h3 class="hme-careerView-heading">What we are looking for</h3>
					<div class="text-left w-w-b">{!! $job->job_requirement !!}</div>
			</div>
		</div>

		<div class="row">
			<div class="col-md-12 mt-5 text-center">
				<a href="javascript:;" class="hme-banner-career-btn" id="js-apply" data-value="0">Apply for this Job</a>
			</div>
		</div>
		  <div id="js-form">
		{!! Form::open(['url'=>secure_url('job-applied-store'),'method'=>'post','id'=>'js-jobapply-form','autocomplete'=>'off','files' => true, 'enctype' => 'multipart/form-data',]) !!}
		<div class="row mt-5">
			<div class="col-md-6">
				<div class="form-group row">
					<label class="col-md-12">Name <sup class="text-danger">*</sup></label>
					<div class="col-md-12">
						{!! Form::text('name','',array('class'=>'form-control career-input','id'=>'js-career-name','placeholder'=>'Enter Your Name','maxlength'=>30, "tabindex"=>1)) !!}
						<span id="js-career-name-error"></span>
					</div>
				</div>
				<div class="form-group row">
					<label class="col-md-12">Mobile Number <sup class="text-danger">*</sup></label>
					<div class="col-md-12">
						{!! Form::text('mobile_number','',array('class'=>'form-control career-input','id'=>'js-career-mobile','placeholder'=>'Enter Your Mobile Number','maxlength'=>10, "tabindex"=>4)) !!}
						<span id="js-career-mobile-error"></span>
					</div>
				</div>
				<div class="form-group row">
					<label class="col-md-12">Highest Qualification <sup class="text-danger">*</sup></label>
					<div class="col-md-12 career-select-error">
						<div class="hme-select-style hme-career-search">
							{!! Form::select("qualification",$qualification,'',array("class"=>"js-select2","id"=>"js-career-qualification",'placeholder' => 'Choose Your Highest Qualification', "tabindex"=>6)) !!}
						</div>
						<span id="js-career-qualification-error"></span>
					</div>
				</div>
				<div class="form-group row">
					<label class="col-md-12">Preferred Location <sup class="text-danger">*</sup></label>
					<div class="col-md-12 career-select-error">
						<div class="hme-select-style hme-career-search">
							{!! Form::select("location",$location,'',array("class"=>"js-select2","id"=>"js-career-location",'placeholder' => 'Choose Your Preferred Location', "tabindex"=>8)) !!}
						</div>
						<span id="js-career-location-error"></span>
					</div>
				</div>
				
			</div>
			<div class="col-md-6">
				<div class="row">
					<div class="col-md-6">
						<div class="form-group row">
							<label class="col-md-12">Date of Birth <sup class="text-danger">*</sup></label>
							<div class="col-md-12">
								<div class="input-group">
									{!! Form::text('dob','',array('class'=>'form-control career-input js-date-dob','id'=>'js-career-dob','placeholder'=>'Enter Your DOB', "tabindex"=>2)) !!}
									<span id="js-career-dob-error"></span>
									<div class="input-group-append">
										<span class="input-group-text" id="basic-addon2"><i class="fa fa-calendar"></i></span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-6">
						<div class="form-group row">
					<label class="col-md-12">Gender <sup class="text-danger">*</sup></label>
					<div class="col-md-12 career-select-error">
						<div class="hme-select-style hme-career-search1">
							{!! Form::select("gender",['0'=>'Female','1'=>'Male'],'',array("class"=>"","id"=>"js-career-gender",'placeholder' => 'Choose Gender', "tabindex"=>3)) !!}
						</div>
						<span id="js-career-gender-error"></span>
					</div>
				</div>
					</div>
				</div>
				<div class="form-group row">
					<label class="col-md-12">Email Address <sup class="text-danger">*</sup></label>
					<div class="col-md-12">
						{!! Form::email('email',null,array('class'=>'form-control career-input','id'=>'js-career-email','placeholder'=>'Enter Your Email Address','maxlength'=>"30", "tabindex"=>5)) !!}
						<span id="js-career-email-error"></span>
					</div>
				</div>
				<div class="form-group row">
					<label class="col-md-12">Work Experience <sup class="text-danger">*</sup></label>
					<div class="col-md-12 career-select-error">
						<div class="hme-select-style hme-career-search">
							{!! Form::select("experience",$experience,'',array("class"=>"js-select2","id"=>"js-career-experience",'placeholder' => 'Choose Your Work Experience', "tabindex"=>7)) !!}
						</div>
						<span id="js-career-experience-error"></span>
					</div>
				</div>
				 {{Form::hidden('id',$job->id,array('class'=>'form-control ','id'=>'js-jobs_id'))}} 
				<div class="form-group row">
					<label class="col-md-12">Upload Resume <sup class="text-danger">*</sup></label>
					<div class="col-md-12">
						<div class="input-group input-group-primary1 uploadStudentError2 height-40">
							<label class="input-group-addon left-border-radius c-p">
								Browse {!! Form::file('upload_file',array('class' => 'm-t-5','type'=>"file",'id'=>'upload_file',"style"=>"display: none;", "tabindex"=>9)) !!}
								<span id="upload_file-error"></span>
							</label>
							<input type="text" placeholder="Upload Resume" class="form-control career-upload-input c-p" readonly>
							{!! Form::button('<i class="fa fa-upload"></i>', ['type' => 'button', 'class' => 'input-group-addon input-group-addon right-border-radius c-p','id'=>'_submit'] )  !!}
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12 mt-5 mb-5">
				<button type="submit" class="hme-banner-career-btn c-p" id="js-apply-form-submit" tabindex="10">Submit Your Applications</button>
				<a href="{{ secure_url('careers') }}" class="btn text-dark" tabindex="11">Cancel</a>
			</div>
		</div>
		{!! Form::close() !!}
		</div>
		 
	</div>
</section>

@endsection
@section('footer')

@endsection