@extends('layouts.main')
@section('title','Shortlisted Students')
@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">
						<h4>Shortlisted Students</h4>
					</div>
					<div class="page-header-breadcrumb">
						<ul class="breadcrumb-title">
							<li class="breadcrumb-item">
								<a href="{{ secure_url('college/dashboard') }}">
									<span class="hiremee-home"></span>
								</a>
							</li>
							<li class="breadcrumb-item"><a href="javascript:;">Shortlisted Students</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="page-body">
					 
					  {!! Form::hidden('oper',$oper,array('id'=>'js-shortlist-oper'))!!}
						<div class="row" id="js-component-container">
						 <div class="hme-loading-mask">
                            <div class="hme-loading-container">
                                <div class="hme-dual-ring"></div>
                                <div>Please wait, Loading...</div>
                            </div>
                          </div>
							 
							
					 @forelse($shortlistedCandidates as $value)
						<div class="col-xl-4 col-md-12 col-sm-12 m-b-15">
							<div class="card borderless-card hme-card-hover">
								<div class="card-block card-block">
									<div class="row">
										<div class="col-md-12">
											<div class="media">
												@if($value->image_url)
                                                   <img class="d-flex mr-3 img-circle img-40 h-40" src="{{ $value->image_url }}" alt="Generic placeholder image">
												@else
                                                  <img class="d-flex mr-3 img-circle img-40 h-40" src="{{ secure_url('assets/images/user.png') }}" alt="Generic placeholder image">
												@endif
												
												<div class="media-body send-chat">
													<p class="l-h-18 f-18 p-b-0 m-b-0">{{$value->fullname ?? '--'}}</p>
													<p class="l-h-18 f-13 text-93 m-b-0"><i class="hiremee-close-envelope"></i> {{$value->email_address ?? '--'}}</p>
													<p class="l-h-18 text-93 f-13 m-b-5"><i class="hiremee-mobile"></i> {{$value->mobile_number ?? '--'}}</p>
												</div>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<div class="row">
												<label class="col-sm-4 p-r-0 text-93 col-form-label f-13">HireMee ID:</label>
												<div class="col-sm-8">
													<label class="col-form-label f-13 p-r-0 p-l-0 text-primary"><strong>{{$value->hiremee_id ?? '--'}}</strong></label>											
												</div>
												<div class="clearfix"></div>
												<label class="col-sm-4 p-r-0 text-93 col-form-label f-13">Shortlisted Date:</label>
												<div class="col-sm-8">
													<label class="col-form-label f-13 p-r-0 p-l-0">{{$value->selected_date_time ? Carbon\Carbon::parse($value->selected_date_time)->format('M d Y') : '--'}}
											      </label>										
												</div>
												<div class="clearfix"></div>
												<label class="col-sm-4 p-r-0 text-93 col-form-label f-13">Recruiter:</label>
												<div class="col-sm-8">
													<label class="col-form-label f-13 p-r-0 p-l-0">{{$value->recruiter_name ?? '--'}}</label>									
												</div>
												<div class="clearfix"></div>
												<label class="col-sm-4 p-r-0 text-93 col-form-label f-13">Company:</label>
												<div class="col-sm-8">
													<label class="col-form-label f-13 p-r-0 p-l-0">{{ $value->company_name ?? '--'}}</label>									
												</div>
												<div class="clearfix"></div>
												<label class="col-sm-4 p-r-0 text-93 col-form-label f-13">Interview Venue:</label>
												<div class="col-sm-8">
													<label class="col-form-label f-13 p-r-0 p-l-0">{{ $value->interview_location ? $value->interview_location : '--'}}</label>									
												</div>
													<div class="clearfix"></div>
												<label class="col-sm-4 p-r-0 text-93 col-form-label f-13">Interview Date:</label>
												<div class="col-sm-8">
													<label class="col-form-label f-13 p-r-0 p-l-0">{{$value->interview_date ? Carbon\Carbon::parse($value->interview_date)->format('M d Y') : '--'}}</label>									
												</div>
													<div class="clearfix"></div>
												<label class="col-sm-4 p-r-0 text-93 col-form-label f-13">Interview Time:</label>
												<div class="col-sm-8">
													<label class="col-form-label f-13 p-r-0 p-l-0">{{ $value->interview_time ? Carbon\Carbon::parse($value->interview_time)->format('g:i a') : '--'}}</label>									
												</div>
											</div>
										</div>
									</div>											
								</div>
							</div>
						</div>

					@empty
                         <div class="col-xl-12 col-md-12 col-sm-12 m-b-15">
							<div class="card borderless-card">
								<div class="card-block ">
									<div class="row text-center">
										<div class="col-xl-12 col-md-12 col-sm-12 text-center">
                                     <span align="text-center">No Records Found</span>
                                </div>
									</div>
								</div>
							</div>
						</div>
					@endforelse
						
						</div>
						@if($shortlistedCandidates->hasMorePages())
							 <div class="col-md-12">
	                              <div class="text-center">
	                                  <button class="btn btn-outline-info" id="js-shortliststudent-load-more" data-page='2'>Load more...</button>
	                                
	                              </div>
	                            </div>
                         @endif
				
			</div>
		</div>
	</div>
</div>

@endsection