@extends('layouts.main')
@section('title','Invited 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>Invited Students</h4>
					</div>
					<div class="page-header-breadcrumb">
						<ul class="breadcrumb-title">
							<li class="breadcrumb-item">
								<a href="#!">
									<span class="hiremee-home"></span>
								</a>
							</li>
							<li class="breadcrumb-item"><a href="#">Invited Students</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="page-body">
					  <!--  @php $totalCount = $invitedCandidates->firstItem(); @endphp -->
					  {!! Form::hidden('from',$from,array('id'=>'js-from-date'))!!}
                      {!! Form::hidden('to',$to,array('id'=>'js-to-date'))!!}
						<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($invitedCandidates 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" src="{{ $value->image_url }}" alt="Generic placeholder image">
								                @else
								                  <img class="d-flex mr-3 img-circle img-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">Invited Date:</label>
												<div class="col-sm-8">
													<label class="col-form-label f-13 p-r-0 p-l-0">{{$value->mail_sent_date ?? '--'}}</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>
										</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($invitedCandidates->hasMorePages())
							 <div class="col-md-12">
	                              <div class="text-center">
	                                  <button class="btn btn-outline-info" id="js-invitestudent-load-more" data-page='2'>Load more...</button>
	                                  
	                              </div>
	                            </div>
                         @endif
				
			</div>
		</div>
	</div>
</div>

@endsection