@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-4">
    <div class="report-img-container {{ $image->is_valid == 0 ? 'flagged-border' : '' }}" data-toggle="modal" data-target="#view-proctoring-screen">
  <img src="{{ $photo }}" alt="User-Profile-Image" class="report-image" id='js-proctoring-image' height="200">
  
  <div class="bottomleft"><i class="fa fa-clock-o c-white"></i> <span id="date">{{Carbon\Carbon::parse($image->created_at)->format('jS F \\, Y \a\t h:i:s A')}}</span><br> <span id="reason"> {{$image->is_valid == 0 ? "Flag : ".$image->Reason : ""}}</span></div>
  <div class="middle-over">
    <div class="c-white"><i class="fa fa-arrows-alt f-25"></i></div>
  </div>
</div>
</div>

@empty
<p class="text-center">No Image Found</p>
@endforelse

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

<!-- Modal -->