@extends('layouts.main')
@section('title',trans('core.title_test_result'))
@section('content')
<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">
					@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($message = Session::get('error'))
		            <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>{{ $message }}
		              </div>
		            @endif
					<div class="page-header-title">
						<h4>Search for Test Result</h4>
					</div>
					<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/corporate/test-result') }}">Search for Test Result</a></li>
						</ul>
					</div>
				</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(["action" => "Mock\Corporate\CorporateController@testResultSearch", "method" => "GET", "id" => "test_result_form_mock", "name" => "test_result_form_mock"]) !!}

												<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', 'placeholder' => 'Select Assessment']) !!}
															</div>
														</div>
													</div>
												</div>
												<div class="row form-group">
													<div class="col-md-6 text-left  f-w-400"><p class="l-h-0">Start Date <span class="text-danger">*</span> :</p>
														<div class="input-group">
															{!! Form::text('start_date','',['class'=>'form-control','placeholder'=>'e.g. 14-08-2018', 'id' => 'start_date']) !!}
															<span class="input-group-addon">
																<i class="icofont icofont-calendar"></i>
															</span>
														</div>
													</div>
													<div class="col-md-6 text-left f-w-400"><p class="l-h-0">End Date <span class="text-danger">*</span> :</p>
														<div class="input-group">
															{!! Form::text('end_date','',['class'=>'form-control','placeholder'=>'e.g. 15-08-2018', 'id' => 'end_date']) !!}
															<span class="input-group-addon" id="">
																<i class="icofont icofont-calendar"></i>
															</span>
														</div>
													</div>
												</div>
												<div class="row form-group">
													<div class="col-md-12 text-left f-w-400 m-b-8">Order by <span class="text-danger">*</span> :</div>
													<div class="col-md-6">	
														<div class="pos-relative m-b-15">
															<div class="hme-select-style">
																<select name="order_by_field" class="form-control">
																	<option value="candidate_name">Candidate Name</option>
																	<option value="assign_assessment.testpin">Test Pin</option>
																	<option value="assessment_date">Assessment Date</option>
																	<option value="assessment_overall_result.percentage">Percentage</option>
																</select>
															</div>
														</div>
													</div>
												</div>
												<div class="row form-group">
													<div class="col-md-2 text-left f-w-400 m-b-8">Sequence <span class="text-danger">*</span> :</div>
													<div class="col-md-8">
														<div class="form-radio">
															<div class="radio radiofill radio-primary radio-inline">
																<label>
																	<input name="order_by_type" value="asc" data-bv-field="member" type="radio">
																	<i class="helper"></i>Ascending
																</label>
															</div>
															<div class="radio radiofill radio-primary radio-inline">
																<label>
																	<input name="order_by_type" value="desc" data-bv-field="member" type="radio" checked="checked">
																	<i class="helper"></i>Decending
																</label>
															</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">Get Test Results</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">
		
		$(function(){
		    $("#start_date").bootstrapMaterialDatePicker({
		    	time:false,
		    	clearButton: true,
		    	format: 'YYYY-MM-DD'
		    }).on('change', function(e, date) {

		    	$("#end_date").val("");
		    	$("#end_date").bootstrapMaterialDatePicker('setMinDate', date);
		    });
		});

		$(function() {
		    $("#end_date").bootstrapMaterialDatePicker({
		    	time:false,
		    	clearButton: true,
		    	format: 'YYYY-MM-DD'
		    });
		});

		$(function() {
			$("#test_result_form_mock").validate({
				ignore: [],
				rules: {
		          order_by_field: {
		          	required: true
		          },
		          order_by_type: {
		          	required: true
		          },
		          start_date: {
		          	required: true
		          },
		          end_date: {
		          	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();
		        }
			});

		});

	</script>
@endsection