@forelse($images as $image)
@php 
if($loop->iteration % 2 == 0){
	$classname = 'light-grey';
}else {
	$classname = 'dark-grey-bg';
} @endphp
@php  
$photo = \HireMeeHelper::getAWSImageUrl($image->s3_id,config('filesystems.disks.hiremeeprodev.bucket'),'hiremeeprodev');
@endphp	
  <div class="col-md-3">
    <div class="report-img-container screen-captured-preview"  data-toggle="modal" data-target="#screen-captured-preview">
      <img src="{{ $photo }}" alt="User-Profile-Image" class="report-image" id='js-screen-captured-preview-image' height="200">
      <div class="bottomleft"><i class="fa fa-clock-o c-white"></i> <span id="screen_capture_date">{{Carbon\Carbon::parse($image->created_at)->format('jS F \\, Y \a\t h:i:s A')}}</span></div>
      <div class="middle-over">
         <div class="c-white"><i class="fa fa-arrows-alt f-25"></i></div>
      </div>
    </div>
 </div>
@empty
No record found
@endforelse

@if($hasmore)
<div class="col-md-12 p-t-30">
	<div class="text-center">
  		<input type="hidden" id="load-more" data-value="true">
       <a href="javascript:;" class="btn btn-outline-info" id="screen-captured-loadmore" data-page='2'>Load more...</a>
	</div>
</div>
@endif