@extends('layouts.main')
@section('title',trans('core.title_invited_candidate'))
@section('content')  
<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">
		<div class="main-body">
			<div class="page-wrapper">
				<div class="page-header">
					<div class="page-header-title">
						<h4>Invite Candidates</h4>
					</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') }}">
								@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">
								@if(Auth::guard('corporate')->user()->user_type == 1)
								<a href="{{ secure_url('company/invited-candidates') }}">Invited Candidates</a>
								@elseif(Auth::guard('corporate')->user()->user_type == 2)
								<a href="{{ secure_url('company/invited-candidates') }}">Invited Candidates</a>
								@endif
							</li>
						</ul>
					</div>
				</div>
				<div class="page-body">
					<div class="row">
						<div class="col-md-12">
				              <div class="card borderless-card">
				                <div class="card-block p-2">
				                  <div class="d-flex flex-row flex-wrap hme--custom-filter-wrapper">
				                    <span class="hme-filter-label"><i class="hiremee-filter"></i></span>
				                    <div class="hme--custom-filter">
				                      {!! Form::select("search",$search_type ? $search_type : [],"",array("class"=>"select-drop js-search_type","id"=>"js-invited-search_type",'placeholder' => 'Please Choose Search Type')) !!}
				                    </div>
				                    <span class="hme-filter-info pt-0 pb-0" data-toggle="tooltip" data-animation="false" data-html="true" title="" data-original-title="<i class='hiremee-info'></i> Select Saved search to <br> Filter Candidates"><i class="hiremee-info"></i> </span>
				                    
			                          <div class="d-flex flex-row">
			                            <div class="hme--custom-filter">
			                              {!! Form::select("search_done_by",[],"",array("class"=>"select-drop js-search_done_by","id"=>"js-invited-done-by",'placeholder' => 'Please Choose Search Done By')) !!}
			                            </div>
			                            <span class="hme-filter-info pt-0 pb-0" data-toggle="tooltip" data-animation="false" data-html="true" title="" data-original-title="<i class='hiremee-info'></i> Choose Search Done By"><i class="hiremee-info"></i> </span>
			                          </div>
			                         
                          			<div class="d-flex flex-row">
                              			<span class="h-33 input-group-addon bg-white text-info"><i class="hiremee-calendar"></i></span>
		                            <div class="hme--custom-filter">
		                              {!! Form::text('invited_date',null,['class'=>'h-33 form-control js-corp-date','id'=>'js-corp-invited-date','placeholder'=>'Choose Date']) !!}
		                            </div>
		                            <span class="hme-filter-info pt-0 pb-0" data-toggle="tooltip" data-animation="false" data-html="true" title="" data-original-title="<i class='hiremee-info'></i> Choose Date"><i class="hiremee-info"></i> </span>
		                          </div>
			                    	<div class="hme--custom-filter d-none" id="js-invited-search-div">
			                      	{!! Form::select("search",[],"",array("class"=>"select-drop js-search_name","id"=>"js-invited-type-search_name",'placeholder' => 'Please Choose Search')) !!}
			                    	</div>
				                    <span class="hme-filter-info pt-0 pb-0 d-none" id="js-invited-icon" data-toggle="tooltip" data-animation="false" data-html="true" title="" data-original-title="<i class='hiremee-info'></i> Choose Search"><i class="hiremee-info"></i> </span>
					                
				          <!--Hire Changess -->
					                <div id="js-send_mail" style="display:none">
                      <div class="checkbox-fade p-t-10 m-r-0 fade-in-primary">
                        <label>
                          <input value="" name="checkbox_email[]" type="checkbox" class="checkmark-round" id="js_checks">
                          <span class="cr" data-toggle="tooltip" data-animation="false" data-html="true" title="" data-original-title="Select All Candidate"><i class="cr-icon icofont icofont-ui-check txt-primary" id="js_checkall"></i></span>
                          <!-- <span class="text-inverse">Select all</span> -->
                        </label>
                      </div>
                       
                      <button class="btn btn-mini f-right m-b-5 btn-sm f-16 btn-danger js_invited" id="js_invited"> Hire</button> 
                    </div> 

				             	<!--Hire changes done --> 
				                  </div>
				                </div>
				              </div>

						</div>
					</div>
					<div class="row" id="invited-candidate-details">
					
						{!! $component !!} 
						</div> 
						@if($candidates->hasMorePages())
							<div class="col-md-12">
		            			<div class="text-center">
		            				<input type="hidden" id="invited-candidates-load-more" data-value="true">
		                			<a href="javascript:;" class="btn btn-outline-info" id="js-invited-candidates-loadmore" data-page='2'>Load more...</a>
		            			</div>
		          			</div>
          				@endif
				</div>
			</div>
		</div>
	</div>
</div>
@include('corporate.candidate-modal')
@endsection