@extends('layouts.main')
@section('title',trans('core.title_invite_friend'))
@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>Invite Your Friends</h4>
					</div>
					<div class="page-header-breadcrumb">
						<ul class="breadcrumb-title">
							<li class="breadcrumb-item">
								<a href="{{ secure_url('candidate-dashboard') }}">
									<span class="hiremee-home"></span>
								</a>
							</li>
							<li class="breadcrumb-item"><a href="{{ secure_url('candidate/invite-friends') }}">Invite Friends</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="page-body">
                    <div class="row">
                        <div class="col-xs-12 col-md-9">
                        	<div class="card borderless-card m-b-15">
                                <div class="card-block">
                                    <div class="d-flex justify-content-between">
                                        <div class="hme-title f-18">My friends</div>
                                        @if($users->count())
                                        <button type="button" name=" js-invite-all-user-delete" class="delete__btn text-info f-16 js-invite-all-user-delete"> <i class="hiremee-trash"></i> Delete all </button>
                                        @endif
                                    </div>
                                </div>
                        	</div>
                        
                        <!-- Student List -->
                        <div class="row" id="js-component-container">
                        	@forelse($users as $user)
                            <div class="col-md-6 column-{{ $user->id}}">
                                <div class="card borderless-card hme-card-hover m-b-15">
                                    <div class="card-block">
                                        <div class="row">
                                            <div class="col-md-2 ">
                                                <a class="hme__media__icon"><i class="hiremee-close-envelope f-30"></i></a>
                                            </div>
                                            <div class="col-md-10">
                                                <div class="hme-title">{{ $user->content }}</div>
                                                <div class="hme-sub-title f-12">Invitation Sent on : {{ \Carbon\Carbon::parse($user->created_at)->format('jS F Y') }} </div>

                                                <div class="hme__trash__icon"><button type="button" name="js-invite-user-delete" value="{{ $user->id }}" class="delete__btn js-invite-user-delete text-333 f-18" data-position="left" data-toggle="tooltip" data-animation="false" data-original-title="Delete"><i class="hiremee-trash"></i></button></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                             @empty
                             <div class="col-md-12 text-center no_invite_msg">
                                <i class="hiremee-close-envelope f-100 text-93"></i>
                                <h2 class="text-93">No Invitation Sent</h2>
                              </div>
						  @endforelse
                          </div>
                          <div class="clearfix"></div>
                           <div class="hme-loading-mask">
                            <div class="hme-loading-container">
                                <div class="hme-dual-ring"></div>
                                <div>Please wait, Loading...</div>
                            </div>
                          </div>
                          @if($users->hasMorePages())
                           <div class="col-md-12">
                                  <div class="text-center">
                                     <a href="javascript:void(0)" class="btn btn-outline-info " id="candidate-invite-load-more" data-page='2'>Load more...</a>
                                  </div>
                            </div>
                            <div class="clearfix"></div>
                            @endif

                        
                    </div>
                     <div class="col-xs-12 col-md-3 ">
                        <div class="hme-job-captian ">
                            <div class="widget-header-title text-center">
                                <h5>Invite your friends</h5>
                            </div>

                            {!! Form::open(['url'=>'candidate/invitefriends','id'=>'invitefriends','method'=>'post','class'=>'bgm-white p-b-20']) !!}
                            

                                <div class="col-xs-12 p-t-15 col-md-12">
                                	<h5 class="g-l-b m-t-5 f-16 m-b-5 f-w-400">Invite via email address</h5>
                                </div>
                                		<div class="col-md-12 m-t-20">
											<div class="input-group input-group-primary2">
												<span class="input-group-addon" id="basic-addon1"><i class="hiremee-close-envelope"></i> <sup class="mandatory">*</sup></span>

												{!! Form::email('email_address','',array('id'=>'email_address','placeholder'=>'Friends email address','class'=>'form-control')) !!}
                        <span id="email_address-error"></span>
													
											</div>
										</div>

										<div class="clearfix"></div>
										<div class="col-md-12 text-right m-t-5">
												<button type="submit" class="md-trigger btn btn-sm f-14 btn-danger waves-effect" id="btn_submit" data-modal="modal-3">
												<i class="hiremee-sent-mail"></i>Send invitation
											</button>
										</div>
                                         
							{!! Form::close() !!}
                        </div>
                    </div>
                </div>
                </div>
			</div>
		</div>
	</div>
</div>

@endsection

@section('footer')
<script type="text/javascript">

</script>
@endsection