@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');
$script_run = 1;
@endphp 
  <div class="col-md-2">
    {{-- @version 20.0 @author Dilip <V2E17314> - @abstract added 'flagged-border' class --}}
    <div class="report-img-container @if(isset($image->is_valid)){{ ($image->is_valid == 0 && $script_run==1) ? 'flagged-border' : '' }} @endif"  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> @if(isset($image->is_valid))<span id="reason"> {{ ($image->is_valid == 0 && $script_run==1) ? "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
@endforelse

@if($hasmore)
<div class="col-md-12">
  <div class="text-center">
      <input type="hidden" id="load-more" data-value="true">
      {{-- @version 20.0 @author Dilip <V2E17314> - @abstract added 'id' attribute value based on Tab Selected --}}
       @if($flagged == 1)
         <a href="javascript:;" class="btn btn-outline-info" id="js-pro-proctoring-image-flagged-loadmore" data-page='2'>Load more...</a>
      @elseif($flagged == 2)
        <a href="javascript:;" class="btn btn-outline-info" id="js-pro-proctoring-image-loadmore" data-page='2'>Load more...</a>
      @else
        <a href="javascript:;" class="btn btn-outline-info" id="unsetting-proctoring-image-loadmore" data-page='2'>Load more...</a>
      @endif
  </div>
</div>
@endif