@extends("layouts.main")
@section('title', trans('core.title_test_result'))
@section("content")
<div class="pcoded-content">
	<div class="pcoded-inner-content">
		<div class="main-body">
			<div class="page-wrapper">
				@if (\Session::get('success'))
				    <div class="alert alert-info alert-dismissible">
                    	<a href="#" class="close m-b-20" data-dismiss="alert" aria-label="close">×</a>
                   		<div class="media d-flex align-items-center">
                        	<i class="f-30 icofont icofont-exclamation-circle "></i>
	                        <div class="media-body send-chat">
	                          <p class="m-t-15 text-white ">Success! Test event Successfully created.</p>
	                        </div>
                     	</div>
                    </div>
				@endif
				@if (\Session::has('error'))
					<div class="alert alert-danger background-danger">
	                  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
	                  <i class="icofont icofont-close-line-circled text-white"></i>
	                  </button>
	                  <strong>Error!</strong> {!! \Session::get('error') !!}</code>
	                </div>
				@endif
				<div class="page-header  m-b-0 pro-page-heading1">
					<div class="page-header-title">
						<h4>Create New Test Event</h4>
					</div>
				
					<div class="page-header-breadcrumb  ">
						<ul class="breadcrumb-title">
							<li class="breadcrumb-item">
								@if(Auth::guard('corporate')->user()->user_type == 1) 
								<a href="{{secure_url('company/dashboard') }}">
								@elseif(Auth::guard('corporate')->user()->user_type == 2) 
									<a href="{{secure_url('recruiter/dashboard') }}">
								@endif  
								</a>
							</li>
								<li class="breadcrumb-item"><a href="#">Create New Test Event</a>
								</li>
							</ul>
						</div>
					</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">
										
										{!! Form::open(["route" => ["pro.company.testevent.store"], "method" => "POST", "id" => "testevent_form"]) !!}
										<div class="row">
											<div class="col-md-12">
												<label class="profile-label">Event Name<sup class="text-danger f-15">*</sup>:</label>
											</div>
										</div>
										<div class="row form-group">
											<div class="col-md-5">
												{!! Form::text('name', "", ['class'=>'form-control','placeholder'=>'Enter the event name']) !!}
												<span id="name-error"></span>
											</div>
																					
										</div>
										<div class="row">
											<div class="col-md-12">
												<label class="profile-label">Assessment Type<sup class="text-danger f-15">*</sup>:</label>
											</div>
										</div>
										<div class="row form-group">
											<div class="col-md-12 ">
												<div class="form-radio">
													<div class="radio radiofill radio-primary radio-inline">
														<label>
															<input name="assessment_type" type="radio" value="corporate" checked />
    														<i class="helper"></i>Corporate
														</label>
													</div>
													<div class="radio radiofill radio-primary radio-inline">
														<label>
															<input name="assessment_type" value="inventory" type="radio">
															<i class="helper"></i>Inventory
														</label>
													</div>
													<!-- <div class="radio radiofill radio-primary radio-inline">
														<label>
															<input name="assessment_type" value="advanced_coding" type="radio">
															<i class="helper"></i>Advanced Coding
														</label>
													</div> -->
												</div>
												<span id="assessment_type-error"></span>
											</div>											
										</div>
										<div class="row">
											<div class="col-md-12">
												<label class="profile-label">Assessment<sup class="text-danger f-15">*</sup>:</label>
											</div>
										</div>
										<div class="row">
											<div class="col-md-5">
												<div class="input-group input-group-primary2">
                                        			<div class="hme-select-style">
														{!! Form::select('assessment_id', [], "", ['id' => 'assessment_id','class'=> 'js-select2','data-placeholder'=>'Select an Assessment']) !!}
													</div>
												</div>
												<span id="assessment_id-error" class="select-error"></span>
											</div>	
										</div>



										<div class="row">
											<div class="col-md-12">
												<div class="row">
													<div class="col-md-5">
														<label class="profile-label">Start Date & Time<sup class="text-danger f-15">*</sup>:</label><br>
														<div class="input-group input-group-primary2">
															{!! Form::text('start_date', $currentDate, ['id' => 'start_date','class'=> 'form-control', 'placeholder' => 'Select the Start Date', "readonly"]) !!}
															<span class="input-group-addon">
										                      <i class="icofont icofont-calendar"></i>
										                    </span>
															<span id="start_date-error" class="datepicker-error"></span>
														</div>
													</div>
													
													<div class="col-md-5">
														<label class="profile-label">End Date & Time<sup class="text-danger f-15">*</sup>:</label>
														<div class="input-group input-group-primary2">
															{!! Form::text('end_date', "", ['id' => 'end_date','class'=> 'form-control', 'placeholder' => 'Select the End Date', "readonly"]) !!}
															<span class="input-group-addon">
										                      <i class="icofont icofont-calendar"></i>
										                    </span>
															<span id="end_date-error" class="datepicker-error"></span>
														</div>
													</div>													
												</div>
											</div>
										</div>
										<div class="row">
											<div class="col-md-12">
												<label class="profile-label">Master Key<sup class="text-danger f-15">*</sup>:</label>
											</div>
										</div>
										<div class="row">
											<div class="col-md-5">
												<div class="input-group input-group-primary2">
														{!! Form::text('master_key', $maser_key, ['id' => 'master_key','class'=> 'form-control', 'placeholder' => 'Enter the Master key', "readonly"]) !!}
												</div>
												<span id="master_key-error"></span>
											</div>	
										</div>
										@if(!empty($getsettings_details) && $getsettings_details->is_img_live_proctoring == 1)
										<div class="row">
											<div class="col-md-12">
												<label class="profile-label">Image<sup class="text-danger f-15">*</sup>:</label>
											</div>
										</div>
										<div class="row form-group">
											<div class="col-md-5">
												<div class='switch mb-0'>
													<input type="checkbox" name='image_proctoring' id='image_proctoring' value="1"  onclick='changeScreenCapture(event)'>
													<span class='checked'></span>
													<label for="image_proctoring">OFF</label>
							                    </div>
												<span id="image_proctoring-error"></span>
											</div>	
										</div>
										@endif



										<div class="row">
											<div class="col-md-12">
												<label class="profile-label">Image<sup class="text-danger f-15">*</sup>:</label>
											</div>
										</div>
										<div class="row form-group">
											<div class="col-md-5">
												<div class='switch mb-0'>
													<input type="checkbox" name='image_proctoring' id='image_proctoring' value="1" onclick='changeScreenCapture(event)'>
													<span class='checked'></span>
													<label for="image_proctoring">OFF</label>
							                    </div>
												<span id="image_proctoring-error"></span>
											</div>	
										</div>

										@if(!empty($cor_custom_setting) && $cor_custom_setting->is_id_proof_required == 1)
										<div class="row"  id="id_proof_dev" style="display:none">
											<div class="col-md-12">
												<label class="profile-label">Id Proof<sup class="text-danger f-15">*</sup>:</label>
											</div>
										</div>
										<div class="row form-group" id="id_proof_dev_group" style="display:none">
											<div class="col-md-5">
												<div class='switch mb-0'>
													<input type="checkbox" name='is_id_proof' id='is_id_proof' value="1" onclick='changeIdProof(this)'>
													<span class='checked'></span>
													<label for="is_id_proof">OFF</label>
							                    </div>
												<span id="is_id_proof-error"></span>
											</div>	
										</div>
										@endif

										<div class="row">
											<div class="col-md-12">
												<div class="row">
													<div class="col-md-5">
														<label class="profile-label">Window<sup class="text-danger f-15">*</sup>:</label><br>
														<div class='switch mb-0'>
															<input type="checkbox" name='window_proctoring' id='window_proctoring' value="1">
															<span class='checked'></span>
															<label id="window_proctoring" for="window_proctoring" >OFF</label>
									                    </div>
														<span id="window_proctoring-error"></span>
													</div>
													
													<div class="col-md-5" id="no_of_retries_field" style="display:none">
														<label class="profile-label">Retries<sup class="text-danger f-15">*</sup>:</label>
														@php
															$retries_list = [
																1 => "1 Retry",
																2 => "2 Retry",
																3 => "3 Retry",
																4 => "4 Retry",
																5 => "5 Retry",
																6 => "6 Retry",
																7 => "7 Retry",
																8 => "8 Retry",
																9 => "9 Retry",
																10 => "10 Retry"
															];
														@endphp
														<div class="input-group input-group-primary2">
															<div class="hme-select-style">
																{!! Form::select('no_of_retries', $retries_list, "", ['class'=>'js-select2', 'placeholder'=> "Please select the Retry count", "id" => "no_of_retries"]) !!}
															</div>
														</div>
														<span id="no_of_retries-error"></span>
													</div>													
												</div>
											</div>
										</div>

										@if(!empty($cor_custom_setting) && $cor_custom_setting->is_screen_capture_enabled == 1)
										<div class="row">
											<div class="col-md-12">
												<label class="profile-label">Screen Capture<sup class="text-danger f-15">*</sup>:</label>
											</div>
										</div>
										<div class="row form-group">
											<div class="col-md-5">
												<div class='switch mb-0'>
													<input type="checkbox" name='screen_capturing' id='screen_capturing' value="1" onclick='changeIfimage(this)'>
													<span class='checked'></span>
													<label for="screen_capturing">OFF</label>
							                    </div>
												<span id="screen_capturing-error"></span>
											</div>	
										</div>
										@endif

										@if(!empty($cor_custom_setting) && $cor_custom_setting->live_record == 1)
										<div class="row">
											<div class="col-md-12">
												<label class="profile-label">Live Recording:</label>
											</div>
										</div>
										<div class="row form-group">
											<div class="col-md-5">
												<div class='switch mb-0'>
													<input type="checkbox" name='live_record' id='live_record' value="1" >
													<span class='checked'></span>
													<label for="live_record">OFF</label>
								                </div>
												<span id="live_record-error"></span>
											</div>	
										</div>
											
										@endif 
										@if(!empty($cor_custom_setting) && $cor_custom_setting->screen_share_record == 1)
										<div class="row">
											<div class="col-md-12">
												<label class="profile-label">Screen Recording:</label>
											</div>
										</div>
										<div class="row form-group">
											<div class="col-md-5">
												<div class='switch mb-0'>
													<input type="checkbox" name='screen_share_record' id='screen_share_record' value="1" >
													<span class='checked'></span>
													<label for="screen_share_record">OFF</label>
								                </div>
												<span id="screen_share_record-error"></span>
											</div>	
										</div>
										@endif 
										<div class="row">
											<div class="col-md-12">
												<label class="profile-label">IP White List:</label>
											</div>
										</div>
										<div class="row">
											<div class="col-md-5">
												<div class="input-group input-group-primary2">
														{!! Form::text('ip_white_list', "", ['id' => 'ip_white_list','class'=> 'form-control', 'placeholder' => 'Use (,) separater for multiple IP']) !!}
												</div>
												<span id="ip_white_list-error"></span>
											</div>	
										</div>
										<div class="row">
											<div class="col-md-12">
												<label class="profile-label">Custom Form<sup class="text-danger f-15">*</sup>:</label>
											</div>
										</div>
										<input type="hidden" name="custom_corporate" id="custom_corporate" value="{{ $is_customizedcorp }}">
										<div class="row form-group">
											<div class="col-md-5">
												<div class='switch mb-0'>
													<input type="checkbox" name='is_custom_form' id='is_custom_form' value="1">
													<span class='checked'></span>
													<label id="is_custom_form_label" for="is_custom_form">OFF</label>
							                    </div>
												<span id="is_custom_form-error"></span>
											</div>	
										</div>
										@if($is_customizedcorp == 1)
													<div class="row form-group js-custom_choice_div d-none">
													<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-3 p-t-10">
																	<div class="form-radio">
																		<div class="radio radiofill radio-primary radio-inline">
																			<label class="js-pro-scoring_logic-class">	
																			
																				{!! Form::radio("custom_setting",1,0,['class' => 'js-pro-custom_forms-setting','id'=>"js-pro-custom_setting"]) !!}
																			
																				<i class="helper"></i> Own Custom Form
																			</label>
																		</div>
																	</div>
																</div>												
																<span id="custom_form-error"></span>
																													
																<div class="col-xl-5 p-t-10">
																	<div class="form-radio">
																		<div class="radio radiofill radio-primary radio-inline">
																			<label class="js-pro-custom_form-class">
																				@if(!empty($row))								
																					{!! Form::radio("custom_setting",2,($row->custom_form_choice==2)?1:0,['class' => 'js-pro-custom_forms-setting','id'=>"js-pro-custom_setting-predefined"]) !!}		
																				@else
																					{!! Form::radio("custom_setting",2,0,['class' => 'js-pro-custom_forms-setting','id'=>"js-pro-custom_setting-predefined"]) !!}		
																				@endif

																				<i class="helper"></i> Predefined
																			</label>
																		</div>
																	</div>
																</div>												
																<span id="custom_form-error"></span>
																<span id="custom_setting-error" class="custom_setting-error"></span>
															</div>
														</div>

													</div>
										@else
											{!! Form::hidden("custom_setting",1,['class' => 'js-pro-custom_forms-setting','id'=>"js-pro-custom_setting_withoutpro"]) !!}			
										@endif
										<!-- Custome choice Drop down Start-->
													<div class="form-group js-custom-entity-div d-none" id="predefined">
											            <label class="required">Select Entity</label>
									                    <div class="row">
										                    <div class="col-md-4">
										                    	<div class="input-group input-group-primary2">
												                    <div class="hme-select-style w-100 radius-4">
												                    	@if($is_customizedcorp == 1)
												                    		{!! Form::select('custom_entity_choice',$custom_entity,null, ['id' => 'custom_entity_choice','class'=> 'hme-select-style','required'=>true, 'data-placeholder'=>'Select Custome Entity']) !!}
												                    		<span id="custom_entity_choice-error"></span>
												                    	@endif
												                    </div>
										                 		</div>
										                    </div>
									                   		<div class="col-md-5">
									                 		 	<div class="js-enity-preview-div">
									                 
									                   		 	<a href="javascript:;" class="btn btn-sm m-l-20 btn-outline-info md-trigger 	js-entity-preview"  data-row_count="0" data-record_index="0">Preview</a>	
									                    		</div>
									                    	</div>
									                    </div>
									               </div>		
										<div class="row col-md-12 d-none" id="custom_fields_div">
											<div class="col-md-6 text-left f-w-400 m-b-8">Custom Form Fields :</div>
											<div class="col-md-6 text-left f-w-400 m-b-8">
												<div class="col col-md-6 d-flex justify-content-end">
													<a href="javascript:;" class="btn btn-warning orange" id="add_more_custom_field" data-field_count="1" >Add More</a>
												</div>
											</div>
											<div class="col-md-12" style="max-height: 300px; overflow: scroll">
												<div class="row col-md-12 init_field_div"  id="init_field_div_0">
													<div class="col-md-4 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">
															<input class="form-control custom_form_label" placeholder="Enter Custom Form Label" name="custom_form_label[0]" type="text" value="" autocomplete="off">
														</div>
													</div>
													<div class="col-md-4 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">
								                    			<select class="hme-select-style custom_input_type" data-placeholder="Select Input Type" data-row="0" name="input_type[]">
								                    				<option value="" selected="selected">Choose Input Type</option>
								                    				<option value="1">Text box</option>
								                    				<option value="2">Date</option>
								                    				<option value="3">Dropdown</option>
								                    				<option value="4">File</option>
								                    			</select>
								                    		</div>
								                  		</div>
								               		</div>
								               		<div class="col-md-4 p-t-10">
							                    		<label class="required">Mandatory </label>
						                    			<div class="switch col-md-8">
															<input class="hme-pro-switch-label custom_is_mandatory" id="is_custom_form_input_madatory[0]" name="is_custom_form_input_madatory[]" type="checkbox" value="0">
							                        		<span class="checked"></span>
							                        		<label class="custom_switch_label" for="is_custom_form_input_madatory[0]" id="is_custom_form_input_madatory_label[0]">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-row_count="0" data-toggle="modal" data-modal="dynamic_options_modal" ><i class="icofont icofont-plus"></i></a>
	                                            			</div>											                        	
						                    			</div>
													</div>
												</div>
												<div class="row col-md-12" id="new_custom_fields"></div>
												<div id="custom_fields_options" style="display:none;"></div>
											</div>
										</div>


										<div class="row">
											<div class="col-md-12">
												<label class="profile-label">Feedback Form<sup class="text-danger f-15">*</sup>:</label>
											</div>
										</div>
										<div class="row form-group">
											<div class="col-md-5">
												<div class='switch mb-0'>
													<input type="checkbox" name='is_feedback_form' id='is_feedback_form' value="1">
													<span class='checked'></span>
													<label id="is_feedback_form_label" for="is_feedback_form">OFF</label>
							                    </div>
												<span id="is_feedback_form-error"></span>
											</div>	
										</div>

										<div class="row" id="feedback_fields_div" style="display:none;">
											
											<div class="row col-md-12">
												<div class="col-md-6">Feedback Form Fields :</div>
												<div class="col-md-3">
													<a href="javascript:;" class="btn btn-warning orange pull-right" id="add_feedback_field" data-field_count="1" >Add More</a>
												</div>
											</div>
											<div class="col-md-12 feedback_container" id="feedback_container" style="max-height: 300px; overflow: scroll">
												<div class="row col-md-12" id="feedback_master_field">
													<div class="row col-md-12 question_div">
														<div class="col-md-10 d-flex justify-content-start align-items-center">
															<strong class="m-r-5 custom_question_title">Q1.</strong>
															<textarea class="form-control custom_feedback custom_question_field m-l-5" name="feedback_questions[0]" rows="3">How was your experience taking up the HireMee automated skill exam?</textarea>				
														</div>
													</div>
													<div class="row col-md-10">
														<div class="col-md-6 d-flex justify-content-start align-items-center">
															<strong class="m-l-30">1.</strong>
															<input class="form-control custom_feedback custom_question custom_question_option_1 m-l-10" placeholder="" name="feedback_options[0][0]" type="text" value="Exceed expectation" autocomplete="off">
														</div>
														<div class="col-md-6 d-flex justify-content-start align-items-center">
															<strong class="m-l-30">2.</strong>
															<input class="form-control custom_feedback custom_question_option_2 m-l-10" placeholder="" name="feedback_options[0][1]" type="text" value="Expected" autocomplete="off">
														</div>
													</div>
													<div class="row col-md-10">
														<div class="col-md-6 d-flex justify-content-start align-items-center">
															<strong class="m-l-30">3.</strong>
															<input class="form-control custom_feedback custom_question_option_3 m-l-10" placeholder="" name="feedback_options[0][2]" type="text" value="Improvement Required" autocomplete="off">
														</div>
														<div class="col-md-6 d-flex justify-content-start align-items-center">
															<strong class="m-l-30">4.</strong>
															<input class="form-control custom_feedback custom_question_option_4 m-l-10" placeholder="" name="feedback_options[0][3]" type="text" value="Failed meet expectation" autocomplete="off">
														</div>
													</div>
												</div>
											</div>
										</div>


										<div class="row">
											<div class="col-md-12">
												<button type="submit" id="submit_form" class="btn btn-primary m-r-5">
													Save  
												</button>
												<button type="button" class="btn btn-outline-info m-r-5" onClick="window.location='/pro/company/testevent/list';">
													Back  
												</button>
											</div>
										</div>
										{!! Form::close() !!}
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="animation-model">
		<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="" id="option_value_0_0">
									<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="" id="option_value_0_0">
									<span id="option_name_0-error"></span>
								</div>
							</div>
						</div>														
					</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">Confirm</button>
                    </div>
                   </div></div>
                </div>
			</div>
		</div>
		    <div class="md-overlay"></div>
	</div>
		<div class="animation-model">
		<div class="md-modal md-effect-1   " id="custom_entity_preview_modal">
			<div class="md-content  ">
				<button type="button" class="btn btn-primary btn-icon-custom waves-effect md-close login-close-btn" id="custom_entity_preview_modal_close" data-row_value="0" data-type="close"> <span class="hiremee-multiply f-18"></span></button>
				<div class="md-contents">
					<div class="min-h-200">
				<div class="js-pro-custom-enity-preview">
				</div></div>
			</div>
				
			</div>
		</div>
		<div class="md-overlay"></div>
	</div>
@endsection

@section("footer")
	<script type="text/javascript" src="{{ secure_asset('assets/js/pro/company/testevent/create.js') }}"></script>
@endsection