@extends('layouts.main')
@section('title',trans('core.title_hired_canddiate'))
@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>Hired 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/hired-candidates') }}">Hired Candidates</a>
								@elseif(Auth::guard('corporate')->user()->user_type == 2)
								<a href="{{ secure_url('company/hired-candidates') }}">Hired 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-hired-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-hired-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('hired_date',null,['class'=>'h-33 form-control js-corp-date','id'=>'js-corp-hired-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-hired-div">
				                      {!! Form::select("search",[],"",array("class"=>"select-drop js-search_name","id"=>"js-hired-type-search_name",'placeholder' => 'Please Choose Search')) !!}
				                    </div>
				                    <span class="hme-filter-info pt-0 pb-0 d-none" id="js-hired-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>
				                  </div>
				                </div>
				              </div>

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