@extends('frontend.layouts.master')
@section('styles')
@parent
@stop
@section('content')
<main>
  <section class="inner_banner w_content">
    <div class="bg_ p_img">
      @if(!empty($eventDetails->getData('banner_image')))
      <picture>
        <source srcset="{{webp($eventDetails->getData('banner_image'))}}" type="image/webp">
        <source srcset="{{PP($eventDetails->getData('banner_image'))}}}" type="image/{{FT($eventDetails->getData('banner_image'))}}">
        <img src="{{PP($eventDetails->getData('banner_image'))}}" loading="lazy" alt="">
      </picture>
      @else
      <picture>
        <source srcset="{{getFrontendAsset('images/event_banner.webp')}}" type="image/webp">
        <source srcset="{{getFrontendAsset('images/event_banner.jpg')}}" type="image/jpeg">
        <img src="{{getFrontendAsset('images/event_banner.jpg')}}" loading="lazy" alt="">
      </picture>
      @endif
      
    </div>


    <div class="container ">
      <div class="page_title ">
        <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('events')}}</span>
            </li>
          </ul>
        </div>


      </div>
      <div class="intro">
        <h2 class="section-title">
          <span>{{$eventDetails->getData('post_title')}}</span>
        </h2>
        <div class="text_box">
            {!!$eventDetails->getData('description')!!}
        </div>
      </div>

    </div>

    @include('frontend.layouts.social')
  </section>

  @if(!empty($eventDetails->media) && $eventDetails->media->isNotEmpty())
  <section class="page-section ">
    <div class="container ">
      <div class="gallery_normal">
       @foreach($eventDetails->media as $gallery)
        <div class="g_">
           @if($gallery->getData('pm_media_type')=="image")
          <a href="{{PPO($gallery->getData('pm_file_hash'))}}" class="inner_ " data-fancybox="gallery">
            <div class="img_box p_img">
              <picture>
                <!--<source srcset="{{webp($gallery->getData('pm_file_hash'))}}" type="image/webp">-->
                <source srcset="{{PP($gallery->getData('pm_file_hash'))}}" type="image/{{FT($gallery->getData('pm_file_hash'))}}">
                <img src="{{PP($gallery->getData('pm_file_hash'))}}" loading="lazy" alt="">
              </picture>
            </div>
          </a>
          @else
          <a href="{{ $gallery->getVideoUrl()}}" class="inner_ " data-fancybox="gallery">
            <div class="img_box p_img">
              <picture>
                <!--<source srcset="{{ $gallery->getVideoImage()}}" type="image/webp">-->
                <source srcset="{{ $gallery->getVideoImage()}}" type="image/jpeg">
                <img src="{{ $gallery->getVideoImage()}}" loading="lazy" alt="">
              </picture>
            </div>
          </a>

          @endif
        </div>
        @endforeach
        
      </div>
    </div>
  </section>
  @endif


</main>

@stop

@section('scripts')
@parent

@stop