@if(!empty($constructionUpdates) && $constructionUpdates->isNotEmpty())
   @foreach($constructionUpdates->chunk(2) as $constructionUpdatesArr)
  <div class="p_row">
     @foreach($constructionUpdatesArr as $prUpdates)
    <div class="p_item">
      <div class="normal_slider_box">
        @php
          $index = ++$loop->index;
        @endphp
        <div class="swiper-container " id="slider_n_{{ $prUpdates->post_id }}">
          <div class="swiper-wrapper">
            @if(!empty($prUpdates->media))
              @foreach($prUpdates->media as $gallery)

              <div class="swiper-slide g_item ">
                <a href="{{ ($gallery->getData('pm_media_type')=='video')?$gallery->getVideoUrl():$gallery->getImage()}}" class="inner_ " data-fancybox="images-preview-{{$prUpdates->post_id}}">

                  <div class="img_box p_img">
                    <picture>
                      {{-- <source srcset="{{webp($prUpdates->getData('construction_update_image'))}}" type="image/webp"> --}}
                      <source srcset="{{$gallery->getImage()}}" type="image/jpeg">
                      <img src="{{$gallery->getImage()}}" loading="lazy" alt="{{$project->getData('project_title')}}">
                    </picture>
                  </div>
                  <div class="content_box">
                    <div class="c_">
                      <div class="title">
                        <span>{{$project->getData('project_title')}}</span>
                      </div>
                      <div class="meta_">
                        <span>{{printDateMYLang($prUpdates->getData("update_date"))}}</span>
                      </div>
                    </div>

                    <div class="completed_box">
                      <div class="per_">
                      {{$prUpdates->getData('work_percentage')}}%
                      </div>
                      <div class="text_">
                      {{$prUpdates->getData('post_title')}}
                      </div>
                      <div class="circle_ {{ gettype($prUpdates->getData('work_percentage')) }}" data-circle="{{$prUpdates->getData('work_percentage')}}">
                        <svg viewBox="-1 -1 34 34">

                          <circle cx="16" cy="16" r="15.9155" class="progress-bar__progress
             js-progress-bar" />
                        </svg>
                      </div>
                    </div>
                  </div>
                </a>
              </div>

              {{-- <div style="display: none;">
                @if(!empty($prUpdates->media))
                  @foreach($prUpdates->media as $gallery)
                  @if($gallery->getData('pm_media_type')=="image")
                      <a href="{{$gallery->getImage()}}" data-fancybox="images-preview-{{$prUpdates->post_id}}"
                          data-options='{"caption image" :  {{printDateMYLang($prUpdates->getData("update_date"))}}  }' rel="gallery"></a>
                    @else
                    <a href="{{ $gallery->getVideoUrl()}}" data-fancybox="images-preview-{{$prUpdates->post_id}}"
                    data-options='{"caption" :  {{printDateMYLang($prUpdates->getData("update_date"))}}  }' rel="gallery"></a>
                    @endif
                  @endforeach
                @endif
              </div> --}}

             @endforeach
           @endif

          </div>
         
        </div>
 <div class="nav_tool ">
            <div class="swiper-pagination" id="slider_p_{{ $prUpdates->post_id }}"></div>
          </div>

      </div>
    </div>
    @endforeach
    <div class="place_"></div>
  </div>
  @endforeach


@else
      <div class="empty_">
          <h3>{{lang('no_details_found')}}</h3>
      </div>
 @endif