@extends('frontend.layouts.master')
@section('styles')
@parent
@stop
@section('content')
<main class="page">

  <div class="inner_bg">
    <svg xmlns="http://www.w3.org/2000/svg" width="731.21" height="842.123" viewBox="0 0 731.21 842.123">
      <g id="Rectangle_92" data-name="Rectangle 92" transform="translate(363.695) rotate(30)" fill="#79c3c4"
        stroke="#79c3c4" stroke-width="3" opacity="0.2">
        <rect width="424.37" height="727.39" rx="212.185" stroke="none" />
        <rect x="1.5" y="1.5" width="421.37" height="724.39" rx="210.685" fill="none" />
      </g>
    </svg>
  </div>

  <section class="page-section">
    <div class="container">
      <div class="title_wrapper">
        <h2 class="section_title">
          <span>{{lang('media')}}</span>
        </h2>
      </div>

      <div class="media_wrapper">
        <ul class="lister_">
           @if(!empty($gallery))
            <li><a href="#" class="link_" data-init-active="true" data-tab-nav="#gallery">{{lang('gallery')}}</a></li>
            @endif
            @if(!empty($newsList))
            <li><a href="#" class="link_" data-tab-nav="#news">{{lang('news')}}</a></li>
            @endif
        
		  
		  </ul>

        <div class="filter_content" data-tab-wrapper>
		@if(!empty($gallery) && $gallery->isNotEmpty())
          <div class="content_" data-tab-content="" id="gallery">
            <div class="media_grid" id="galleryWrap">
			@foreach($gallery as $gal)
			 
			  @if($gal->pm_media_type=='video')
									 <div class="item_ video_">
						<a href="https://www.youtube.com/embed/{{$gal->pm_name}}" data-fancybox="video" class="link_">
						  <div class="img_box">
							<div class="img_ b-lazy" data-src="{{ $yimageW}}"></div>
						  </div>

						  <div class="play_">
							<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
							  xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="147px" height="147px"
							  viewBox="0 0 147 147" enable-background="new 0 0 147 147" xml:space="preserve">
							  <g id="Group_98" transform="translate(-323 -480)">
								<circle id="Ellipse_20" opacity="0.37" fill="#FFFFFF" enable-background="new    " cx="396.083"
								  cy="553.083" r="73.083" />
								<path id="Polygon_1" fill="#FFFFFF"
								  d="M420.444,553.581l-38.78,22.869v-45.74L420.444,553.581z" />
							  </g>
							</svg>
						  </div>
						</a>
					  </div>
							 
				  @else
					  
				  <div class="item_">
						<a href="{{ PPO($gal->pm_file_hash)}}" data-fancybox="gallery" class="link_">
						  <div class="img_box">
							<div class="img_ b-lazy" data-src="{{ PP($gal->pm_file_hash)}}"></div>
						  </div>
						</a>
					</div>

				  @endif 
			@endforeach
          @endif 
			
			
              

             
            </div>
@if(!empty($gallery->nextPageUrl()))
           
            <div class="btn_group center_ m_t loadmoreGalWrap">
        <a href="{{$gallery->nextPageUrl()}}"  class="btn_main loadmoreGal"><span>{{lang('load_more')}}</span></a>
      </div>
	  
	  @endif
          </div>

          <div class="content_" data-tab-content="" id="news">
		  @if(!empty($newsList) && $newsList->isNotEmpty())
            
            <div class="media_grid news_" id="newsWrap">
			@foreach($newsList as $news)
                        
              <div class="item_">
                <a href="{{route('news-details',[$lang,$news->getData('post_slug')])}}" class="link_">

                  <div class="content_">
                      <div class="date_"><span>{!!printDateMYLangdmy($news->getData('news_date'))!!}</span></div>
                    <h4>{{$news->getData('post_title')}}</h4>
                    
                  </div>

                  <div class="img_box">
                    <div class="img_ b-lazy" data-src="{{PP($news->getData('news_image'))}}"></div>
                  </div>
                </a>
              </div>
			@endforeach
              
            </div>
@if(!empty($newsList->nextPageUrl()))
           
            <div class="btn_group center_ m_t loadmoreNewsWrap">
        <a href="{{$newsList->nextPageUrl()}}"  class="btn_main loadmoreNews"><span>{{lang('load_more')}}</span></a>
      </div>
	  @endif
	  
	  
	  @endif
          </div>
        </div>
      </div>
    </div>
  </section>
</main>
@stop

@section('scripts')
@parent
<script>
$('body').on('click','.loadmoreNews',function(e){
		e.preventDefault();
		var url_ = $(this).attr('href');
		var dataToSend={'cat':'news'};
		
		$('.aj_loader').addClass('show');
		sendAjax(url_,'GET',dataToSend,function(response){
				$('.aj_loader').removeClass('show');
				if(response.status)
				{
					$('#newsWrap').append(response.content);
					$('.loadmoreNews').attr('href',response.nextPageUrl);
					bLazy.revalidate();
					if(response.nextPageUrl){
						$('.loadmoreNewsWrap').show();
					}else{
						$('.loadmoreNewsWrap').hide();
					}
				}
			
			});
	});
	
$('body').on('click','.loadmoreGal',function(e){
		e.preventDefault();
		var url_ = $(this).attr('href');
		var dataToSend={'cat':'gallery'};
		$('.aj_loader').addClass('show');
		sendAjax(url_,'GET',dataToSend,function(response){
				$('.aj_loader').removeClass('show');
				if(response.status)
				{
					$('#galleryWrap').append(response.content);
					$('.loadmoreGal').attr('href',response.nextPageUrl);
					bLazy.revalidate();
					if(response.nextPageUrl){
						$('.loadmoreGalWrap').show();
					}else{
						$('.loadmoreGalWrap').hide();
					}
				}
			
			});
	});

</script>

@stop