@extends('layouts.main')
@section('title',trans('core.title_search_candidate'))
@section('custom_style')
<link rel="stylesheet" type="text/css" href="{{ secure_asset('assets/css/candidate-search.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ secure_asset('assets/hiremee-revamp/css/icons.css') }}"/>
@endsection
@section('content')  
<div class="pcoded-content">
	<div class="pcoded-inner-content">
		<div class="main-body">
			<div class="page-wrapper">
				<div class="page-header">
					<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">
								<a href="{{ (Auth::guard('corporate')->user()->user_type == 2) ? secure_url('recruiter/dashboard') : secure_url('company/dashboard') }}">
									<span class="hiremee-home"></span>
								</a>
							</li>
							<li class="breadcrumb-item"> 
								<a href="{{ (Auth::guard('corporate')->user()->user_type == 2) ? secure_url('recruiter/search-candidate') : secure_url('corporate/search-candidate') }}">Search Candidate</a>
							</li>
						</ul>
					</div>
				</div>
			
				<div class="page-body">
					<div class="row">
						<div class="col-xl-12 col-md-12 col-sm-12">
							<div class="row">
								<div class="col-md-12">
									<div class="card borderless-card">
										<div class="card-block">
											@include('corporate.searchv1.search-filter-form')
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="col-xl-12 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 id="hme-loading-msg">Please wait, Loading...</div>
								</div>
							</div>
							<div class="tblContainer" id="table-section-details">
								<!-- <div class="row">
									<div class="col-md-6 col-sm-6 col-xl-6 mt-10">
										Show <select name="show" id="show_results">
										@php $lists = ['50'=>'50','100'=>'100','200'=>'200','400'=>'400']; @endphp
										@foreach($lists as $lkey => $lval)
											<option value="{{ $lkey }}">{{ $lval }}</option>
										@endforeach
										</select> Results
									</div>
									<div class="col-md-6 col-sm-6 col-xl-6">
										<div class="btnSection mbl-view-btn mb-2">
									        <button type="button" class="btn btn-primary approve_candidates" data-stype="multiple" disabled>Approve</button>
										    <button type="button" class="btn btn-danger reject_candidates" data-stype="multiple" disabled>Reject</button>
									  	</div>
								  	</div>
								</div>  -->
								<div class="row align-items-center mt-3">
					            	<div class="col-md-8 col-sm-8 col-xl-8 d-flex">
					            		<div class="col-md-3 col-sm-3 col-xl-3 p-0"> 
					            			<div class="">
					            				<label class="">Total: <strong id="totalRecords_count">{{ $search_results['totalRecords'] ?? 0 }}</strong></label>
					            			</div>
					            			<div class="">
						            			Show <select name="show" id="show_results">
												@php $lists = ['50'=>'50','100'=>'100','200'=>'200','400'=>'400']; @endphp
												@foreach($lists as $lkey => $lval)
													<option value="{{ $lkey }}">{{ $lval }}</option>
												@endforeach
												</select> Results
						            		</div>
							            </div>
						            	<div class="col-md-9 col-sm-9 col-xl-9 align-content-center" id="page_div_block">
						            		{!! $search_results['pagination'] ?? '' !!}
						            	</div>
						            </div>
						           	 
						            <div class="col-md-4 col-sm-4 col-xl-4">
										<div class="btnSection mbl-view-btn">
									        <button type="button" @if(is_null($searchHistory->candidateselectionlist)) style="display: none;" @endif class="btn btn-primary approve_candidates" data-stype="multiple" disabled>Approve</button>
										    <button type="button" @if(is_null($searchHistory->candidateselectionlist)) style="display: none;" @endif class="btn btn-danger reject_candidates" data-stype="multiple" disabled>Reject</button>
									  	</div>
								  	</div>
								
					            </div> 	
					            <div class="tblSection table-responsive">
					                <table class="table table-striped">
					                    <thead class="thead-dark">
					                      	<tr>
						                        <th>
						                            <div class="form-check mb-0">
						                                <input class="form-check-input position-static" type="checkbox" id="select_all">
						                            </div>
						                        </th>
						                        <th>Candidate Name</th>
						                        <th>Course Type</th>
						                        <th>Course</th>
						                        <th>Skills</th>
						                        <th>Year of Pass-Out</th>
						                        <th>Action</th>
					                      	</tr>
					                    </thead>
					                    <tbody id="search_lists_tbody">
					                    	{!! $search_results['component'] ?? '' !!}
					                    </tbody>
					                </table>
					            </div>
					        </div>
						</div>
		       		</div>
		    	</div>
			</div>
		</div>
	</div>
</div>
<div class="modal fade mdlViewCust" id="profile_popup" tabindex="-1" aria-labelledby="exampleModalLabel1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-xl" style="width: 95%;">
        <div class="modal-content">
    	 	<div class="modal-header align-items-center border-bottom-0">
                <h4 class="modal-title" id="exampleModalLabel">Candidate Details</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <!-- <span aria-hidden="true">&times;</span> -->
                    <img src="{{ secure_asset('assets/images/search-candidate/close-icon.svg')}}" alt="">
                </button>
            </div>
           
            <div class="hme-loading-mask text-center" id="hme-loading-mask-profile">
             	<div class="hme-loading-container">
                	<div class="hme-dual-ring"></div>
                	<div>Please wait, Loading...</div>
             	</div>
          	</div>  
            <div class="modal-body"></div>
        </div>
    </div>
</div>
<!-- Modal1 start -->
<div class="modal fade mdlCust" id="candidate_popup" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-xl" style="width: 95%;">
        <div class="modal-content">
            <div class="modal-header align-items-center border-bottom-0">
                <h4 class="modal-title" id="exampleModalLabel">Candidate Details</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <!-- <span aria-hidden="true">&times;</span> -->
                    <img src="{{ secure_asset('assets/images/search-candidate/close-icon.svg')}}" alt="">
                </button>
            </div>
          	<div class="hme-loading-mask text-center" id="hme-loading-mask-candidate">
	            <div class="hme-loading-container">
	                <div class="hme-dual-ring"></div>
	                <div>Please wait, Loading...</div>
	            </div>
	        </div>  
	        <div class="modal-body"></div>
        </div>
    </div>
</div>
<!-- Modal1 End -->
@include('corporate.candidate-modal')
@endsection
@section('footer')
<script type="text/javascript" src="{{ secure_asset('assets/js/corporate-candidate-search.js') }}" defer onload="loadFunctionAFT()"></script>
<script type="text/javascript">
// const pan_state = "{{ config('env.pan_india_state_id') }}";
// const pan_cities = "{{ config('env.pan_india_id') }}";
const pan_state = '0';
const pan_cities = '0';
function loadFunctionAFT()
{
	$('select.select2').each(function(e){
		select2HtmlFormatter($(this),false);
	});
}

@if($search_from=='collegelanding')
window.history.forward();
function noBack() {
	alertMessage("info","Back action not allowed","Info");
	window.history.forward();
}
window.onpageshow = function(event) {
	if(event.persisted){
		noBack();
	}
};
window.onpopstate = function(event) {
	noBack();
};
@else 
if (window.history && history.pushState) {
	addEventListener('load', function() {
		history.pushState(null, "", window.location.href); // creates new history entry with same URL
	    window.addEventListener('popstate', function() {
	    	alertMessage("warning","Please use the back button provide in the application","Action Suspended");
	    	history.pushState(null, null, null);
	    });    
	});
}
@endif

window.addEventListener('pageshow', (event) => {
	if (event.persisted) {
	  	console.log('This page was restored from the bfcache.');
	  	location.reload();
	} else {
		$('.selected_value').prop('checked',false);
		$('#select_all').prop('checked',false);
	  	console.log('This page was loaded normally.');
	}
});



const selectedDropValue = $('#candidateselection').val();
if(selectedDropValue == ""){
	    $('.approve_candidates').show();
		$('.reject_candidates').show();
	 	$('#searchResult').find('th.hideable').show();
		//$('#searchResult').find('td.hideable').show();
	}
	else{
		$('.approve_candidates').hide();
		$('.reject_candidates').hide();
		$('#searchResult').find('th.hideable').hide();
		//$('#searchResult').find('td.hideable').hide();
	}


$('#candidateselection').on('change', function (){
	const selectedValue = $(this).val();
	//alert(selectedValue);
	if(selectedValue == ""){
		$('.approve_candidates').show();
		$('.reject_candidates').show();
	 	$('#searchResult').find('th.hideable').show();
		//$('#searchResult').find('td.hideable').show();
		
	}
	else{
		$('.approve_candidates').hide();
		$('.reject_candidates').hide();
		$('#searchResult').find('th.hideable').hide();
		//$('#searchResult').find('td.hideable').hide();
	}
});
</script>
@endsection