@extends('frontend.layouts.master')
@section('styles')
@parent
@stop
@section('content')
<main>
  <section class="inner_banner">
    <div class="bg_ p_img">
      <picture>
        <source srcset="{{getFrontendAsset('images/news_banner.webp')}}" type="image/webp">
        <source srcset="{{getFrontendAsset('images/news_banner.jpg')}}" type="image/jpeg">
        <img src="{{getFrontendAsset('images/news_banner.jpg')}}" loading="lazy" alt="">
      </picture>
    </div>

    <div class="container">
      <div class="page_title no_p_b">
        <div class="breadcrumb_wrap">
          <ul>
            <li>
              <a href="{{URL::to('/')}}" class="link_">
                {{lang('home')}}
              </a>
            </li>
            <li>
              <a href="{{route('media-center',$lang)}}" class="link_">
                {{lang('media_center')}}
              </a>
            </li>
            <li class="active_">
              <span>{{lang('images')}}</span>
            </li>
          </ul>
        </div>
        <h1>
          <span>{!!lang('images')!!}</span>
        </h1>
      </div>
    </div>
     @include('frontend.layouts.social')
  </section>
  <section class="page-section w_marq">

    <div class="container ">
          <div class="aj_loader" id="p-loader">
              <div class="inner_loader">
                <div class="c_loader"></div>
              </div>
        </div>
        @if(!empty($imageGallery) && $imageGallery->isNotEmpty())
      <div class="latest_news_wrap style_2 image_list" id="news-grid">
        
         @foreach($imageGallery->chunk(2) as $imageGalleryArr)
          <div class="news_row">
            @foreach($imageGalleryArr as $image)
            <div class="n_item">
              <a href="{{PPO($image->getData('pm_file_hash'))}}" data-fancybox="gallery" class="inner_ " >
                <div class="img_box p_img">
                     <picture>
                     <source srcset="{{webp($image->getData('pm_file_hash'))}}" type="image/webp">
            <source srcset="{{PP($image->getData('pm_file_hash'))}}" type="image/{{FT($image->getData('pm_file_hash'))}}">
            <img src="{{PP($image->getData('pm_file_hash'))}}" loading="lazy" alt="">
                      </picture>
                </div>
               <!-- icon -->
               <div class="icons_box">
                <svg x="0px" y="0px" fill="#fff" viewBox="0 0 480 480">
                            <path d="M440,72H40c-22.08,0.026-39.974,17.92-40,40v256c0.026,22.08,17.92,39.974,40,40h400
                c2.245,0.009,4.486-0.187,6.696-0.584C465.945,404.194,480.037,387.517,480,368V112C479.974,89.919,462.08,72.026,440,72z
                M40,392c-12.435-0.002-22.81-9.501-23.904-21.888L175.6,265.824L337.808,392H40z M464,368
                c0.013,11.742-8.492,21.761-20.08,23.656c-1.294,0.233-2.606,0.348-3.92,0.344h-76.136l-105.992-82.488l94.784-75.792
                L464,300.528V368z M464,281.872l-107.88-64.728c-2.868-1.725-6.506-1.482-9.12,0.608l-102.136,81.68l-63.96-49.744
                c-2.695-2.094-6.421-2.249-9.28-0.384L16,351.056V112c0-13.255,10.745-24,24-24h400c13.255,0,24,10.745,24,24V281.872z"></path>
                            <path d="M240,120c-26.51,0-48,21.49-48,48c0.026,26.499,21.501,47.974,48,48c26.51,0,48-21.49,48-48
                C288,141.49,266.51,120,240,120z M240,200c-17.673,0-32-14.327-32-32s14.327-32,32-32c17.673,0,32,14.327,32,32
                        S257.673,200,240,200z"></path>

                          </svg> 
                </div>
               <!-- icon -->
              </a>
            </div>
            @endforeach
            <div class="place_"></div>
          </div>
         @endforeach
      </div>
      @if(!empty($imageGallery->nextPageUrl()))
            <div class="more_wrap">
              <a id="show-more" class="dir-btn" href="{{$imageGallery->nextPageUrl()}}">{{lang('view_more')}}<span></span><span></span><span></span><span></span><b
                  aria-hidden="true">{{lang('view_more')}}</b><b aria-hidden="true">{{lang('view_more')}}</b><b aria-hidden="true">{{lang('view_more')}}</b><b
                  aria-hidden="true">{{lang('view_more')}}</b></a>
            </div>
            @endif
      @else
            <div class="empty_">
                <h3>{{lang('no_details_found')}}</h3>
            </div>
        @endif
    </div>
    <div class="text_marc_box">
        @include('frontend.partials.marquee')
    </div>
  </section>

</main>

@stop

@section('scripts')
@parent
<script>
    $(function () {
        $('.tool_wrap select').selectric({ disableOnMobile: false, nativeOnMobile: false });

    });
    $('#show-more').on('click',function(e){
        e.preventDefault();
        var url_ = $(this).attr('href');
        var data={};
        $('.aj_loader').addClass('show');
        sendAjax(url_,'GET',{},function(response){
          $('.aj_loader').removeClass('show');
          if(response.status)
          {
            $('#news-grid').append(response.list);
            $('#show-more').attr('href',response.moreLink);
            if(response.viewmore){
                $('.more_wrap').show();
            }else{
                $('.more_wrap').hide();
            } 
          }
        });	
    }); 

</script>
@stop