@forelse($images as $image)
 @php $photo = \HireMeeHelper::getAWSImageUrl($image->s3_id,config('filesystems.disks.hiremeeprodev.bucket'),'hiremeeprodev');@endphp 
 <div class="col-md-2">
    <div class="report-img-container {{ (isset($image->is_valid))&&(($image->is_valid == 0) ? 'flagged-border' : '') }}" data-toggle="modal" data-target="#view-proctoring-screen" style="width: 180px !important;">
       <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> 
        @if(isset($image->is_valid))
        <span id="reason"> {{ ($image->is_valid == 0) ? "Flag : ".$image->Reason : ""}}</span>@endif
      </div>
        
       <div class="middle-over">
          <div class="c-white"><i class="fa fa-arrows-alt f-25"></i></div>
       </div>
    </div>
</div>
@empty
  <p align="center" 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 live-proctoring-load-more" id="{{ $flagged ? 'js-pro-live-proctoring-flagged-loadmore' : 'js-pro-live-proctoring-loadmore' }}" data-page='2'>Load more...</a>
  </div>
</div>
@endif