@extends('frontend.layouts.app')

@section('content')


 @if( isset( $module->module_banner_image ) )

 @php
  $bannerImage = asset('module-banner/'.$module->module_banner_image);
 @endphp
<style type="text/css">
  .inner-banner-section
  {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("{{$bannerImage}}")
  }
</style>
@endif
<!-- Banner Section Start -->
<div class="inner-banner-section">
  <div class="inner-banner-content">
  <div class="page-name">
    <p>{!!$event->title!!}</p>
  </div>
  <div class="breadcrumb">
    <ul>
      <li><a href="{{route('home.index')}}">Home</a></li>
      <li><a href="{{route('directory.category.list',['moduleSlug'=> 'event'])}}">Events</a></li>
      <li><a class="active">{!!$event->title!!}</a></li>
    </ul>
  </div>
  </div>
</div>
<!-- Banner Section End -->

<!-- Event Section Start -->
<div class="event-detail-page">
  <div class="container">
    <div class="row">
      <div class="col-lg-8 col-md-7">
        <div class="content">
          <div class="title">
            <h1>{!!$event->title!!}</h1>
          </div>
          <div class="image">
              @if(isset($event->featured_image))
                <img src="{{asset('event/'.$event->featured_image )}}" class="img-fluid" alt="{!!$event->featured_image!!}">
              @else
                <img src="{{asset('site-settings/logo16240014531624292244.png')}}" class="img-fluid" alt="Event Image">
              @endif
          </div>
          <div class="description">
         		{!!$event->overview_description!!}
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-5">
        <div class="event-detail-right">
          <div class="heading">
            <h1>{!!$event->title!!}</h1>
          </div>
          <div class="event-detail-right-content">
            <p><span>Start Date :</span>{!!$event->event_start_date!!} {!!$event->event_start_time!!}</p>
          </div>
          <div class="event-detail-right-content">
            <p><span>End Date :</span>{!!$event->event_end_date!!} {!!$event->event_end_time!!}</p>
          </div>
          @php  $province = \App\Models\Province::find($event->province_id); @endphp
          <div class="event-detail-right-content">
            <p><span>Event Location :</span>
              @if( isset( $event->street_address ) ) {{$event->street_address.','}} @endif
              @if( isset( $event->city ) )
               {{$event->city.','}}
              @endif  
              @if( isset( $province->name ) )
              {{$province->name}},
              @endif
              @if( isset( $event->postal_code ) )
               {{$event->postal_code}}</p>
              @endif
          </div>
          <!-- Button trigger modal -->
           <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Send a Message" class="btn btn-warning sendUsMessage" data-slug="{{$event->slug}}">
            <i class="fas fa-ticket-alt"></i> Enquire Now
          </a>

          	@include('frontend.ads.modal.event-message')
        </div>
        <div class="event-contact-right">
          <div class="heading">
            <h1>Event Contact</h1>
          </div>
          @if(isset($event->phone))
	          <div class="event-contact-right-content">
	            <p><span>Phone :</span>{!!$event->phone!!}</p>
	          </div>
          @endif
          @if(isset($event->email))
	          <div class="event-contact-right-content">
	            <p><span>Email :</span>{!!$event->email!!}</p>
	          </div>
          @endif
          <div class="follow-us">
            <ul>
            	@if(isset($event->facebook_url))
              	<li><a href="{!!$event->facebook_url!!}"><i class="fa fa-facebook-f" aria-hidden="true"></i></a></li>
              @endif
              @if(isset($event->twitter_url))
              	<li><a href="{!!$event->twitter_url!!}"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
              @endif
              @if(isset($event->pinterest_url))
              	<li><a href="{!!$event->pinterest_url!!}"><i class="fab fa-pinterest-p" aria-hidden="true"></i></a></li>
             	@endif
             	@if(isset($event->instagram_url))
              	<li><a href="{!!$event->instagram_url!!}"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
            	@endif
            </ul>
          </div>
        </div>

        <!-- Advertise Section Start -->
        <div class="advertise-section">
          <div class="image">
            @php $setting = sitesSettings(); @endphp
            @if(isset($setting->event_detail_ad_banner))
              <a href="{!!esc_url($setting->event_detail_ad_banner_url)!!}"><img src="{!!asset('site-settings/'.$setting->event_detail_ad_banner)!!}" alt="Advertise Image"></a>
            @endif
          </div>
        </div>
        <!-- Advertise Section End -->

      </div>
    </div>
  </div>
</div>
<!-- Event Section End -->


@endsection

@section('scripts')

@include('frontend.ads.modal.login')

@include('frontend.ads.js.login-js')

@include('frontend.ads.js.send-us-message-js')

@endsection