{!! Form::hidden('reg_form_id',$id,['id'=>'reg_form_id']) !!}

<style type="text/css">
	.option_add_button_div{
		margin-bottom:0.2rem !important;
	}
</style>
<div class="pcoded-inner-content">
	<div class="main-body">
		<div class="page-wrapper">
			<div class="page-header">
				<div class="page-header-title">
					<h4>Create New Application For Candidates</h4>
				</div>
			</div>
		<div class="page-body">
			<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"> Basic Job <br> Information </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 Existing <br> Informations </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"> Candidate New <br> Informations </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"> Application <br> Preview </span>
												</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>

						<div class="row p-t-5">
							<h4 class="f-w-400 f-16 g-l-b">Create Your Own Candidate Registration Form</h4>
						</div>
						<form id="apply-form-step3" method="post" >
							{!! Form::hidden('id',$id,['id'=>'id']) !!}
							{!! Form::hidden('step',3,['id'=>'step']) !!}
							{!! Form::hidden('is_update',$is_update,['id'=>'is_update']) !!}
						<div class="form-group row"> <!-- div class= form-group row starts here -->
							<div class="col-xl-6 p-0">
								<div class="row col-md-12">
									<div class="col-sm-8 p-t-10">
										Enable Custom form :
									</div>
									<div class="col-sm-5 p-t-10">
										@php $is_custom_form = false @endphp

										@if(!empty($row))
											@if($row->is_custom_form)
												@php $is_custom_form = true; @endphp
											@else
												@php $is_custom_form = false; @endphp
											@endif
										@else
											@php $is_custom_form = false; @endphp
										@endif

										<div class='switch'>
						                        	
					                        	@if($is_editable)
						                        	{{ Form::checkbox('is_customform', 1, $is_custom_form, array('class'=>'hme-pro-switch-label','id'=>'is_custom_form')) }}
						                        @else
						                        	{{ Form::checkbox('is_customform', 1, $is_custom_form, array('class'=>'hme-pro-switch-label','id'=>'is_custom_form', 'disabled' => true)) }}
						                        @endif
					                        <span class='checked'></span>
					                        <label for="is_custom_form" id="is_custom_form-label" class="js-pro-is_custom_form_value">@if($is_custom_form) ON @else OFF @endif</label>
					                    </div>
									</div>
								</div>
							</div>

							<div class="row form-group js-custom_choice_div d-none p-t-10">
							<div class="col-md-12 text-left f-w-400 m-b-8">Custome Choice <span class="text-danger">*</span> :</div>
								<div class="col-md-12">
									<div class="row">															
										<div class="col-xl-4">
											<div class="form-radio">
												<div class="radio radiofill radio-primary radio-inline">
													<label class="js-pro-scoring_logic-class">	
													@if(!empty($job_reg_mapping))
														@if($is_editable)
															{!! Form::radio("custom_setting",1,($job_reg_mapping->custom_form_choice==1 )?1:0,['class' => 'js-pro-custom_forms-setting','id'=>"js-pro-custom_setting"]) !!}	
														@else	
															{!! Form::radio("custom_setting",1,($job_reg_mapping->custom_form_choice==1 )?1:0,['class' => 'js-pro-custom_forms-setting','id'=>"js-pro-custom_setting",'disabled'=>'disabled']) !!}	
														@endif	
													@else
														{!! Form::radio("custom_setting",1,0,['class' => 'js-pro-custom_forms-setting','id'=>"js-pro-custom_setting"]) !!}
													@endif	
														<i class="helper"></i> Own Custom Form
													</label>
												</div>
											</div>
										</div>												
										<span id="custom_form-error"></span>
										@if(!empty($job_reg_mapping) && !$is_editable)		
											{!! Form::hidden("custom_setting",$job_reg_mapping->custom_form_choice,[]) !!}
										@endif

										<div class="col-xl-5">
											<div class="form-radio">
												<div class="radio radiofill radio-primary radio-inline">
													<label class="js-pro-custom_form-class">
														@if(!empty($job_reg_mapping))
															@if($is_editable)
																{!! Form::radio("custom_setting",2,($job_reg_mapping->custom_form_choice==2)?1:0,['class' => 'js-pro-custom_forms-setting','id'=>"js-pro-custom_setting"]) !!}					
															@else
																{!! Form::radio("custom_setting",2,($job_reg_mapping->custom_form_choice==2)?1:0,['class' => 'js-pro-custom_forms-setting','id'=>"js-pro-custom_setting",'disabled'=>'disabled']) !!}
															@endif	
														@else
															{!! Form::radio("custom_setting",2,0,['class' => 'js-pro-custom_forms-setting','id'=>"js-pro-custom_setting"]) !!}		
														@endif

														<i class="helper"></i> Predefined
													</label>
												</div>
											</div>
										</div>												
										<span id="custom_form-error"></span>
									</div>
								</div>
							</div>
							<!-- Custome choice Drop down End ----- for refference-->
						<div class="row col-md-12 form-group" id="custom_fields_div" @if(!$is_custom_form) style="display:none" @endif>
							<div class="col-md-6 text-left f-w-400 m-b-8">Custom Form Fields :</div>
							
							@if($is_custom_form)
								@php $row_value = count($row->customFormDetails) ; @endphp
							@else
								@php $row_value = 1; @endphp
							@endif

							<div class="col-md-6 text-left f-w-400 m-b-8">
								<div class="col col-md-6 d-flex justify-content-end">
									@if($is_editable) <a href="javascript:;" class="btn btn-warning orange js-pro-add-more-row" id="add_more_custom_field" data-field_count={{ $row_value }}>Add More</a> @endif
								</div>
							</div>
							<div class="col-md-9" id="customfield_container" style="max-height: 300px; overflow: scroll">
								@if($is_custom_form && $row->custom_form_choice!=2 && $row->is_existing_type!=1)
									
									@php $jj = 0; @endphp
									@foreach($row->customFormDetails as $key => $fields)
									@if($fields->is_existing_type!=1)
									<div @if($jj == 0) class="row init_field_div" @else class="row" @endif>
										<div class="col-xl-3 p-t-10">
											<div class="col-md-12 text-left f-w-400 m-b-8">Label  <span class="text-danger">*</span> :</div>
											<div class="col-md-12">
												{!! Form::text("custom_form_label[$fields->id]", $fields->field_name, ['class'=>'form-control custom_form_label','placeholder'=>'Enter Custom Form Label', 'disabled' => $is_editable ? false : true]) !!}
												@if(!$is_editable)	
													{!! Form::hidden("custom_form_label[$fields->id]", $fields->field_name) !!}
												@endif
											</div>
										</div>
										<div class="col-xl-3 p-t-10">
					                    	<label class="required">Input Type <span class="text-danger">*</span> : </label>
					                    	<div class="input-group input-group-primary2">
					                    		<div class="hme-select-style w-100 radius-4">
					                    			{!! Form::select("input_type[$fields->id]", $input_types, $fields->field_type, ['class' => 'hme-select-style custom_input_type', 'data-placeholder' => 'Select  Input Type', 'data-row' => $fields->id, 'disabled' => $is_editable ? false : true ]) !!}
					                    			@if(!$is_editable)	
														{!! Form::hidden("input_type[$fields->id]", $fields->field_type) !!}
													@endif
					                    		</div>
					                  		</div>
					               		</div>
					               		<div class="col-xl-3 p-t-10 add_delete_button">
					                    	<label class="required">Mandatory </label>
											<div class='switch p-t-5'>
												{{ Form::checkbox("is_custom_form_input_madatory[$fields->id]", $fields->id, $fields->is_mandatory, array('class' => 'hme-pro-switch-label custom_is_mandatory', 'id' => "is_custom_form_input_madatory[$fields->id]")) }}
					                        	<span class='checked'></span>
					                        	<label for="is_custom_form_input_madatory[{{$fields->id}}]" class="js-pro-is_custom_form_input_madatory_value custom_switch_label">@if($fields->is_mandatory) YES @else NO @endif</label>

					                        	
					                        	@if(!$is_editable)	
													{!! Form::hidden("is_custom_form_input_madatory[$fields->id]", $fields->is_mandatory) !!}
												@endif
					                        	<div class="row col-md-2 form-group option_add_button_div" @if(in_array($fields->field_type, [1,5])) style="display:none"  @endif>
	                                                @if($is_editable)<a href="javascript:;" class="btn btn-sm m-l-20 btn-outline-info md-trigger option_add_button" data-modal="dynamic_options_modal" data-row_count="{{$jj}}" data-record_index="{{ $fields->id }}"><i class="icofont icofont-plus f-14" style="margin-right: 0;"></i></a>@endif
	                                            </div>
	                                        </div>

	                                        @if(in_array($fields->field_type, [2,3,4]))	                                        	
	                                        	@php $kk = 0; @endphp
												<div id="option_row_{{ $fields->id}}" data-field_count="{{ $fields->customFormOptionDetails->count() }}">
													@foreach($fields->customFormOptionDetails as $option)
														<input type="hidden" id="hid_option_value_{{ $fields->id}}_{{ $kk}}" name="option_value[{{ $fields->id}}][{{ $option->id}}]" value="{{ $option->option_value }}">
														<input type="hidden" id="hid_option_name_{{ $fields->id}}_{{ $kk}}" name="option_name[{{ $fields->id}}][{{ $option->id}}]" value="{{ $option->option_name }}">
														@php $kk++; @endphp
													@endforeach
												</div>
											@endif

					                    	<div class="row" @if($jj == 0) style="display:none" @endif >
                                            	<div class="col-md-1" style="margin: -52px 160px;">
										        	@if($is_editable)<a href="javascript:;" class="btn btn-sm custom_field_delete" data-row_count="{{$fields->id}}" ><i class="hiremee-trash text-danger f-16"></i></a>@endif
										    	</div>
										    </div>
										</div>
									</div>
									@php $jj++; @endphp
									@endif
                            		@endforeach
								@else
									<div class="row init_field_div">
										<div class="col-xl-3 p-t-10">
											<div class="col-md-12 text-left f-w-400 m-b-8">Label  <span class="text-danger">*</span> :</div>
											<div class="col-md-12">
												{!! Form::text("custom_form_label[0]", '', ['class' => 'form-control custom_form_label', 'placeholder' => 'Enter Custom Form Label', 'disabled' => $is_editable ? false : true]) !!}
											</div>
										</div>
										<div class="col-xl-3 p-t-10">
				                    		<label class="required">Input Type<span class="text-danger">*</span> : </label>
				                    		<div class="input-group input-group-primary2">
				                    			<div class="hme-select-style w-100 radius-4">
				                    				{!! Form::select('input_type[0]', $input_types , null, ['class'=> 'hme-select-style custom_input_type','data-placeholder'=>'Select  Input Type','data-row'=>"0", 'disabled' => $is_editable ? false : true]) !!}
				                    			</div>
				                  			</div>
				               			</div>
				               			<div class="col-xl-3 p-t-10 add_delete_button" >
				                    		<label class="required">Mandatory </label>
											<div class='switch p-t-5'>
												{{ Form::checkbox("is_custom_form_input_madatory[0]", 0, '', array('class' => 'hme-pro-switch-label custom_is_mandatory', 'id' => "is_custom_form_input_madatory[0]", 'disabled' => $is_editable ? false : true)) }}
					                        	<span class='checked'></span>
					                        	<label for="is_custom_form_input_madatory[0]" id="is_custom_form_input_madatory[0]-label" class="custom_switch_label" >NO</label>
					                        	
					                        	<div class="row col-md-2 form-group option_add_button_div" style="display:none;">
	                                                <a href="javascript:;" class="btn btn-sm m-l-20 btn-outline-info md-trigger option_add_button" data-modal="dynamic_options_modal" data-row_count="0" data-record_index="0"><i class="icofont icofont-plus f-14" style="margin-right: 0;"></i></a>
	                                            </div>
	                                        </div>
										</div>
									</div>	
                        		@endif
							</div>
							<div id="custom_fields_options" style="display:none;"></div>
						</div>
						<!-- Subjective is_simulation_assessment -->
						<!-- customizing form fields ENDs here -->
						<div class="animation-model"><!-- Dynamic Options Model Start -->
								<div class="md-modal md-effect-1 m-w-800" id="dynamic_options_modal">
									<div class="md-content ">
										<button type="button" class="btn btn-primary btn-icon-custom waves-effect md-close login-close-btn" id="dynamic_options_modal_close" data-row_value="0" data-type="close"> <span class="hiremee-multiply f-18"></span></button>
										<div class="md-contents">
											<div class="m-h-380">
										<div class="row">	
											<div class="col-md-9">
												<div class="row m-t-15" id="init_option_field">
													<div class="col-xl-6">
														<label class="col-md-12 text-left f-w-400 m-b-8">Option Value  
															<span class="text-danger">*</span> :
														</label>
														<div class="col-md-12">
															<input class="form-control dynamic_options_value" placeholder="Enter Dropdown Option Value" name="option_value[]" type="text" value="">
															<span id="option_value_0-error"></span>
														</div>
													</div>
													<div class="col-xl-6">
											    		<div class="col-xl-12">
															<label class="col-md-12 text-left f-w-400 m-b-8">Option Name  
																<span class="text-danger">*</span> :
															</label>
															<input class="form-control dynamic_options_name" placeholder="Enter Dropdown Option Name" name="option_name[]" type="text" value="">
															<span id="option_name_0-error"></span>
														</div>
													</div>



<!-- 												<div class="test_123">
												</div> -->
												</div>

											</div>
											<div class="row">
											</div>

											<div class="col-md-3 p-t-45">
												<a href="javascript:;" class="btn btn-warning orange" data-row_count="0" data-field_count="0" id="add_more_options" onclick="addOptionFields();">Add More Option </a>
											</div>
										</div>
										<div class="row">
											<div class="col-md-9" id="dynamic_options_field">

											</div>
										</div>
										<div class="row">
						                    <div class="col-sm-12 m-b-10">
						                        <button type="button" class=" btn md-close f-16 btn-primary waves-effect js-custom_form-dynamic-option-close" data-row_value="0" data-type="ok" id="confirm_options" style="margin-top: 28px !important;">Confirm</button>
						                    </div>
						                   </div></div>
						                </div>
									</div>
								</div>
								<div class="md-overlay"></div>
							</div><!-- Dynamic Options Model End -->

						</div> <!-- div class= form-group row ends here -->	
					</form>


						
						
							<div class="row">
								<div class="col-md-12">
									<a href="#" class="btn btn-primary btn-outline-primary m-r-5 js-btn" id="previous_step2">
										<i class="icofont icofont-rounded-left"></i>Previous
									</a>
									<!-- <button type="submit" class="btn f-16 btn-primary m-r-5 js-btn">
										Next  
										<i class="icofont icofont-rounded-right"></i> </button> -->
									<button id="step3-save" data-animation="false" data-toggle="tooltip" title="Save & Go to Next" class="btn f-16 btn-primary m-r-5 js-btn"> Save & Next<i class="icofont icofont-rounded-right"></i></button>
								</div>
							</div>

							

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

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