@extends('layouts.main')
@section('title',trans('core.title_single_assessment'))
@section('content')
<style>
.hiremee-multiply{
	line-height: 2.5;
}
.pro-table-actions {
	width:340px !important;
}
.assessment-name{
    word-break: break-word;
    white-space: break-spaces;
    line-height: 20px;
    width:215px;
}
</style>
<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 p-0">
		<div class="main-body">
			<div class="page-wrapper p-0">
				<div class="page-header p-15 m-b-0 pro-page-heading1">
					<div class="page-header-title">
						<h4>Single Assessment Booking</h4>
					</div>

					<!-- Flesh Message Start -->
					@if($message = Session::get('success'))
						<div class="alert alert-success background-success">
							<button type="button" class="close m-t-0" data-dismiss="alert" aria-label="Close">
								<i class="hiremee-multiply text-white"></i>
							</button>
							<strong>Success!</strong>  {{ $message }}
						</div>
					@elseif(Session::has('errors'))
						<div class="alert alert-danger background-danger">
							<button type="button" class="close m-t-0" data-dismiss="alert" aria-label="Close">
								<i class="hiremee-multiply text-white"></i>
							</button>
							<strong>Error!</strong> 
							 @foreach ($errors->all() as $error)
							  {{ $error }}            
                              @endforeach
						</div>
					@endif
					<!-- Flesh Message End -->

					<div class="page-header-breadcrumb p-r-10">
						<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  
										<span class="hiremee-home"></span>
									</a>
							</li>
							<li class="breadcrumb-item"><a href="{{ secure_url('pro/company/single-candidate-upload') }}">Book Assessment</a></li>
						</ul>
					</div>
				</div>
				<div class="page-body">
					<div class="pageheader">
						<div class="row">
							<div class="col col-md-2 d-flex align-items-center">
								<span class="mr-1 hmepro-icon-upload"></span> Test Category
							</div>
							<div class="col col-md-6 d-flex align-items-center">
								<div class="form-radio">
				                    <div class="radio radiofill radio-primary radio-inline">
				                      <label>
				                        <input name="assessment_type" class="opt" value="1" data-bv-field="member" type="radio" checked="checked">
				                          <i class="helper"></i>Corporate
				                      </label>
				                    </div>
				                    <div class="radio radiofill radio-primary radio-inline">
				                      <label>
				                        <input name="assessment_type" class="opt" value="2" data-bv-field="member" type="radio">
				                          <i class="helper"></i>Test Inventory
				                      </label>
				                    </div>
				                </div>
				            </div>
							<div class="col col-md-4 d-flex align-items-center">
								<div class="hme-select-style adjust-arrows">
					                {!! Form::select("assessment_id_field",$assessmentdrops->prepend('Search Assessment',''), "",["class"=>"hme-select-style js-select2","id" => "assessment_id_field","style"=>"width:100%;"]) !!}
						        </div> 
						    </div>
						</div>
					</div>

					{{-- Upload Question Wrapper for tabs and content --}}
					<div class="row">
						<div class="col-xs-12 col-md-12">
							
							
							{!! Form::open(["action" => "Pro\Corporate\RoundZeroPlus\SeriesMasterController@singleUploadCandidate", "method" => "POST", 'id' => "single_upload_candidate_form", "name" => "single_upload_candidate_form"]) !!}
								{!! csrf_field() !!}
								<input type="hidden" name="assessment_pin_count_check" id="assessment_pin_count_check">
								<div class="d-flex flex-row justify-content-center">
									<table class="table table-striped pro-list-table">
										<thead class="bgn-gradient-blue">
											<tr>
												<th scope="col" class="w-80">
													<div class="p-relative">
														<label class="container-checkbox-pro">
															<input type="checkbox" id="checkallassessment">
															<span class="checkmark-round"></span>
														</label>
													</div>
													Assessment Name
												</th>
												<th scope="col">No. of Test PIN</th>
											</tr>
										</thead>
										<tbody id="load_div">

											@foreach($assessmentMaster as $assessment)
												<tr>
													<th scope="row">
														<div class="p-relative">
															<label class="container-checkbox-pro">
																<input type="checkbox" value="{{ $assessment->id }}" data-assessment_name="{{ $assessment->name }}" name="assessment_id_checkbox[]" class="assessment_id_checkbox">
																<span class="checkmark-round"></span>
															</label>
														</div>
														{{ $assessment->name }}
													</th>
													<td>
														<div class="form-group mb-0">
															<input type="text" class="form-control radius-4 assessment_pin_count" name="assessment_pin_count[{{ $assessment->id }}]" placeholder="No. of Test PIN" disabled="disabled">
														</div>
													</td>
												</tr>
											@endforeach
											@if($assessmentMaster->count() <= 0)
												<tr>
													<td>
														<div class='form-group mb-0'>
															No records found
														</div>
													</td>
													<td></td>
												</tr>
											@endif
										</tbody>
									</table>
								</div>
								<div class="d-flex flex-row m-b-8 justify-content-center">
									<button class="btn orange btn-md" type="button" id="proceed_next_button" onclick="candiateFormGenerat()">Proceed Next <span class="pro-btn-icon hmepro-icon-right"></span> </button>
								</div>
								<!-- @author Naveenkumar S <V2E17315> @version 23.0-->
								@php
									$auth = Auth::guard('corporate')->user();
								    $getsettings_details=\App\Helper\HireMeeHelper::getCorporateSettingsDetails($auth->company_id);
									
								@endphp
								<div class="d-flex flex-row justify-content-center" id="candidate_div" style="display:none !important">
									<table class="table table-striped pro-list-table" id="pro-list-table" rel="{{secure_url('pro/series-checkAssessmentTimeSlot')}}">
										<thead class="bgn-gradient-blue">
											<tr>
												<th scope="col">Assessment Name</th>
												<th scope="col">Candidate Details</th>
												<th scope="col">&nbsp;</th>
												<th scope="col">&nbsp;</th>
												<th scope="col">
													Proctoring Settings & Schedule
												</th>
											</tr>
										</thead>
										<tbody id="candidate_table_body">
											<tr class="candidate_form" id="asses_form">
												<th scope="row">
													<div class="assessment_name assessment-name">Frontend Development</div>
													{!! Form::hidden("assessment_id", "", ["class" => "assessment_id_hidden"]) !!}
												</th>
												<th scope="row">
													<div class="form-group mb-0">
														<label class="field-label">First Name <span class="required">*</span></label>
														<div class="input-group radius-4" style="margin-bottom: 2.5em;">
															<input type="text" name="first_name" class="form-control table-text-style candidate_first_name" placeholder="Candidate first name" style="position: absolute; z-index: 0;">
															<span class="candidate_first_name_error pull-right" style="z-index: 1; margin-left: 87%; margin-right: 15%;margin-top: 3px; background-color: unset;"></span>
														</div>
													</div>
													<div class="form-group mb-0">
														<label class="field-label">Last Name <span class="required">*</span></label>
														<div class="input-group radius-4" style="margin-bottom: 2.5em;">
															<input type="text" name="last_name" class="form-control table-text-style candidate_last_name" placeholder="Candidate last name" style="position: absolute; z-index: 0;">
															<span class="pull-right candidate_last_name_error" style="z-index: 1; margin-left: 87%;margin-top: 3px; margin-right: 15%; background-color: unset;"></span>
														</div>
													</div>

													<!-- @author Naveenkumar S <V2E17315> @version 23.0 -->
													<!-- Start -->
													@if(!empty($getsettings_details) && $getsettings_details->is_registration == 1)
													<div class="form-group mb-0">
														<label class="field-label">Date of Birth <span class="required">*</span></label>
														<div class="input-group">
																{!! Form::text('dob','',array('class'=>'form-control table-text-style js_dob','id'=>'js_dob','placeholder'=>'Enter Your DOB')) !!}
																<span class="pull-right js_dob_error" style="z-index: 1; margin-top: 3px; background-color: unset;"></span>
																<div class="input-group-append">
																	<span class="input-group-text" id="basic-addon2"><i class="fa fa-calendar"></i></span>
																</div>
														</div>
													</div>
													@endif
													<!-- End -->

												</th>
												<th scope="row">
													<div class="form-group mb-0">
														<label class="field-label">Email Address <span class="required">*</span></label>
														<div class="input-group radius-4" style="margin-bottom: 2.5em;">
															<input type="email" name="email_address" class="form-control table-text-style email_address" placeholder="candidate-email@domain.com" style="position: absolute; z-index: 0;">
															<span class="pull-right email_address_error" style="z-index: 1; margin-left: 87%; margin-right: 15%;margin-top: 3px; background-color: unset;"></span>
														</div>
													</div>
													<div class="form-group mb-0">
														<label class="field-label">Contact Number </label>
														<div class="input-group radius-4" style="margin-bottom: 2.5em;">
															<input type="text" name="contact_number" class="form-control table-text-style contact_number" placeholder="+91-XXXXX XXXXX" style="position: absolute; z-index: 0;" minlength="10" maxlength="12">
															<span class="pull-right contact_number_error" style="z-index: 1; margin-left: 87%;margin-top: 3px; margin-right: 15%; background-color: unset;"></span>
														</div>
													</div>
													<!-- @author Vishnuraj S <V2E22808> @version Hiremee_Feature_Enchancement_34,IT12936,Dept Excel  -->
													@if(!empty($getsettings_details) && $getsettings_details->is_department == 1)
													<div class="form-group mb-0">
														<label class="field-label">Department<span class="required">*</span></label>
														<div class="input-group radius-4" style="margin-bottom: 2.5em;">
															<input type="text" name="department" class="form-control table-text-style department" placeholder="Department" style="position: absolute; z-index: 0;">
															<span class="pull-right department_error" style="z-index: 1; margin-left: 87%;margin-top: 3px; margin-right: 15%; background-color: unset;"></span>
														</div>
													</div>
													@endif

													<!--{{-- @author Kannan Mahalingam <V2E21880>-->
														<!-- @if(!empty($getsettings_details) && $getsettings_details->bosch_plant_location == 1)
														<div class="form-group mb-0">
														
														@php
															$getplant_details=\App\Helper\HireMeeHelper::getPlantLocation();
															
														@endphp
												
															<label class="field-label">Plant Location<span class="required">*</span></label>
														 

								<div>
								<div class="hme-select-style adjust-arrows">
					                {!! Form::select("plant_location[]",$getplant_details,"",["class"=>"js-select2 form-control plant_location","id" => "plant_location","style"=>"width:100%;"]) !!}

					                
						        </div> 
						         <span class="pull-right plant_location_error" style="z-index: 1; margin-left: 87%;margin-top: -33px; margin-right: 4%; background-color: unset;"></span>      
						    </div>
						    {!! Form::hidden("plant_check",1, ["class" => "plant_check_id"]) !!}--}}



																  
															{{-- <div class="input-group radius-4" style="margin-bottom: 2.5em;">
																<input type="text" name="plant_location" class="form-control table-text-style plant_location" placeholder="Plant Location" style="position: absolute; z-index: 0;">
																<span class="pull-right plant_location_error" style="z-index: 1; margin-left: 87%;margin-top: 3px; margin-right: 15%; background-color: unset;"></span>
															</div> --}}
														{{-- </div>
														@endif  --}} -->

													<!-- @author Naveenkumar S <V2E17315> @version 23.0 -->
													<!-- Start -->
													@if(!empty($getsettings_details) && $getsettings_details->is_registration == 1)
													<div class="form-group mb-0">
														<label class="field-label">Registration ID<span class="required">*</span></label>
														<div class="input-group radius-4" style="margin-bottom: 2.5em;">
															<input type="text" name="registration_id" class="form-control table-text-style registration_id" id="registration_id" placeholder="Enter the registration id" style="position: absolute; z-index: 0;">
															<span class="registration_id_error pull-right" style="z-index: 1; margin-left: 87%; margin-right: 15%;margin-top: 3px; background-color: unset;"></span>
														</div>
													</div>
													@endif
													<!-- End -->
												</th>
												<th scope="row">
													<div class="form-group mb-0">
														<label class="field-label">HireMee ID </label>
														<div class="input-group radius-4" style="margin-bottom: 2.5em;">
															<input type="text" name="hiremee_id" class="form-control table-text-style hiremee_id" placeholder="HireMee ID" style="position: absolute; z-index: 0;">
															<span class="pull-right hiremee_id_error" style="z-index: 1; margin-left: 87%;margin-top: 3px; margin-right: 15%; background-color: unset;"></span>
														</div>
													</div>
													@if(!empty($getsettings_details) && $getsettings_details->is_custom_excel_upload == 1)
														<div class="form-group mb-0">
															<label class="field-label">Roll Number </label>
															<div class="input-group radius-4" style="margin-bottom: 2.5em;">
																<input type="text" name="roll_number" class="form-control table-text-style roll_number" placeholder="Roll Number" style="position: absolute; z-index: 0;">
																<span class="pull-right roll_number_error" style="z-index: 1; margin-left: 87%;margin-top: 3px; margin-right: 15%; background-color: unset;"></span>
															</div>
														</div>

														<div class="form-group mb-0">
															<label class="field-label">Enrollment Number </label>
															<div class="input-group radius-4" style="margin-bottom: 2.5em;">
																<input type="text" name="enrollment_number" class="form-control table-text-style enrollment_number" placeholder="Enrollment Number" style="position: absolute; z-index: 0;">
																<span class="pull-right enrollment_number_error" style="z-index: 1; margin-left: 87%;margin-top: 3px; margin-right: 15%; background-color: unset;"></span>
															</div>
														</div>
													@endif
																										<!-- @author Kannan Mahalingam <V2E21880>-->
														
														@if(!empty($getsettings_details) && $getsettings_details->bosch_plant_location == 1)
														<div class="form-group mb-0">
														@php
															$getplant_details=\App\Helper\HireMeeHelper::getPlantLocation();	
														@endphp
														<label class="field-label">Plant Location<span class="required">*</span></label>
														<div class="hme-select-style adjust-arrows">
											                {!! Form::select("plant_location[]",$getplant_details,"",["class"=>"js-select2 form-control plant_location","id" => "plant_location","style"=>"width:100%;"]) !!}
												        </div> 
												         <span class="pull-right plant_location_error" style="z-index: 1; margin-left: 87%;margin-top: -33px; margin-right: 4%; background-color: unset;"></span>      
										
												         {!! Form::hidden("plant_check",1, ["class" => "plant_check_id"]) !!}
														</div>
														@endif
												</th> 
												<td>
													<div class="d-flex justify-content-start align-items-center">
														<div class="form-group mt-0 mr-1">
															<label class="field-label">Start date </label>
															<div class="date-filed">
																<input type="text" name="start_date" class="form-control table-text-style start_date" placeholder="YYYY-MM-DD HH:ii:ss" readonly="readonly">
																<span class="input-group-addon" style="width:28px;height:26px;padding: 0.4rem 0.23rem;" >
																	<i class="icofont icofont-calendar"></i>
																</span>
															</div>
														</div>
														<div class="form-group mt-0">
															<label class="field-label">End date </label>
															<div class="date-filed">
																<input type="text" value="{{$assessment_default_date}}" name="end_date" class="form-control table-text-style end_date" placeholder="YYYY-MM-DD HH:ii:ss" readonly="readonly">
																<span class="input-group-addon" style="width:28px;height:26px;padding: 0.4rem 0.23rem;" >
																	<i class="icofont icofont-calendar"></i>
																</span>
															</div>
														</div>
													</div>
													<div class="endDateSlotError"></div>
													<div class="d-flex justify-content-start align-items-center pro-table-actions">		
														@if(!empty($getsettings_details) && $getsettings_details->is_img_live_proctoring == 1)
														<div class="checkbox-fade m-r-10 fade-in-primary">
															<label class="js-label-check" for="image_proctoring_1">
																{!! Form::checkbox('image_proctoring', 1, '', ['class' => 'image_proctoring js-lang-element js-lang-check', 'id'=>'image_proctoring_1','onclick'=>'changeScreenCapture(this,event)']) !!}
																<span class="cr">
																	<i class="cr-icon hiremee-tick txt-primary"></i>
																</span>
																<span class="text-muted">Image</span>
															</label>
														</div>
														@endif

                                                       <div class="checkbox-fade m-r-10 fade-in-primary" style="margin-left: 30px;">
															<label class="js-label-check" for="window-proctoring-1">
																{!! Form::checkbox('window_proctoring', 1, '', ['class' => 'window_proctoring js-lang-element js-lang-check', 'id'=>'window-proctoring-1']) !!}
																<span class="cr">
																	<i class="cr-icon hiremee-tick txt-primary"></i>
																</span>
																<span class="text-muted">Window</span>
															</label>
														</div>
														
                                                     <div class="form-group mb-0" style="display:none;margin-left: 30px;">
															<div class="table-select-style">
																<select name="window_retry_count" class="window_retry_count" disabled="disabled" >
																	<option value="1">1 Retry</option>
																	<option value="2">2 Retry</option>
																	<option value="3">3 Retry</option>
																	<option value="4">4 Retry</option>
																	<option value="5">5 Retry</option>
																	<option value="6">6 Retry</option>
																	<option value="7">7 Retry</option>
																	<option value="8">8 Retry</option>
																	<option value="9">9 Retry</option>
																	<option value="10">10 Retry</option>
																</select>
															</div>
                                                     </div>

													@if(!empty($getsettings_details) && $getsettings_details->is_screen_capture_enabled == 1)
                                                      <div class="checkbox-fade m-r-10 fade-in-primary"style="margin-left: 25px;">
															<label class="js-label-check" for="screen_capturing_1">
																{!! Form::checkbox('screen_capturing', 1, '', ['class' => 'screen_capturing js-lang-element js-lang-check', 'id'=>'screen_capturing_1','onclick'=>'changeIfimage(this)']) !!}
																<span class="cr">
																	<i class="cr-icon hiremee-tick txt-primary"></i>
																</span>
																<span class="text-muted">Screen Capture</span>
															</label>
														</div>
													@endif
										             </div> 
												</td>
											</tr>
										</tbody>
									</table>
								</div>
								<div class="d-flex mb-4 flex-row justify-content-center" id="confirm_button_candidate" style="display:none !important">
									<button id="single_upload_candidate_submit" type="submit" form="single_upload_candidate_form" class="btn btn-md btn-danger text-capitalize confirm-assessment">Confirm Assessment <span class="pro-btn-icon proicon-check"></span> </button>
								</div>
							{!! Form::close() !!}								
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="hme-loading-mask">
    <div class="hme-loading-container">
        <div class="hme-dual-ring"></div>
        <div>Please wait, Loading...</div>
    </div>
</div>  
@endsection

@section('footer')
	
	<script type="text/javascript">

		$(function() {
			$('.assessment_pin_count').on("keypress", function(e) {
		        if (e.keyCode == 13) {
		            return false; 
		        }
			});
		});

		$(function() {
			$('.assessment_pin_count').change(function(e) {
				if((!$.isNumeric($(this).val())) || ($(this).val() <= 0) || ($(this).val() > 100)) {
					
					swal({
					html: true, 
					title: '<span class="sweet-danger-text">Alert<span>', 
					text: "Please Enter Valid TestPin Count.",
					type: "success",
					showCancelButton: false,
					confirmButtonText: "OK",
					closeOnConfirm: false,
					confirmButtonColor: '#f0443a',
					});

					$("#proceed_next_button").attr("disabled", "disabled");

				} else {
                    $('#assessment_pin_count_check').val($(this).val());
					$("#proceed_next_button").removeAttr("disabled");
				}
			});
		})

		$("body").on("focus", ".start_date", function(){
			var _this = $(this);
		    $(this).bootstrapMaterialDatePicker({
		    	useCurrent: false,
		    	clearButton: true,
		    	format: 'YYYY-MM-DD HH:mm:00',
		    	minDate : new Date()
		    }).on('change', function(e, date) {
		    	var get_id = this.id.split("_");
		    	var date = new Date(date);
		    	date.setMinutes(date.getMinutes() + 5);

		    	$("#end_date_"+get_id[2]+"_"+get_id[3]).removeAttr("disabled");
		    	$("#end_date_"+get_id[2]+"_"+get_id[3]).val("");
		    	//$("#end_date_"+get_id[2]+"_"+get_id[3]).bootstrapMaterialDatePicker({'minDate': date, format: 'YYYY-MM-DD HH:mm:00', clearButton: true, useCurrent: false,});
		    });
		});

		$("body").on("focus", ".end_date", function(){
			useCurrent: false
			var _this = $(this);
			var get_id = this.id.split("_");
			var date = new Date($("#start_date_"+get_id[2]+"_"+get_id[3]).val());
			date.setMinutes(date.getMinutes() + 5);
		    $(this).bootstrapMaterialDatePicker({
		    	clearButton: true,
		    	minDate : new Date(),
		    	format: 'YYYY-MM-DD HH:mm:00'
		    }).on('change', function(e, date) {
		    	var start 	= $("#start_date_"+get_id[2]+"_"+get_id[3]).val().substring(0 , 10);
		    	var end 	= $("#end_date_"+get_id[2]+"_"+get_id[3]).val().substring(0 , 10);
		    	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]);
		    	if(endDate < startDate){
		    		$("#end_date_"+get_id[2]+"_"+get_id[3]).val("");
		    	}
		    });
		    $(this).val(formatDate(date));
		});

		$("body").on("change", ".end_date", function(){
				var _this = $(this);
				 var end_date = $(this).closest('tr').find('.end_date').val();
		    var start_date = $(this).closest('tr').find('.start_date').val();
		    checkSlotsCount(start_date,end_date,_this);
		});

		$("body").on("change", ".start_date", function(){
			var _this = $(this);
			 var end_date = $(this).closest('tr').find('.end_date').val();
		    var start_date = $(this).closest('tr').find('.start_date').val();
		    checkSlotsCount(start_date,end_date,_this);
		});

		function formatDate(date) {
		  var d     = new Date(date),
		      month = '' + (d.getMonth() + 1),
		      day   = '' + d.getDate(),
		      year  = d.getFullYear();
		      hours = d.getHours();
		      min 	= d.getMinutes();
		      sec 	= d.getSeconds();

		  if (month.length < 2) month 	= '0' + month;
		  if (day.length < 2) day 		= '0' + day;
		  if (hours.length < 2) hours 	= '0' + hours;
		  if (min.length < 2) min 		= '0' + min;
		  if (sec.length < 2) sec 		= '0' + sec;

		  var date_part = [year, month, day].join('-');
		  var time_part = [hours, min, sec].join(':');

		  return date_part+" "+time_part;
		}

		function checkSlotsCount(start_date,end_date,_this){
			var url = $('#pro-list-table').attr('rel');
			if(start_date !=='' && end_date !== ''){
				$.ajax({
					type: "post",
					url: url,
					data:{'start_date':start_date,'end_date':end_date,'booking':0},
					responseType: 'json',
					beforeSend:function(){
						$('.hme-loading-mask').fadeIn();
					},
					success: function(result) {
						$('.hme-loading-mask').fadeOut();
						if(result.status == true){
							$('#single_upload_candidate_submit').attr('disabled',false);
							_this.closest('tr').find('.endDateSlotError').addClass('text-info').text('Booking Available');
						
						}else{
							$('#single_upload_candidate_submit').attr('disabled',true);
							_this.closest('tr').find('.endDateSlotError').removeClass('text-info').addClass('text-danger').text('Available Booking count exceed');
						}
					}
				})
			}
		}

		$(function() {

			//$(".assessment_id_checkbox").change(function(e) {
			$("#load_div").on('change','.assessment_id_checkbox',function(e) {
				if($(this).is(":checked")) {
					 $('#assessment_pin_count_check').val(1);
					$(this).parent().parent().parent().next().find("input").val(1);
					$(this).parent().parent().parent().next().find("input").removeAttr("readonly");
					$(this).parent().parent().parent().next().find("input").removeAttr("disabled");
				} else {
					$(this).parent().parent().parent().next().find("input").val("");
					$(this).parent().parent().parent().next().find("input").attr("disabled", "disabled");
				}
			});

			/* Disable assessment multi selection
			  */
			$('.pro-list-table').on('click','.assessment_id_checkbox',function(){
				if($(this).is(":checked")){	
					$(this).addClass('checkedAdded'); 
					 $(".assessment_id_checkbox:not(.checkedAdded)").attr("disabled", true);
				}else{

					$(".assessment_id_checkbox").removeClass('checkedAdded').attr("disabled", false);
				}
			})
			
			$(".container-checkbox-pro").mouseover(function(){
				if($(this).find('.assessment_id_checkbox').is(':disabled')){
					$(this).attr('title', 'Disabled');
				}
			});

			$(".assessment_id_checkbox").removeClass('checkedAdded').attr("disabled", false);
			$(".assessment_id_checkbox").prop('checked', false);
			$(".assessment_id_checkbox").trigger("change");	
			
		});


		$("body").on("change", ".window_proctoring", function() {
			if($(this).is(":checked")) {
				$(this).parent().parent().next().show();
				$(this).parent().parent().next().find(".window_retry_count").removeAttr("disabled");
			} else {
				$(this).parent().parent().next().hide();
				$(this).parent().parent().next().find(".window_retry_count").attr("disabled", "disabled");
			}
		});


		function candiateFormGenerat() {
			
			if($("input[name='assessment_id_checkbox[]']:checked").length <= 0) {

				swal({
					html: true, 
					title: '<span class="sweet-danger-text">Alert</span>', 
					text: "Please select at least one Assessment.",
					type: "success",
					showCancelButton: false,
					confirmButtonText: "OK",
					closeOnConfirm: false,
					confirmButtonColor: '#f0443a',
				});

				return false;
			}

		//$("#proceed_next_button").text("Processing...");
var assessmentCount = 0;
			$(".assessment_pin_count").each(function() {
				if($(this).val().length > 0) {
					var tem = $(this).val();
					assessmentCount = parseInt(assessmentCount) + parseInt(tem);
				}	
			});

			var url = "{{ secure_url('pro/series-assessment/check') }}" +"?pincount="+assessmentCount;

			$.ajax({
				type: "GET",
				url: url,
				responseType: 'json',
				beforeSend:function(){
					$("#proceed_next_button").prop("disabled",true);
			         $("#proceed_next_button").text("Processing...");
				},
				success: function(result) {
					
					if(result == 0) {
						
						$("#proceed_next_button").text("Proceed Next");

						swal({
							html: true, 
							title: '<span class="sweet-danger-text">Alert</span>', 
							text: "Assessment Count is Exceeded.",
							type: "warning",
							showCancelButton: false,
							confirmButtonText: "OK",
							closeOnConfirm: false,
							confirmButtonColor: '#f0443a',
						});

						return false;
					}


					var candidate_form = $(".candidate_form");
					var append_form;

					$("input[name='assessment_id_checkbox[]']:checked").each ( function() {

						var assessment_id = $(this).val();
						var assessment_name = $(this).data("assessment_name");
						var candidate_form_count =  $(this).closest('tr').find('.assessment_pin_count').val();

						for(var ii=0; ii < candidate_form_count; ii++) {
							if(append_form) {
								append_form =  append_form.add(generateUniqueElement(candidate_form.clone(), assessment_name, assessment_id, ii));
							}else {
								append_form = generateUniqueElement(candidate_form, assessment_name, assessment_id, ii);
							}
						}	

					});

					$("#candidate_table_body").append(append_form);

					$( ".assessment_id_checkbox" ).bind( "click", function() {
						return false;
					});

					$("#checkallassessment").bind("click", function() {
						return false;
					});

					$(".assessment_id_checkbox").attr("readonly", "readonly");
					$(".assessment_pin_count").attr("readonly", "readonly");
					$("#proceed_next_button").text("Proceed Next");			
					$("#proceed_next_button").attr("disabled", "disabled");
					$("#confirm_button_candidate,#candidate_div").removeAttr("style");

				}
			});
		}


		/*Append Dynamic Field when user click Proceed Next*/
		function generateUniqueElement(element, assessment_name, assessment_id, candidate_form_number) {
                        element.attr("id","asses_form"+candidate_form_number+"");
			// First column element
			element.find(".assessment_id_hidden").val(assessment_id).attr("name", "assessment_id["+assessment_id+"]["+candidate_form_number+"]");
			element.find(".assessment_name").text(assessment_name);

			// second column element
			element.find(".candidate_last_name").attr("name", "last_name["+assessment_id+"]["+candidate_form_number+"]");
			element.find(".candidate_last_name").attr("id", "last_name-"+assessment_id+"-"+candidate_form_number);
			element.find(".candidate_last_name").val("");
			element.find(".candidate_last_name_error").attr("id", "last_name-"+assessment_id+"-"+candidate_form_number+"-error");
			element.find(".candidate_first_name").attr("name", "first_name["+assessment_id+"]["+candidate_form_number+"]");
			element.find(".candidate_first_name").attr("id", "first_name-"+assessment_id+"-"+candidate_form_number);
			element.find(".candidate_first_name").val("");
			element.find(".candidate_first_name_error").attr("id", "first_name-"+assessment_id+"-"+candidate_form_number+"-error");

			// third column element
			element.find(".email_address").attr("name", "email_address["+assessment_id+"]["+candidate_form_number+"]");
			element.find(".email_address").attr("id", "email_address-"+assessment_id+"-"+candidate_form_number);
			element.find(".email_address").val("");
			element.find(".email_address_error").attr("id", "email_address-"+assessment_id+"-"+candidate_form_number+"-error");
			element.find(".contact_number").attr("name", "contact_number["+assessment_id+"]["+candidate_form_number+"]");
			element.find(".contact_number").attr("id", "contact_number-"+assessment_id+"-"+candidate_form_number);
			element.find(".contact_number").val("");
			element.find(".contact_number_error").attr("id", "contact_number-"+assessment_id+"-"+candidate_form_number+"-error");

			// fourth column element
			element.find(".hiremee_id").attr("name", "hiremee_id["+assessment_id+"]["+candidate_form_number+"]");
			element.find(".hiremee_id").val("");

			element.find(".roll_number").attr("name", "roll_number["+assessment_id+"]["+candidate_form_number+"]");

			element.find(".roll_number").attr("id", "roll_number-"+assessment_id+"-"+candidate_form_number);

			element.find(".roll_number").val("");

			element.find(".roll_number_error").attr("id", "roll_number-"+assessment_id+"-"+candidate_form_number+"-error");

			// @author Vishnuraj S <V2E22808> @version Hiremee_Feature_Enchancement_34,IT12936,Dept Excel 
			element.find(".department").attr("name", "department["+assessment_id+"]["+candidate_form_number+"]");
			element.find(".department").attr("id", "department-"+assessment_id+"-"+candidate_form_number);
			element.find(".department").val("");
			element.find(".department_error").attr("id", "department-"+assessment_id+"-"+candidate_form_number+"-error");

			element.find(".plant_location").attr("name", "plant_location["+assessment_id+"]["+candidate_form_number+"]");
			element.find(".plant_location").attr("id", "plant_location-"+assessment_id+"-"+candidate_form_number);
			element.find(".plant_location").val("");
			element.find(".plant_location_error").attr("id", "plant_location-"+assessment_id+"-"+candidate_form_number+"-error");
			element.find(".plant_location").select2();

			element.find(".enrollment_number").attr("name", "enrollment_number["+assessment_id+"]["+candidate_form_number+"]");
			element.find(".enrollment_number").attr("id", "enrollment_number-"+assessment_id+"-"+candidate_form_number);
			element.find(".enrollment_number").val("");
			element.find(".enrollment_number_error").attr("id", "enrollment_number-"+assessment_id+"-"+candidate_form_number+"-error");

			// fifth column element
			element.find(".start_date").attr({name: "start_date["+assessment_id+"]["+candidate_form_number+"]", id: "start_date_"+assessment_id+"_"+candidate_form_number});
			//element.find(".start_date").val("");
			element.find(".end_date").attr({name: "end_date["+assessment_id+"]["+candidate_form_number+"]", id: "end_date_"+assessment_id+"_"+candidate_form_number});


			//@author Naveenkumar S <V2E17315> @version 23.0
			element.find(".js_dob").attr("name", "dob["+assessment_id+"]["+candidate_form_number+"]");
			element.find(".js_dob").attr("id", "js_dob-"+assessment_id+"-"+candidate_form_number);
			element.find(".js_dob").val("");
			element.find(".js_dob_error").attr("id", "js_dob-"+assessment_id+"-"+candidate_form_number+"-error");

			element.find(".registration_id").attr("name", "registration_id["+assessment_id+"]["+candidate_form_number+"]");
			element.find(".registration_id").attr("id", "registration_id-"+assessment_id+"-"+candidate_form_number);
			element.find(".registration_id").val("");
			element.find(".registration_id_error").attr("id", "registration_id-"+assessment_id+"-"+candidate_form_number+"-error");


			element.find(".image_proctoring").attr({name: "image_proctoring["+assessment_id+"]["+candidate_form_number+"]", id: "image_proctoring_"+assessment_id+"_"+candidate_form_number});
			element.find(".image_proctoring").attr("checked", false);
			element.find(".image_proctoring").parent().attr("for", "image_proctoring_"+assessment_id+"_"+candidate_form_number);

			element.find(".window_proctoring").attr({name: "window_proctoring["+assessment_id+"]["+candidate_form_number+"]", id: "window_proctoring_"+assessment_id+"_"+candidate_form_number});
			element.find(".window_proctoring").attr("checked", false);
			element.find(".window_proctoring").parent().attr("for", "window_proctoring_"+assessment_id+"_"+candidate_form_number);

			element.find(".window_retry_count").attr({name: "window_retry_count["+assessment_id+"]["+candidate_form_number+"]", id: "window_proctoring_"+assessment_id+"_"+candidate_form_number});
			element.find(".window_retry_count:selected").removeAttr("selected");

            element.find(".screen_capturing").attr({name: "screen_capturing["+assessment_id+"]["+candidate_form_number+"]", id: "screen_capturing_"+assessment_id+"_"+candidate_form_number});
			element.find(".screen_capturing").attr("checked", false);
			element.find(".screen_capturing").parent().attr("for", "screen_capturing_"+assessment_id+"_"+candidate_form_number);



			return element;
		}

		$(function() {
			$("#checkallassessment").change(function(e) {
				if($(this).is(":checked")) {
					$(".assessment_id_checkbox").prop('checked', true);
					$(".assessment_id_checkbox").trigger("change");
				} else {
					$(".assessment_id_checkbox").prop('checked', false);
					$(".assessment_id_checkbox").trigger("change");
				}
			});
		});

		$(function() {
	  $.validator.addMethod("alphavalue", function(value, element) {
        return this.optional(element) || /^[a-zA-Z]+$/i.test(value);
    },"Characters only allowed");

	  $.validator.addMethod("alphaNumeric", function(value, element) {
        return this.optional(element) || /^[a-zA-Z0-9]+$/i.test(value);
    },"Characters only allowed");
			
			$("#single_upload_candidate_form").validate({
			    errorElement: 'span',
				errorPlacement: function(error, element) {
					$('.tooltip').tooltip('hide');
         			$("body").find('#'+error[0].id+'-custom').remove();

         			$("#"+error[0].id).append('<span data-position="left" data-delay="0" data-animation="false" class="js-tootletip hiremee-info text-danger pull-right" id="'+error[0].id+'-custom" data-toggle="tooltip" data-original-title="'+error[0].innerText+'" data-trigger="hover" style="z-index: 1; margin-left: 90%; margin-right: 15%; background-color: unset; margin-top: 5px;"></span>');
					
					$('.js-tootletip').tooltip(tooltip_direction_options);

				},
				success: function (element){
                  $("body").find('#'+element[0].id+'-custom').remove();
                  $('#'+element[0].id+'-custom').tooltip('hide');
                  $('.js-tooltip-validate').tooltip();
                },
				submitHandler: function(form) {
					var proceed=true; /** @version 21.0 ***/
          			$(".hiremee_id").each(function() {
						if($(this).val().length > 100) {
							proceed=false;
						}
					});
					if(proceed==false){
						alertMessage("error","Hiremee Id not exists than 100","Alert");
					}else{
						$("#single_upload_candidate_submit").attr("disabled", "disabled");
          				$("#single_upload_candidate_submit").text("Processing...");
	          			form.submit();
		        	}
		        }	
			});
		    $.validator.addClassRules("candidate_first_name",{
			     aRequired: true, 
			     alphavalue: true, 
			     normalizer: function(value) {
                  return $.trim(value);
            },
			});
            $.validator.addMethod("aRequired", $.validator.methods.required,"Please enter first name");
			$.validator.addClassRules("candidate_last_name", {
			     bRequired: true,  
			     alphavalue: true,
			     normalizer: function(value) {
                  return $.trim(value);
            },
			});
            $.validator.addMethod("bRequired", $.validator.methods.required,"Please enter last name");
			$.validator.addClassRules("email_address", {
			     cRequired: true,
			     email: true
			});
            $.validator.addMethod("cRequired", $.validator.methods.required,"Please enter your email address");
			$.validator.addClassRules("contact_number", {
			     minlength: 10,
			     maxlength: 10,
			     number: true
			});
			// $.validator.addClassRules("hiremee_id", {
			//      maxlength: 100,
			// });
			//@author Naveenkumar S <V2E17315> @version 23.0
			$.validator.addClassRules("js_dob", {
			     dRequired: true
			});
			$.validator.addMethod("dRequired", $.validator.methods.required,"Please enter DOB");
			
			$.validator.addClassRules("registration_id", {
				 eRequired: true,
				 normalizer: function(value) {
				  return $.trim(value);
				},
			});
            $.validator.addMethod("eRequired", $.validator.methods.required,"Please enter registration id");

            $.validator.addClassRules("roll_number", {
				 fRequired: true,
				 normalizer: function(value) {
				  return $.trim(value);
				},
				maxlength:20,

			});
            $.validator.addMethod("fRequired", $.validator.methods.required,"Please Enter RollNumber");

            $.validator.addClassRules("department", {
				 gRequired: true,
				 normalizer: function(value) {
				  return $.trim(value);
				},
				maxlength:20,
			});
            $.validator.addMethod("gRequired", $.validator.methods.required,"Please Enter Department");
			$.validator.addClassRules("plant_location", {
				 hRequired: true,
				 normalizer: function(value) {
				  return $.trim(value);
				},
				maxlength:20,
			});
           $.validator.addMethod("hRequired", $.validator.methods.required,"Please Enter Plant Location");

           $.validator.addClassRules("enrollment_number", {
				maxlength:20,
			});

		});


		$('.opt').click(function(){
			opt = $(this).val();
			$('#assessment_id_field').val('');
			loadContent();
			assessmentLists(opt);
		})

		var date = new Date();
	    var start_date=date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate()+" "+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds(); 
	    var end_date = "{{$assessment_default_date}}";
	    $(".start_date").val(start_date);
	    $(".end_date").val(end_date);
		
	    $('#assessment_id_field').on("change",function(){
	    	loadContent();
	    });

		function assessmentLists(opt){
			$.ajax({
				url:baseUrl+'/company/get-cor-asessment-data',
				data:{'type':opt},
				dataType:'json',
				type:'get',
				beforeSend:function(){
					$('.hme-loading-mask').fadeIn();
				},
				success:function(res){
					 $('.hme-loading-mask').fadeOut();
					 $('#assessment option').remove();
					 $('#assessment_id_field').html('<option value="">Select Assessment</option>'+res.response);
				},
				 error: function(error){
				 	$('.hme-loading-mask').fadeOut();
				 }
			})
		}	

		function loadContent(){
			var opt = $('.opt:checked').val();
			var assessment = $('#assessment_id_field').val();
			$.ajax({
				url:baseUrl+'/pro/company/get-assessments',
				data:{'opt':opt,'assessment':assessment},
				dataType:'json',
				type:'post',
				beforeSend:function(){
					$("#candidate_div").attr('style', 'display: none !important');
					$("#confirm_button_candidate").attr('style', 'display: none !important');
					$("#proceed_next_button").attr('disabled', true);
					$('.hme-loading-mask').fadeIn();
					candidateFormReset();
				},
				success:function(res){
					$('.hme-loading-mask').fadeOut();
					if(res.status == 200){
						$('#load_div').html(res.content);
						$("#proceed_next_button").attr('disabled', false);
					}
				},
				 error: function(error){
				 	$('.hme-loading-mask').fadeOut();
				 }
			})
		}
	$(document).ready(function(){
		/*
		@version 22.0
		Time zone checking
		*/
		@if((Session::has('corporate_timezone')) && !empty(Session::get('corporate_timezone')))
			var current_timezone = "{{ Session::get('corporate_timezone') }}";
			var canadaTime = new Date().toLocaleString("en-US", {timeZone: current_timezone});
			d = new Date(canadaTime)
			var year = d.getFullYear();
			var month = parseInt(d.getMonth())+1;
			var date = d.getDate();
			var hrs = d.getHours();
			var min = d.getMinutes();
			var sec = d.getSeconds();
			var fullDate = year+'-'+month+'-'+date+' '+hrs+':'+min+':'+sec
			$('.start_date').val(fullDate);
			$('.start_date').bootstrapMaterialDatePicker({
		    	useCurrent: false,
		    	clearButton: true,
		    	format: 'YYYY-MM-DD HH:mm:00',
		    	minDate : new Date(canadaTime)
		    })
		@endif
	})

	//@author Naveenkumar S <V2E17315> @version 23.0
	$("body").on("focus", ".js_dob", function(){
			var _this = $(this);
		    $(this).bootstrapMaterialDatePicker({
				time: false,
				clearButton: true,
				format: 'DD-MM-YYYY',
				maxDate: new Date(new Date(new Date().getTime() - 24 * 60 * 60 * 1000).getFullYear() - 15,0, 1)
		    });
		});

    //Candidate form reset
    //@author Karthikaipriyan M <V2E18436> @version 24.0
	function candidateFormReset(){
	     if($('.candidate_form').length > 1){
	                var text_form =  generateUniqueElement($('.candidate_form').clone(), '','','');
					$("input[name='assessment_id_checkbox[]']:checked").each(function(key,value) {
						 asss_form_pin_count =  $(this).closest('tr').find('.assessment_pin_count').val();
						 for (var i = 0; i < asss_form_pin_count; i++) {
						 	 $('#asses_form'+i+'').remove();
						 }
					});
                    $("#candidate_table_body").append(text_form[0]);
          }
	}

	/*change screen capture based on image
    @author Vishnuraj <V2E22808> @version hiremee_pro_upgrade_enc_36*/
	function changeIfimage(image){
		var text = image.id;
		var arr = text.split('_');
		var imageproctoring = 'image_proctoring'+'_'+arr[2]+'_'+arr[3];
		
		if(image.checked){
			$("#"+imageproctoring).prop('checked', true);
		}
	}

	function changeScreenCapture(image,e){
		var text = image.id;
		var arr = text.split('_');
		var screencapturing = 'screen_capturing'+'_'+arr[2]+'_'+arr[3];

		if($('#'+screencapturing).is(':checked')){
 			e.preventDefault();
		}else{
			return true;
		}
	}
	
	</script>

@endsection
<script type="text/javascript">
  //back button code //
      function preventBack() {
          window.history.forward();
      }
      setTimeout("preventBack()", 0);
      window.onunload = function() {
          null
      };
     //end//
</script>