@extends('layouts.main')
@section('title','Assessment search live stream')
@section('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-content">
	<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>Search Assessments</h4>
					</div>
					@if(!session()->has('new_portal_redirect'))
					<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/candidate-assessment-video-stream') }}">Search Assessment</a></li>
						</ul>
					</div>
					@endif
				</div>
				<div class="page-body">
					<div class="card borderless-card m-b-0 bg-f7f7f7">
						<div class="card-block p-t-0">
							<div class="row">
								<div class="col-md-7">
									<div class="card borderless-card m-b-0">
										<div class="card-block">
											{!! Form::open(["url" => "pro/company/assessment-candidate-stream", "method" => "GET", "id" => "test_result_form","target"=>"_blank"]) !!}

						<div class="row form-group">
						<div class="col-md-12 text-left f-w-400 m-b-5">Assessment Category* :</div>
						<div class="col-md-12">
							<div class="pos-relative">
								<div class="form-radio">
						            <div class="radio radiofill radio-primary radio-inline">
						              <label>
						                <input name="assessment_type" class="assessment_type" 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="assessment_type" value="2" data-bv-field="member" type="radio">
						                  <i class="helper"></i>Assessment Inventory
						              </label>
						            </div>
						          </div>
						        </div>
						    </div>
						</div>
						<div class="row form-group">
							<div class="col-md-12 text-left f-w-400 m-b-5">Assessment Name* :</div>
							<div class="col-md-12 m-b-15">
								<div class="pos-relative">
									<div class="hme-select-style">
										{!! Form::select('assessment', $assessmentMaster, '', ['class' => 'form-control js-select2', 'id'=>'assessment', 'placeholder' => 'Select Assessment']) !!}
									</div>
								</div>
							</div>
						</div>					
								<div class="row form-group">
									<div class="col-sm-12 d-flex justify-content-start">
										<button class="btn btn-primary m-r-10 pro-green" type="submit">Live Stream</button>
										<button class="btn pro-default border-none" type="reset">Cancel</button>									
									</div>
									<div class="col-md-2"></div>
								</div>
							{!! Form::close() !!}
						</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection

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

		$(document).ready(function(){
			$("#test_result_form").validate({
				ignore: [],
				rules: {
		          assessment: {
		          	required: true
		          },
		        },
				invalidHandler: function (event, validator) {

			    },
			    errorElement: 'span',
				errorPlacement: function(error, element) {
		            var parent = $(element).parent();
		            $('.tooltip').tooltip('hide');					
					$("body").find('#'+error[0].id+'-custom').remove();

					parent.append('<span data-position="left" data-delay="0" data-animation="false" class="js-tootletip hiremee-info text-danger tooltip-validate" id="'+error[0].id+'-custom" data-toggle="tooltip" data-original-title="'+error[0].innerText+'" data-trigger="hover" style="margin-right:25px;"></span>');
					
					$('#'+error[0].id+'-custom').tooltip(tooltip_direction_options);

				},
				submitHandler: function(form) {
			    	form.submit();
		        }
			});

		});

		$('.assessment_type').change(function(e){	
			e.preventDefault();
			opt = $(this).val();
			var url = baseUrl+'/pro/company/get-inventory-assessment'
			$.ajax({
				url:url,
				data:{'type':opt,'pagetype':'live_proctor'},
				dataType:'json',
				type:'get',
				beforeSend:function(){
					$('.hme-loading-mask').fadeIn();
				},
				success:function(res){
					 $('.hme-loading-mask').fadeOut();
					 $('#assessment option').remove();
					 $('#assessment').html('<option value="">Select Assessment</option>'+res.response);
				},
				 error: function(error){
				 	$('.hme-loading-mask').fadeOut();
				 }
			})
		})	


</script>
@endsection