@extends("layouts.main")
@section('title','Edit the Posted Job')
@section("content")
<div class="pcoded-content">

<div class="hme-loading-mask">
  <div class="hme-loading-container">
    <div class="hme-dual-ring"></div>
    <div>Please wait, Loading...</div>
  </div>
</div>

	<div class="pcoded-inner-content">
		<div class="main-body">
			<div class="page-wrapper">
				<div class="page-header">
					<div class="page-header-title">
						<h4> Edit the Posted Job </h4>
					</div>
					<div class="page-header-breadcrumb">
						<ul class="breadcrumb-title">
			              <li class="breadcrumb-item">
			                  <a href="{{ secure_url('blog-create')}}">                                   
			                  <i class="hiremee-home"></i>
			                </a>
			              </li>
			              <li class="breadcrumb-item">
			                <a href="{{ secure_url('getcmsjob') }}">Jobs</a>
			              </li>
			            </ul>
					</div>
				</div>
				<div class="page-body">
					<div class="row">
						<div class="col-md-9 col-lg-9">
							<div class="row">
								<div class="col-md-12 col-lg-12">
									<div class="card-unborder card-block">
										<div class="row p-b-30">
											<div class="col-md-12">
												<div class="wizard">
													<div class="wizard-inner">
														<div class="connecting-line"></div>
														<ul class="nav nav-tabs" role="tablist">
															<li role="presentation" class="nav-item">
																<a href="#step1" data-toggle="tab" aria-controls="step1" role="tab" title="Step 1" class="nav-link active">
																	<span class="round-tab">
																		1
																	</span>
																	<span class="wizard-text">
																		Job
																	</span>
																</a>
															</li>
															<li role="presentation" class="nav-item">
																<a href="#step2" data-toggle="tab" aria-controls="step2" role="tab" title="Step 2" class="nav-link active">
																	<span class="round-tab">
																		2
																	</span>
																	<span class="wizard-text">
																		Candidate
																	</span>
																</a>
															</li>
															<li role="presentation" class="nav-item">
																<a href="#step3" data-toggle="tab" aria-controls="step3" role="tab" title="Step 3" class="nav-link active">
																	<span class="round-tab">
																		3
																	</span>
																	<span class="wizard-text">
																		Interview
																	</span>
																</a>
															</li>

															<li role="presentation" class="nav-item">
																<a href="#step5" data-toggle="tab" aria-controls="step5" role="tab" title="Step 4" class="nav-link disabled">
																	<span class="round-tab">
																		4
																	</span>
																	<span class="wizard-text1">
																		Preview
																	</span>
																</a>
															</li>
														</ul>
													</div>
												</div>
											</div>
										</div>
										{!! Form::open(['url'=>'cms-job/update','method'=>'POST','id'=>'js-jobpost-form3']) !!}
										{!! Form::hidden('step',3) !!}
										{!! Form::hidden('id',$id) !!}
										{!! Form::hidden('company_id',$row->company_id) !!}
										{!! Form::hidden('',!empty($row->addressDetails) ? $row->addressDetails->where('address_type',1)->pluck('address_id') : null,['id'=>'js-company-address-id']) !!}
										{!! Form::hidden('',!empty($row->addressDetails) ? $row->addressDetails->where('address_type',2)->pluck('address_id') : null,['id'=>'js-branch-address-id']) !!}
										@php $interview_process = old('interview_process', $row['interview_process']); @endphp
										<div class="row">
											<div class="col-md-12">
												<h4 class="f-w-400 f-16 g-l-b">Interview Type </h4>
											</div>
											<div class="col-md-12 form-group p-t-10">
												<div class="js-radio-box js-walkin">
													<input class="text-nicelabel" data-id="js-direct-walkin" data-nicelabel='{"position_class": "text_radio", "checked_text": "Walk-in", "unchecked_text": "Walk-in"}' type="radio" value="1" name="interview_process" @if(!$interview_process || $interview_process == '1') checked @endif />  
													<input class="text-nicelabel" data-id="js-want-to-check" data-nicelabel='{"position_class": "text_radio", "checked_text": "Online", "unchecked_text": "Online"}' type="radio" value="2" name="interview_process"  @if($interview_process == '2') checked @endif />  
													<input class="text-nicelabel" data-id="js-want-campus" data-nicelabel='{"position_class": "text_radio", "checked_text": "Campus recruitment", "unchecked_text": "Campus recruitment"}' type="radio" value="3" name="interview_process" @if($interview_process == '3') checked @endif /> 
												</div>  
											</div>
										</div>
										<div id="js-direct-walkin" class="js-walkin-div @if($interview_process > 1) d-none @endif">
										<div class="">
											<h4 class="f-w-400 f-16 g-l-b">Date and Timing</h4>
										</div>
										<div class="row">
											<div class="col-md-4">
												<label class="profile-label">Start Date<sup class="text-danger f-15">*</sup>
												</label>
												<div class="input-group">
													{!! Form::text('start_date',$row['start_date'],['class'=>'form-control js-date-from','placeholder'=>'e.g. 14-08-2018','readonly'=>true]) !!}
													<span class="input-group-addon">
														<i class="icofont icofont-calendar"></i>
													</span>
													@if ($errors->has('start_date'))
														<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate p-r-25" data-toggle="tooltip" data-original-title="{{ $errors->first('start_date') }}" data-trigger="hover"></span>
													@endif
												</div>
											</div>
											<div class="col-md-4">
												<label class="profile-label">End Date <sup class="text-danger f-15">*</sup>
												</label>
												<div class="input-group">
													{!! Form::text('end_date',$row['end_date'],['class'=>'form-control js-date-to','placeholder'=>'e.g. 15-08-2018','readonly'=>true]) !!}
													<span class="input-group-addon" id="">
														<i class="icofont icofont-calendar"></i>
													</span>
													@if ($errors->has('end_date'))
														<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate p-r-25" data-toggle="tooltip" data-original-title="{{ $errors->first('end_date') }}" data-trigger="hover"></span>
													@endif
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-12">
												<label class="profile-label">Time Slots 
												</label>
											</div>
										</div>
										<div class="row form-group">
											<div class="col-md-3 p-t-10">
												<div class="input-group">
													{!! Form::text('start_time',$row['start_time'],['class'=>'form-control js-time-from','placeholder'=>'e.g 10:00 AM']) !!}
													<span class="input-group-addon">
														<i class="hiremee-clock"></i>
													</span>
													@if ($errors->has('start_time'))
														<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate p-r-25" data-toggle="tooltip" data-original-title="{{ $errors->first('start_time') }}" data-trigger="hover"></span>
												@endif
												</div>
											</div>
											<div class="col-md-1 p-t-20 text-center">To</div>
											<div class="col-md-3 p-t-10">
												<div class="input-group">
													{!! Form::text('to_time',$row['to_time'],['class'=>'form-control js-time-to','placeholder'=>'e.g 05:00 PM']) !!}
													<span class="input-group-addon">
														<i class="hiremee-clock"></i>
													</span>
														@if ($errors->has('to_time'))
														<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate p-r-25" data-toggle="tooltip" data-original-title="{{ $errors->first('to_time') }}" data-trigger="hover"></span>
												@endif
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-4">
												<label class="profile-label">  Interview Days 
													@if($errors->has('interview_slot'))
														<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" data-toggle="tooltip" data-original-title="{{ $errors->first('interview_slot') }}" data-trigger="hover"></span>
													@endif
												</label>
											</div>
										</div>
										<div class="row form-group">
											<div class="col-md-12">
												@php 
												$slot_days = HireMeeHelper::JobInterviewSlots(); @endphp
												@if(is_array(explode(',',$row['interview_slots']))) 
													@php $interview_slots = explode(',',$row['interview_slots']);
													 @endphp
												@else
													@php $interview_slots = []; @endphp
												@endif	
												@foreach($slot_days as $key => $day)
												@if(!empty($interview_slots[0]))
													@if($key == 8)
												<div class="checkbox-fade fade-in-primary" id="interview_slot_div{{$key}}">
													@else
												<div class="checkbox-fade fade-in-primary {{in_array($key,$interview_slots) ? '' : 'd-none'}}" id="interview_slot_div{{$key}}">	
													@endif
												@else
												<div class="checkbox-fade fade-in-primary" id="interview_slot_div{{$key}}">
												@endif
													<label>
														@if($key == 8)
														{!! Form::checkbox('interview_slot[]',$key,in_array($key,$interview_slots) ? true : false,['class'=>'js-job-slot-checkbox-all']) !!}
														@else
														{!! Form::checkbox('interview_slot[]',$key,in_array($key,$interview_slots) ? true : false,['class'=>'js-job-slot-checkbox']) !!}
														@endif
														
														<span class="cr">
															<i class="cr-icon hiremee-tick txt-primary"></i>
														</span>
														<span class="text-muted">{{ $day }}</span>
													</label>
												</div>
												@endforeach
											</div>
										</div>
										<div class="row">
											<div class="col-md-5">
												<label class="profile-label"> Interview Location 
													<sup class="text-danger f-15">*</sup>
												</label>
												@if ($errors->has('company_address') && $errors->has('branch_address') && $errors->has('new_address'))
														<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" data-toggle="tooltip" data-original-title="Please select / add any address" data-trigger="hover"></span>
													@endif
											</div>
										</div>
										<div class="row form-group">
											<div class="col-md-12 text-custom d-flex align-items-center f-16">
												<i class="hiremee-info f-22 p-r-10 text-custom"></i>
												By default Registered company address will be shared with candidate, if you want to use different address click below Add New Address button.
											</div>
										</div>
										<div class="row form-group">
											<div class="col-md-12">
												<div class="row" id="js-address-append">
													@if(!is_null($company_address) && !is_null($company_address->comm_city) && !is_null($company_address->comm_state))
														<div class="col-md-6 m-t-10 m-b-10 js-address-check">
															<div class="col-md-12 address-border">
																<label class="container-checkbox p-t-5">
																	{!! Form::checkbox('company_address[]',1,true,['id'=>'js-company-address-1']) !!}
																	<span class="checkmark-round"></span>
																</label>
																<div class="row">
																	<div class="col-md-12">
																		<div class="row">
																			<div class="col-md-4 text-muted">Address:</div>
																			<div class="col-md-8 w-w-b">{{ $company_address->comm_address }}</div>
																		</div>
																		<div class="row">
																			<div class="col-md-4 text-muted">City:</div>
																			<div class="col-md-8 w-w-b">{{ $company_address->commCity->district ?? '' }}.
																			</div>
																		</div>
																		<div class="row">
																			<div class="col-md-4 text-muted">Region/State:</div>
																			<div class="col-md-8 w-w-b">{{ $company_address->commState->name ?? '' }}.
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
														@endif
														@if(!is_null($company_address->corp_address) && !empty($company_address->corp_address))
														<div class="col-md-6 m-t-10 m-b-10 js-address-check">
															<div class="col-md-12 address-border">
																<label class="container-checkbox p-t-5">
																	{!! Form::checkbox('company_address[]',2,false,['id'=>'js-company-address-2']) !!}
																	<span class="checkmark-round"></span>
																</label>
																<div class="row">
																	<div class="col-md-12">
																		<div class="row">
																			<div class="col-md-5 text-muted">Corp Address:</div>
																			<div class="col-md-7 w-w-b">{{ $company_address->corp_address ?? '' }}</div>
																		</div>
																		<div class="row">
																			<div class="col-md-5 text-muted">City:</div>
																			<div class="col-md-7">{{ $company_address->corpCity->district ?? '' }}.
																			</div>
																		</div>
																		<div class="row">
																			<div class="col-md-5 text-muted">Region / State:</div>
																			<div class="col-md-7">{{ $company_address->corpState->name ?? '' }}.
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
														@endif
														@forelse($company_address->branch as $branch_address)
														<div class="col-md-6 m-t-10 m-b-10 js-address-check">
															<div class="col-md-12 address-border">
																<label class="container-checkbox p-t-5">
																	{!! Form::checkbox('branch_address[]',$branch_address->id,false,['id'=>'js-branch-address-'.$branch_address->id]) !!}
																	<span class="checkmark-round"></span>
																</label>
																<div class="row">
																	<div class="col-md-12">
																		<div class="row">
																			<div class="col-md-4 text-muted">Address:</div>
																			<div class="col-md-8 w-w-b">{{ $branch_address->address }}</div>
																		</div>
																		<div class="row">
																			<div class="col-md-4 text-muted">City:</div>
																			<div class="col-md-8">{{ $branch_address->cityDetails->district }}.
																			</div>
																		</div>
																		<div class="row">
																			<div class="col-md-4 text-muted">Region/State:</div>
																			<div class="col-md-8">{{ $branch_address->stateDetails->name }}.
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
														@empty
														@endforelse
												
													@if(!empty($row['addressDetails']))
													@foreach($row['addressDetails']->where('address_type',3) as $key => $new_address)
														<div class="col-md-6 m-t-10 m-b-10 js-address-check js-newaddress-check">
														    <button type="button" class="btn btn-danger post_close_btn waves-effect md-close js-address-remove"><span class="hiremee-multiply"></span></button>
														    <div class="col-md-12 address-border">
														        <label class="container-checkbox p-t-5">
														            <input type="checkbox" name="new_address[{{ $key }}][id]" class="js-newaddress-element" value="{{ $key }}" checked> <span class="checkmark-round"></span> </label>
														        <div class="row">
														            <div class="col-md-12">
														                <div class="row">
														                    <div class="col-md-4 text-muted">Address:</div>
														                    <div class="col-md-8 w-w-b"> {{ $new_address->address }}
														                        <input type="hidden" name="new_address[{{ $key }}][address]" value="{{ $new_address->address }}" class="js-newaddress-element">
														                    </div>
														                </div>
														                <div class="row">
														                    <div class="col-md-4 text-muted">City:</div>
														                    <div class="col-md-8">{{ $new_address->cityDetails->district }}</div>
														                    <input type="hidden" name="new_address[{{ $key }}][city]" value="{{ $new_address->city_id }}" class="js-newaddress-element">
														                </div>
														                <div class="row">
														                    <div class="col-md-4 text-muted">Region/State:</div>
														                    <div class="col-md-8">{{ $new_address->stateDetails->name }}</div>
														                    <input type="hidden" name="new_address[{{ $key }}][state]" value="{{ $new_address->state_id }}" class="js-newaddress-element">
														                </div>
														            </div>
														        </div>
														    </div>
														</div>
														@endforeach
														@endif
												</div>

												<div class="row">
													<div class="col-md-12">
														<a href="javascript:;" class="md-trigger f-16 btn btn-outline-info btn-m-t-b" data-modal="add-address">
															<i class="hiremee-plus-circle"></i> Add New Address
														</a>
													</div>
												</div>
													
													<div class="row form-group" id="js-poc-append">
														@if(!empty($row['pocDetails']))
														@forelse($row['pocDetails'] as $poc)
														<div class="col-md-12 js-poc-row">
															<div class="row">
																<div class="col-md-5 col-12">
																	<label class="profile-label">Point of Contact<sup class="text-danger f-15">*</sup> :
																	</label>
																		<div class="row form-group">
																<div class="col-md-12">
																	{!! Form::text('poc_name[]',$poc->poc_name,['class'=>'form-control','placeholder'=>'e.g Ashritha Hedge']) !!}
																	@if($errors->has('poc_name.0'))
																		<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" data-toggle="tooltip" data-original-title="Point of contact name fileld is required." data-trigger="hover"></span>
																	@endif
																</div>
															    </div>
																</div>
																<div class="col-md-5 col-10">
																	<label class="profile-label">Contact No<sup class="text-danger f-15">*</sup> :</label>
																	<div class="row form-group">
																<div class="col-md-12">
																	{!! Form::text('poc_contact[]',$poc->poc_contact,['class'=>'form-control','minlength'=>6 , 'maxlength'=>10,'placeholder'=>'e.g 91 5425 74259']) !!}
																	@if($errors->has('poc_contact.0'))
																		<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" data-toggle="tooltip" data-original-title="Please enter a valid phone number. Contact No must be 6 to 10 digits.." data-trigger="hover"></span>
																	@endif
																</div>
															</div>
																</div>	
																<div class="col-md-2 col-2 @if($loop->first) d-none @endif">
																	<button class="btn m-t-45 btn-grey btn-icon js-poc-remove"><i class="hiremee-multiply m-r-0 f-16"></i></button>
																</div>
															</div>									
														</div>
														@empty
														<div class="col-md-12 js-poc-row">
															<div class="row">
																<div class="col-md-5 col-12">
																<div class="row">
																<div class="col-md-12">
																	<label class="profile-label">Point of Contact<sup class="text-danger f-15">*</sup> :
																	</label>
																	</div>
																	</div>
																	<div class="row form-group">
																<div class="col-md-12">
																	{!! Form::text('poc_name[]',null,['class'=>'form-control','placeholder'=>'e.g Ashritha Hedge']) !!}
																	@if($errors->has('poc_name.0'))
																		<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" data-toggle="tooltip" data-original-title="Point of contact name fileld is required." data-trigger="hover"></span>
																	@endif
																</div>
																</div>
																</div>
																<div class="col-md-5 col-10">
																<div class="row">
																<div class="col-md-12">
																	<label class="profile-label">Contact No<sup class="text-danger f-15">*</sup> :</label>
																	</div>
																	</div>
																	<div class="row form-group">
																<div class="col-md-12">
																	{!! Form::text('poc_contact[]',null,['class'=>'form-control','minlength'=>6 , 'maxlength'=>10,'placeholder'=>'e.g 91 5425 74259']) !!}
																	@if ($errors->has('poc_contact.0'))
																		<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" data-toggle="tooltip" data-original-title="Please enter a valid phone number. Contact No must be 6 to 10 digits.." data-trigger="hover"></span>
																	@endif
																</div>	
																</div>
																</div>															
															</div>
														</div>
														@endforelse
														@endif
													</div>
														<div class="row form-group">
															<div class="col-md-12">
																<a href="javascript:;" class="md-trigger f-16 btn btn-outline-info btn-m-t-b" data-modal="add-poc">
																	<i class="hiremee-plus-circle"></i> Add New POC
																</a>
															</div>
														</div>
													</div>
												</div>
											</div> <!-- end direct walk in -->

										<div id="js-want-to-check" class="js-walkin-div @if($interview_process < 2) d-none @endif">
					                    <div class="clearfix p-t-25"></div>
										<div class="row @if($interview_process != 2) d-none @endif" id="js-want-to-check-date">
											<div class="col-md-5">
												<label class="profile-label">Registration Closing Date
													<sup class="text-danger f-15">*</sup>
												</label>
												<div class="input-group">
													{!! Form::text('last_date',$row['last_date'],['class'=>'form-control js-date-from','placeholder'=>'e.g. 14-08-2018']) !!}
													<span class="input-group-addon">
														<i class="icofont icofont-calendar"></i>
													</span>
													<span id="last_date-error">
													@if ($errors->has('last_date'))
														<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate p-r-25" data-toggle="tooltip" data-original-title="{{ $errors->first('last_date') }}" data-trigger="hover"></span>
													@endif
												</span>
												</div>
											</div>
										</div>
										</div><!-- end want to check the applications -->

											<div class="row form-group">
                                            <div class="col-sm-5 col-md-5 col-lg-5">
                                               <label>HR Email Address : </label>
                                                    <input class="form-control" id="js-hr_email_address" name="hr_email_address" type="text"  placeholder="Please select HR email address" value="{{$job_details->hr_email_address}}" autocomplete="off" {{--@if($row->is_post_completed ==  4) disabled @endif--}}>
                                                  <span id="js-hr_email_address-error"></span>
                                              </div>                                      
                                            </div>

											<div id="js-want-campus" class="js-walkin-div @if($interview_process < 3) d-none @endif"><!-- start Campus recruitment -->
											 	<div class="col-md-12 form-group p-t-15">
							                      	<div class="row">
								                      	<div class="col-md-6 form-group" style="padding-left: 0px;">
									                        <label class="profile-label">Assessed College
									                          <sup class="text-danger f-15">*</sup>
									                        </label>
									                        <div class=" input-group">
										                        @php $college_id = $row->driveDetails ? $row->driveDetails->college_id : ""; @endphp
										                        {!! Form::select('college',[''=>'']+$colleges,$college_id,['id'=>'js-camp-college','data-placeholder'=>'Select College','class'=>'search-select remote-search-select']) !!}
										                       <span id="js-camp-college-error"></span>
									                      	</div> 
								                      	</div>
								                      	<div class="col-md-6">
									                        <label class="hme-filter-inline-label">Assessment Date
									                            <sup class="text-danger f-15">*</sup>
									                        </label>
									                        <div class="input-group">
									                        	{!! Form::text('assessment_date',$row['assessment_date'],['class'=>'form-control js-date-from','id'=>'js-camp-assessmentdate','placeholder'=>'e.g. 14-08-2018']) !!}
								                              	<span class="input-group-addon" id="">
								                                <i class="icofont icofont-calendar"></i>
								                              </span>
								                              <span id="js-camp-assessmentdate-error"></span>
								                            </div>
								                          </div>
								                </div>
							                    </div>
											</div><!-- end Campus recruitment -->

											<div class="col-md-12">
												<div class="row">
													@php $encrypted_job_id = App\Helper\HireMeeHelper::customEncrypter($id); @endphp
													<a href="{{ url('cms-edit-job/2').'/'.$encrypted_job_id }}" class="btn f-16 btn-primary btn-outline-primary m-r-5" id="js-job-previous-button">
														<i class="icofont icofont-rounded-left"></i>Previous
													</a>
													@if($row['is_post_completed'] > 2)
													<button type="submit" class="btn f-16 btn-primary m-r-5 js-btn" id="js-job-next-button">
														Next  
														<i class="icofont icofont-rounded-right"></i>
													</button>
													@endif
													<button type="submit" class="btn f-16 btn-outline-info" data-animation="false" data-toggle="tooltip" title="Save & Go to Next" id="js-job-draft-button">Save as Draft<i class="icofont icofont-rounded-right"></i></button>
												</div>
											</div>
											{!! Form::close() !!}
										</div>
										</div>
									</div>
								</div>

								<!-- <div class="col-md-3 col-lg-3">
									<div class="hme-job-captian">
		                            <div class="widget-header-title text-center">
		                                <h5>HireMee Certified Profiles </h5>
		                            </div>
		                            <div class="card p-15 text-center">
		                                <img class="img-circle" src="{{ secure_asset('assets/images/user.png') }}" alt="User-Profile-Image">
		                                <h4>Rohit Kumar</h4>
		                                <p>Java Web Services</p>
		                            </div>
		                        </div>
								</div> -->
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Add New Address -->
			<div class="animation-model">
				<div class="md-modal md-effect-1 m-w-600" id="add-address">
					<div class="md-content">
						<button type="button" class="btn btn-primary btn-icon-custom waves-effect md-close login-close-btn"><span class="hiremee-multiply f-18"></span></button>
						<div class="row p-0 m-0">

							<div class="col-md-12 p-t-20 p-b-30">
								<div class="row p-l-20 p-r-20">
									<div class="invites">
										<h4 class="">Add New Venue Address</h4>
									</div>
									<div class="col-sm-12 col-lg-12 form-group">
										<div class="row">
											<label class="profile-label col-md-3">Address <sup class="text-danger f-15">*</sup>:</label>
											<div class="col-md-7">
												<textarea rows="5" cols="5" id="js-address" class="form-control" placeholder="e.g #34/765, Bangalore Complex, Sarojini main Road."></textarea> 
											</div>
										</div>
									</div>
									<div class="col-sm-12 col-lg-12 form-group">
										<div class="row">
											<label class="profile-label col-md-3">Region / State<sup class="text-danger f-15">*</sup>:</label>
											<div class="col-md-7">
												{!! Form::select('state',[''=>'Select Region / State'] + $states,null,['class'=>'form-control js-select2','id'=>'js-address-state','data-placeholder'=>'Select Region / State']) !!}
											</div>
										</div>
									</div>
									<div class="col-sm-12 col-lg-12 form-group">
										<div class="row">
											<label class="profile-label col-md-3">City <sup class="text-danger f-15">*</sup>:</label>
											<div class="col-md-7">
												{!! Form::select('city',[''=>'Select City'],null,['class'=>'form-control js-select2','id'=>'js-address-city','data-placeholder'=>'Select City']) !!}
											</div>
										</div>
									</div>									
								</div>
								<div class="row m-t-20 p-l-20 p-r-20 text-left">
									<div class="col-md-2"></div>
									<div class="col-sm-8">
										<button type="button" class="btn btn-primary f-16 waves-effect" id="js-add-address">Add New Address</button>
									</div>
									<div class="col-md-2"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="md-overlay"></div>
			</div>
			<!-- Add New Address -->

			<!-- Add POC -->
			<div class="animation-model">
				<div class="md-modal md-effect-1 m-w-600" id="add-poc">
					<div class="md-content">
						<button type="button" class="btn btn-primary btn-icon-custom waves-effect md-close login-close-btn"><span class="hiremee-multiply f-18"></span></button>
						<div class="row p-0 m-0">
							<div class="col-md-12 p-t-20 p-b-30">
								<div class="row p-l-20 p-r-20">
									<div class="invites">
										<h4 class="">Add New Point of Contact</h4>
									</div>
								</div>
								<div class="col-sm-12 col-lg-12 form-group">
									<div class="row">
										<label class="profile-label col-md-3">Name <sup class="text-danger f-15">*</sup> :</label>
										<div class="col-md-7">
											<input type="text" name="name" id="js-poc-name" class="form-control" placeholder="POC Name">
										</div>
									</div>
								</div>
								<div class="col-sm-12 col-lg-12 form-group">
									<div class="row">
										<label class="profile-label col-md-3">Contact No <sup class="text-danger f-15">*</sup> :</label>
										<div class="col-md-7">
											<input type="text" name="contact" id="js-poc-contact" class="form-control" minlength="6" maxlength="10" placeholder="e.g 91 5425 74259">
										</div>
									</div>
								</div>
								<div class="row m-t-20 p-l-20 p-r-20 text-left">
									<div class="col-md-3"></div>
									<div class="col-sm-7">
										<button type="button" class="btn btn-primary f-16 waves-effect" id="js-add-poc">Add New POC</button>
									</div>
									<div class="col-md-2"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="md-overlay"></div>
			</div>
		</div>

<script src="{{secure_asset('assets/js/job-post.js') }}"></script>
<script type="text/javascript">
$(document).ready(function() {
	if($('body').find(".js-date-to").length){
	    $(".js-date-to").bootstrapMaterialDatePicker({ 
	        time: false,
		    clearButton: true,
	    	format: 'YYYY-MM-DD' 
	  	});
	}
	if($('body').find(".js-date-from").length){
		$(".js-date-from").bootstrapMaterialDatePicker({ 
	        time: false,
	        clearButton: true,
	        format: 'YYYY-MM-DD',
	        minDate : new Date()
	  	}).on('change', function(e, date){
	        $(".js-date-to").bootstrapMaterialDatePicker('setMinDate',date);
		});
	}
});
window.onload = function() {
	var date_from = new Date($(".js-date-from").val()).getDay();
	var date_to = new Date($(".js-date-to").val()).getDay();
	$(".js-date-to").bootstrapMaterialDatePicker('setMinDate',new Date());
	ShowOrHideDaysBasedOnFromDate(date_from,date_to);
	datesComparison();
	daysBetween(new Date($(".js-date-to").val()), new Date($(".js-date-from").val()));
};
function ShowOrHideDaysBasedOnFromDate(date_from,date_to){
  var end   = $(".js-date-to").val();
  if(end.length ==0){
    if(date_from == 0){
      $("#interview_slot_div7").removeClass('d-none');
      $("#interview_slot_div7 :input").attr('name', 'interview_slot[]');
    }else{
        $("#interview_slot_div"+date_from).removeClass('d-none');
        $("#interview_slot_div"+date_from+" :input").attr('name', 'interview_slot[]');
    }
  }
  for(var ii = date_from+1; ii < 8; ii++) {
    $("#interview_slot_div"+ii).addClass('d-none');
    $("#interview_slot_div"+ii+" :input").removeAttr('name');
  }
  for(var ii = date_from-1; ii > 0; ii--) {
    $("#interview_slot_div"+ii).addClass('d-none');
    $("#interview_slot_div"+ii+" :input").removeAttr('name');
  }  
  if(date_from == 0){
    $("#interview_slot_div7").removeClass('d-none');
    $("#interview_slot_div7 :input").attr('name', 'interview_slot[]');
  }
  if(!isNaN(date_to)){
    for(var ii = date_to; ii >= date_from; ii--) {
      $("#interview_slot_div"+ii).removeClass('d-none');
      $("#interview_slot_div"+ii+" :input").attr('name', 'interview_slot[]');
    }
    if(date_to < date_from){
      crossedDatesCorrection(date_from,date_to);
    }
  }  
}
function showOrHideDaysBasedOnToDate(date_to,date_from){
  for(var ii = date_to; ii > date_from; ii--) {
    $("#interview_slot_div"+ii).removeClass('d-none');
    $("#interview_slot_div"+ii+" :input").attr('name', 'interview_slot[]');
  }
  for(var ii = date_to+1; ii < 8; ii++) {
    $("#interview_slot_div"+ii).addClass('d-none');
    $("#interview_slot_div"+ii+" :input").removeAttr('name');
  }
  for(var ii = date_from-1; ii > 0; ii--) {
    $("#interview_slot_div"+ii).addClass('d-none');
    $("#interview_slot_div"+ii+" :input").removeAttr('name');
  }
  if(date_to < date_from){
    crossedDatesCorrection(date_from,date_to);
  }
  if(date_to == 0 || date_from == 0){
    $("#interview_slot_div7").removeClass('d-none');
    $("#interview_slot_div7 :input").attr('name', 'interview_slot[]');
  }
}
function crossedDatesCorrection(date_from,date_to){
  for(var ii = date_from; ii <= 6; ii++) {
    $("#interview_slot_div"+ii).removeClass('d-none');
    $("#interview_slot_div"+ii+" :input").attr('name', 'interview_slot[]');
  }
  for(var ii = 1; ii <= date_to; ii++) {
    $("#interview_slot_div"+ii).removeClass('d-none');
    $("#interview_slot_div"+ii+" :input").attr('name', 'interview_slot[]');
  }
  $("#interview_slot_div7").removeClass('d-none');
  $("#interview_slot_div7 :input").attr('name', 'interview_slot[]');
}
function daysBetween(d1, d2) {
    let Difference_In_Time = d1.getTime() - d2.getTime();
    let Difference_In_Days = Math.round(Difference_In_Time / (1000 * 3600 * 24));
    showAllDays(Difference_In_Days);
}
function showAllDays(Difference_In_Days){
  if(Difference_In_Days >= 6){
    for(var ii = 1; ii < 8; ii++) {
      $("#interview_slot_div"+ii).removeClass('d-none');
      $("#interview_slot_div"+ii+" :input").attr('name', 'interview_slot[]');
    }
  }
}
function datesComparison(){
  var start   = $(".js-date-from").val();
  var end   = $(".js-date-to").val();
  if(end.length!=0){
    var startDateArr = start.split("-");
    var endDateArr   = end.split("-");
    var startDate    = new Date(startDateArr[0],startDateArr[1],startDateArr[2]);
    var endDate    = new Date(endDateArr[0], endDateArr[1], endDateArr[2]);
    var results = compareDates(startDateArr,endDateArr);
    if(results == 1){
      $(".js-date-to").val('');
      for(var ii = date_from+1; ii < 8; ii++) {
        $("#interview_slot_div"+ii).addClass('d-none');
        $("#interview_slot_div"+ii+" :input").removeAttr('name');
      }
    }      
  }
}
function compareDates(startDateArr,endDateArr){
  sart_day = removeZeroPrefix(startDateArr[2]);
  end_day = removeZeroPrefix(endDateArr[2]);
  if(Number(endDateArr[0]) <= Number(startDateArr[0])){
    if(Number(endDateArr[1]) < Number(startDateArr[1])){
      return 1;
    }else if(Number(endDateArr[1]) == Number(startDateArr[1])){
      if(Number(end_day) < Number(sart_day)){
        return 1;
      }
    }
  }
  return 0;
}
function removeZeroPrefix(str){
  let i = 0;
    while (i < str.length && str[i] === '0') {
        i++;
    }
    if (i === str.length) {
        return '1';
    }
    return str.substring(i);
}
</script>

@endsection