@if(!empty($projectList) && $projectList->isNotEmpty())
         @foreach($projectList->chunk(2) as $projectArr)
        <div class="p_row">
           @foreach($projectArr as $project)
          <div class="p_item">
            <div class="normal_slider_box">

              <div class="swiper-container " id="slider_n_1">
                <div class="swiper-wrapper">
                  @foreach($project->constructionUpdates as $prUpdates)
                  <div class="swiper-slide g_item ">
                    {{--<a href="{{PPO($prUpdates->getData('construction_update_image'))}}" class="inner_ " data-fancybox="images-preview-{{$prUpdates->post_id}}">--}}
                    <a href="{{ route('construction-updates-details', [$lang, 'slug' => $project->getSlug()]) }}" class="inner_">  
                      <div class="img_box p_img">
                      <picture>
                        <source srcset="{{webp($prUpdates->getData('construction_update_image'))}}" type="image/webp">
                        <source srcset="{{pp($prUpdates->getData('construction_update_image'))}}" type="image/{{FT($prUpdates->getData('construction_update_image'))}}">
                        <img src="{{PP($prUpdates->getData('construction_update_image'))}}" loading="lazy" alt="">
                      </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_" 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" :  {{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
                </div>
                <div class="nav_tool ">
                  <div class="swiper-pagination" id="slider_p_1"></div>
                </div>
              </div>
              

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