@extends('layouts.main')
@section('title',trans('core.title_search_candidate'))
@section('content')  
<div class="pcoded-content">
	<div class="pcoded-inner-content">
		<div class="main-body">
			<div class="page-wrapper r-search m-l-8">
				<div class="page-header p-t-10">
					<div class="page-header-title ">
						<div class="d-flex justify-content-start">
						<h4>Search Candidate</h4>
						<div class="total-search-candidate m-l-15"><span id="last_item">{{ empty($last_item) ? 0 : $last_item }}</span> / <span id="total_count">{{$total_result}}</span></div>
					</div>
					</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')}}"></a>
								@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="javascript:;">Search Candidate</a>
							</li>
						</ul>
					</div>
					<div class="card borderless-card m-t-10">
						<div class="p-t-10">
							<div class="row d-flex flex-row justify-content-between flex-wrap">
								{!! Form::hidden('search-type',$search_type,['id'=>'search-type']) !!}
								{!! Form::hidden('search-string',$search,['id'=>'search-string']) !!}
								{!! Form::hidden('search-path',$search_path,['id'=>'search-path']) !!}
								{!! Form::hidden('search-id',$search_id,['id'=>'search-id']) !!}
								<div class="">
									<div class="d-flex flex-row p-l-20 flex-wrap hme--custom-filter-wrapper">
										<div class="d-flex flex-row">
											<span class="hme-filter-label m-l-10"><i class="hiremee-filter"></i></span>

											<div class="hme--custom-filter m-r-5">
												{!! Form::select('saved_search',[''=>'']+$master['saved_search'],$search_id,['id'=>'saved_search','data-placeholder'=>'Select Saved Search','class'=>'js-select2']) !!}
											</div>
										</div>

										<div class="d-flex flex-row">
											<div class="hme--custom-filter m-r-5 remote-search-select-div">
												{!! Form::select('search_college',$master['college'],null,['id'=>'search_college','data-placeholder'=>'Select College','multiple'=>'multiple','class'=>'search-select remote-search-select']) !!}
												{!! Form::hidden('searched_college','',['id'=>'searched_college','class'=>'searched']) !!}
											</div>
										</div>

										<div class="d-flex flex-row">
											<div class="hme--custom-filter m-r-5 remote-search-select-div">
												{!! Form::select('search_skill',$master['skill'],null,['id'=>'search_skill','data-placeholder'=>'Select Skill','class'=>'search-select remote-search-select','multiple'=>'multiple']) !!}
												{!! Form::hidden('searched_skill','',['id'=>'searched_skill','class'=>'searched']) !!}
											</div>
										</div>
										<div class="d-flex flex-row">
											<div class="hme--custom-filter m-r-5">
												{!! Form::select('search_year',[""=>""] + $master['year_of_completion'],null,['id'=>'search_year','data-placeholder'=>'Select Year Of Completion','class'=>'js-select2 search-select static-top-search-select','multiple'=>'multiple',]) !!}
												{!! Form::hidden('searched_year','',['id'=>'searched_year','class'=>'searched']) !!}
											</div>
										</div>
									</div>
								</div>
								<div class="col-xl-3 col-md-6 col-sm-6 col-12 pull-right m-r-15">
										<button class="btn btn-sm f-14 m-b-5 btn-primary search-apply-filter" id="search-apply-filter"><i class="hiremee-tick"></i> Apply</button>
										<button class="btn btn-sm f-14 m-b-5 btn-default search-clear-filter" id="search-clear-filter"><i class="hiremee-refresh"></i> Clear</button>

							<!-- <div class="d-flex flex-row">
								<div class="checkbox-fade p-l-10 p-t-10 fade-in-primary">
										<label>
											<input value="" name="search-select-all" type="checkbox" class="checkmark-round" id="search-select-all">
											<span class="cr"><i class="cr-icon icofont icofont-ui-check txt-primary" id="search-select-all-index"></i></span>
											<span class="text-inverse">Select all</span>
										</label>
									</div>
									</div>
							<div class="d-flex flex-row">
									<a href="javascript:;" class="btn btn-sm f-16 btn-info search-select-multiple" data-toggle="tooltip" data-animation="false" data-html="true" title="" data-original-title="<i class='hiremee-info'></i> Select Candidates"><i class="hiremee-tick m-r-0"></i></a>

									

									<a href="javascript:;" class="btn btn-sm f-16 btn-danger search-reject-multiple" data-toggle="tooltip" data-animation="false" data-html="true" title="" data-original-title="<i class='hiremee-info'></i> Reject Candidates"><i class="hiremee-multiply m-r-0"></i></a>

									<a href="{{ secure_url('company/search-candidate') }}" class="btn btn-sm f-16 btn-danger" data-toggle="tooltip" data-animation="false" data-html="true" title="" data-original-title="Back"><i class="hiremee-back m-r-0"></i></a>
								</div> -->
								<!-- -->
								<button class="btn btn-search-link c-p h-40 rotate-90" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-toggle="tooltip" data-animation="false" data-placement="top" title=""><i class="hiremee-ellipsis"></i></button>
								<div class="dropdown-menu search-dropdown">
									<div class="checkbox-fade p-l-20 p-t-10 fade-in-primary">
										<label>
											<input value="" name="search-select-all" type="checkbox" class="checkmark-round" id="search-select-all">
											<span class="cr"><i class="cr-icon icofont icofont-ui-check txt-primary" id="search-select-all-index"></i></span>
											<span class="text-inverse f-14">Select all</span>
										</label>
									</div>
									<button class="dropdown-item search-select-multiple"> Select Candidates</button>
									<button class="dropdown-item search-reject-multiple"> Reject Candidates</button>

									<a href="{{ secure_url('company/search-candidate') }}" class="dropdown-item"> Back to Search</a>
								</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>



	<!-- <div class="clearfix"></div> -->
	<div class="r-search-main">
		<div class="page-body">
			<div class="row">
				<div class="col-xl-9 col-md-12 col-sm-12" id="js-container">
					<div class="hme-loading-mask">
						<div class="hme-loading-container">
							<div class="hme-dual-ring"></div>
							<div>Please wait, Loading...</div>
						</div>
					</div>
					{!! $result_component !!}
				</div>
				<div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12 right-sticky">
					<div id="myChart"></div>
					<div class="card borderless-card">
						<div class="card-block p-t-0 card-block">
							<div class="row right-search">
								<div class="col-sm-12 text-center bg-danger">	
									<p class="m-10 f-18"><i class="f-18 hiremee-advanced-search"> </i> Advance Search</p>
								</div>
								<div class="search-right-bar">
									<div class="col-xs-12 col-md-12 ">
										<div id="accordion" role="tablist" aria-multiselectable="true">


										<a class="collapsed btn-block f-15 b-bg-blue accordian-grey t-grey f-14" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
											HireMee Assessment <i class="hiremee-down-arrow  pull-right t-grey"></i>
										</a>
										<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">

											<div class="hm-range-slider-wrapper">
												<div>
													<label class="range-slider_label">Verbal Aptitude :</label>
													<div class="range-slider">
														<input class="range-slider__range" type="range" value="0" min="0" max="9">
														<span class="range-slider__value" id="search_va">0</span>
														{!! Form::hidden('searched_va','',['id'=>'searched_va','class'=>'searched']) !!}
													</div>
												</div>
												<div>
													<label class="range-slider_label">Quantitive Apptitude :</label>
													<div class="range-slider">
														<input class="range-slider__range" type="range" value="0" min="0" max="9">
														<span class="range-slider__value" id="search_qa">0</span>
														{!! Form::hidden('searched_qa','',['id'=>'searched_qa','class'=>'searched']) !!}
													</div>
												</div>
												<div>
													<label class="range-slider_label">Logical reasoning :</label>
													<div class="range-slider">
														<input class="range-slider__range" type="range" value="0" min="0" max="9">
														<span class="range-slider__value" id="search_lr">0</span>
														{!! Form::hidden('searched_lr','',['id'=>'searched_lr','class'=>'searched']) !!}
													</div>
												</div>
												<div>
													<label class="range-slider_label">Computer Fundamentals/Advanced Computers :</label>
													<div class="range-slider">
														<input class="range-slider__range" type="range" value="0" min="0" max="9">
														<span class="range-slider__value" id="search_tcf">0</span>
														{!! Form::hidden('searched_tcf','',['id'=>'searched_tcf','class'=>'searched']) !!}
													</div>
												</div>
												<div>
													<label class="range-slider_label">Communication :</label>
													<div class="range-slider">
														<input class="range-slider__range" type="range" value="0" min="0" max="9">
														<span class="range-slider__value" id="search_comm">0</span>
														{!! Form::hidden('searched_comm','',['id'=>'searched_comm','class'=>'searched']) !!}
													</div>
												</div>
												<div>
													<label class="range-slider_label">Core domain :</label>
													<div class="range-slider">
														<input class="range-slider__range" type="range" value="0" min="0" max="9">
														<span class="range-slider__value" id="search_tcd">0</span>
														{!! Form::hidden('searched_tcd','',['id'=>'searched_tcd','class'=>'searched']) !!}
													</div>
												</div>
												<div>
													<label class="range-slider_label">Interpersonal Skills :</label>
													<div class="range-slider">
														<input class="range-slider__range" type="range" value="0" min="0" max="10">
														<span class="range-slider__value" id="search_ic">0</span>
														{!! Form::hidden('searched_ic','',['id'=>'searched_ic','class'=>'searched']) !!}
													</div>
												</div>
												<div>
													<label class="range-slider_label">Intrapersonal Skills :</label>
													<div class="range-slider">
														<input class="range-slider__range" type="range" value="0" min="0" max="10">
														<span class="range-slider__value" id="search_pc">0</span>
														{!! Form::hidden('searched_pc','',['id'=>'searched_pc','class'=>'searched']) !!}
													</div>
												</div>
												<div>
													<label class="range-slider_label">Emotional Management :</label>
													<div class="range-slider">
														<input class="range-slider__range" type="range" value="0" min="0" max="10">
														<span class="range-slider__value" id="search_ec">0</span>
														{!! Form::hidden('searched_ec','',['id'=>'searched_ec','class'=>'searched']) !!}
													</div>
												</div>
												<div>
													<label class="range-slider_label">Motivators :</label>
													<div class="range-slider">
														<input class="range-slider__range" type="range" value="0" min="0" max="10">
														<span class="range-slider__value" id="search_mc">0</span>
														{!! Form::hidden('searched_mc','',['id'=>'searched_mc','class'=>'searched']) !!}
													</div>
												</div>
												<div>
													<label class="range-slider_label">Openness to Experience :</label>
													<div class="range-slider">
														<input class="range-slider__range" type="range" value="0" min="0" max="10">
														<span class="range-slider__value" id="search_io">0</span>
														{!! Form::hidden('searched_io','',['id'=>'searched_io','class'=>'searched']) !!}
													</div>
												</div>
											</div>

										</div>

									</div>

								</div>
								<div class="col-xs-12 col-md-12">
									<label class="hme-filter-inline-label m-b-0">Course Type :</label>
									<div class="input-group input-group-primary2 m-b-10">
										<div class="hme-select-style">
											{!! Form::select('search_course_type',[''=>'']+$master['course_type'],null,['id'=>'search_course_type','data-placeholder'=>'Select Course Type','class'=>'js-select2 search-select search_dependency','multiple'=>'multiple','data-target-type'=>'course-search','data-target'=>'search_course']) !!}
											{!! Form::hidden('searched_course_type','',['id'=>'searched_course_type','class'=>'searched']) !!}
										</div>
									</div>
								</div>		
								<div class="col-xs-12 col-md-12">
									<label class="hme-filter-inline-label m-b-0">Course Name :</label>
									<div class="input-group input-group-primary2 m-b-10">
										<div class="hme-select-style">
											{!! Form::select('search_course',[''=>'']+$master['course'],null,['id'=>'search_course','data-placeholder'=>'Select Course','class'=>'js-select2 search-select search_dependency','multiple'=>'multiple','data-target-type'=>'specialization-search','data-target'=>'search_specialization']) !!}
											{!! Form::hidden('searched_course','',['id'=>'searched_course','class'=>'searched']) !!}
										</div>
									</div>
								</div>
								<div class="col-xs-12 col-md-12">
									<label class="hme-filter-inline-label m-b-0">Specialization :</label>
									<div class="input-group input-group-primary2 m-b-10">
										<div class="hme-select-style">
											{!! Form::select('search_specialization',[''=>'']+$master['specialization'],null,['id'=>'search_specialization','data-placeholder'=>'Select Specialization','multiple'=>'multiple','class'=>'js-select2 search-select']) !!}
											{!! Form::hidden('searched_specialization','',['id'=>'searched_specialization','class'=>'searched']) !!}
										</div>
									</div>
								</div>

                                 <!-- <div class="col-xs-12 col-md-12">
                                    <label class="hme-filter-inline-label">Designation :</label>
                                    <div class="input-group input-group-primary2">
                                        <div class="hme-select-style">
                                          <select>
                                            <option value="volvo">BPUT</option>
                                            <option value="saab">BIT</option>
                                            <option value="mercedes">IGNOU</option>
                                            <option value="audi">Karnataka</option>
                                          </select>
                                        </div>
                                    </div>
                                </div> -->

                                <div class="col-xs-12 col-md-12">
                                	<label class="hme-filter-inline-label m-b-0">Preferred Job Location :</label>
                                	<div class="input-group input-group-primary2 m-b-0">
                                		<div class="hme-select-style">
                                			{!! Form::select('search_pref_job_loc',[''=>'']+$master['city'],null,['id'=>'search_pref_job_loc','data-placeholder'=>'Select Preferred Job Location','class'=>'js-select2 search-select','multiple'=>'multiple']) !!}
                                			{!! Form::hidden('searched_pref_job_loc','',['id'=>'searched_pref_job_loc','class'=>'searched']) !!}
                                		</div>
                                	</div>
                                </div>

                                <div class="col-xs-12 col-md-12">
                                	<label class="hme-filter-inline-label m-t-10 m-b-0">Location :</label>
                                	<div class="row p-l-10 p-r-10">
                                		<div class="col-md-6 p-r-5 p-l-5">
                                			<div class="input-group input-group-primary2 m-b-0 ">
                                				<div class="hme-select-style">
                                					{!! Form::select('search_state',[''=>'']+$master['state'],null,['id'=>'search_state','data-placeholder'=>'Select State','class'=>'js-select2 search_dependency','data-target-type'=>'district','data-target'=>'search_city']) !!}
                                					{!! Form::hidden('searched_state','',['id'=>'searched_state','class'=>'searched']) !!}
                                				</div>

                                			</div>
                                		</div>
                                		<div class="col-md-6 p-r-5 p-l-5">
                                			<div class="input-group input-group-primary2">
                                				<div class="hme-select-style">
                                					{!! Form::select('search_city',[''=>'']+$master['city'],null,['id'=>'search_city','data-placeholder'=>'Select City','class'=>'js-select2']) !!}
                                					{!! Form::hidden('searched_city','',['id'=>'searched_city','class'=>'searched']) !!}
                                				</div>

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

                                <div class="col-xs-12 col-md-12">
                                	<label class="hme-filter-inline-label m-t-10 m-b-0">Assessment Date :</label>
                                	<div class="row p-l-10 p-r-10">
                                		<div class="col-md-6 p-r-5 p-l-5">
                                			<div class="input-group m-b-10">
                                				<input type="text" id="search-assess-date-from" class="form-control search-assess-date-from searched" placeholder="From">
												<span class="input-group-addon">
													<i class="icofont icofont-calendar"></i>
												</span>
											</div>
                                		</div>
                                		<div class="col-md-6 p-r-5 p-l-5">
                                			<div class="input-group m-b-10">
                                				<input type="text" id="search-assess-date-to" class="form-control search-assess-date-to searched" placeholder="To">
													<span class="input-group-addon">
														<i class="icofont icofont-calendar"></i>
													</span>
												</div>
                                		</div>
                                	</div>
                                </div>

                               <div class="row col-xs-12 col-md-12 text-center search-button-bottom z-depth-top-5">
                               <div class="col-md-6">
                                	<button class="col-md-12 btn btn-sm f-14   btn-primary search-apply-filter" id="search-apply-filter"><i class="hiremee-tick"></i> Apply</button>
                                	</div>
                                	  <div class="col-md-6">
                                	<button class="col-md-12 btn btn-sm f-14  btn-default search-clear-filter" id="search-clear-filter"><i class="hiremee-refresh"></i> Clear</button>
                                	</div>
                                </div>
                            </div>	


                        </div>										
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
</div>
</div>
@include('corporate.candidate-modal')
<script type="text/javascript">
	if (window.history && history.pushState) {
		addEventListener('load', function() {
		    history.pushState(null, null, null); // creates new history entry with same URL
		    addEventListener('popstate', function() {
		    	var stayOnPage = swal({
		    		html: true, 
		    		title: '<span class="sweet-warning-text">Action Suspended</span>', 
		    		text: "Please use the back button provide in the application",
		    		type: "warning",
		    		showCancelButton: false,
		    		confirmButtonText: "OK",
		    		confirmButtonColor: '#ffbc01',
		    		closeOnConfirm: false
		    	});
		    	history.pushState(null, null, null);
		    });    
		});
	}
</script>>
@endsection