@extends('layouts.main')
@include('site.meta.og_content')
@section('content')
@if($data->banner)
<section class="container-fluid  page-content-start gray-bg">
	<div class="container banner-padding-30">
		<div class="row">
			<div class="col-12 gmf-events-banner detailed-page-banner">
				<img src="{{$data->banner}}" class="img-fluid d-none d-sm-block" alt="growth matters forum banner">
				<img src="{{$data->image}}" class="img-fluid d-block d-sm-none" alt="growth matters forum banner">
			</div>
		</div>
	</div>
</section>
@endif
<section class="container-fluid gmf-event-details">
	<div class="container">
		<div class="row">
			<div class="col-md-12 col-sm-12 col-xs-12 event-banner-content">
				{{-- <h1 class="title-heading ">GMF Events: {{$data->name}}
                </h1>  --}}
                <ul class="event-conducted">
                	<li class="date">
                		<span class="date-label">Date</span> 
                		<span class="value">{{$data->start_date}}</span>
                	</li>
					@if($data->type!='On-demand')
						<li class="date d-none">
							<span class="date-label">Last Registration Date</span> 
							<span class="value">{{$data->registration_end_date}}</span>
						</li> 
						<li class="time d-none">
							<span class="date-label">Time</span> 
							<span class="value">{{$data->start_time.' - '.$data->end_time}}</span>
						</li>
					@endif
            		<li class="location">
            			<span class="date-label">Type of event</span> 
            			<span class="value"> {{$data->type}}</span>
            		</li>
            	</ul>
            </div>
        </div>
    </div>
</section>
<section>
	<div class="container">
		<div class="row">
			<div class="col-12 gmf-breadcrub-sec">
				<nav aria-label="breadcrumb">
					<ol class="breadcrumb">
						<li class="breadcrumb-item">
							<a href="/" class="">Home</a>
						</li> 
						<li aria-current="page" class="breadcrumb-item active">
                            Events
                        </li>
                    </ol>
                </nav>
			</div>
		</div>
	</div>
</section>


<section class="gmf-blogs-content">
	<div class="container">
		<div class="row">
			<div class="col">
				<h1>{{$data->name}}</h1>
				{{-- <h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h2> --}}
				<div class="row gmf-blogs-source">
					{{-- <div class="article-source">
						<h3><span>Source</span>: {{$data->source_from}}</h3>
					</div> --}}
					<div class="article-category">
						<h3><span><a href="/events">Events</a></span> | <span><a href="/search?category={{$data->category}}">{{$data->category}}</a></span></h3>
					</div>
					<div class="article-social">
						<div class="social-action">
							{{-- <ul>
								<li class="like">
									<gmf-like :data={{json_encode($data->likes)}}></gmf-like>
								</li> 
								<li class="share">
									<gmf-share :data={{$data->share}}></gmf-share> 
									
								</li> 
							</ul> --}}
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-12 article-content">
						{!!$data->description!!}
					</div>	
				</div>
			</div>
		</div>
	</div>
</section>
@if($data->video)
<section class="container"><hr class="divider"></section>
<section class="sec-watch-on-demand">
	<div class="container">
		<div class="row">
			<div class="col-12">
				
				<h2>{{$data->video['title']}}</h2>
			</div>
			<div class="col-12 video-banner">
				<div class="sec-image">
					<a href="javascript://" class="play-video">
						<img src="{{$data->video['image']}}" class="img-fluid d-none d-sm-block" alt="growth matters forum banner">
						<img src="{{$data->video['image']}}" class="img-fluid d-block d-sm-none" alt="growth matters forum banner">
					    <span class="img-indicator"><img src="{{ asset('/images/play.png')}}" alt="play"></span>
                    </a>
                    <div class="embed-responsive embed-responsive-21by9 video-embed" style="display:none;">
                    	<iframe width="560" height="315" src="{{$data->video['link']}}" title="YouTube video player" frameborder="0" ></iframe>
                	</div>
				</div>
			</div>
			<div class="col-12 video-description">
				<div class="content">
					<p>
						{{$data->video['description']}}
					</p>
				</div>
			</div>	
		</div>
	</div>
</section>
@endif
<section class="container register_event">
	@if($data->cta_type=='internal')
		{{-- <a href="javascript://" class="btn btn-primary internal-event-registration">Register</a> --}}
	@else
		@forelse ($data->cta as $key => $value)
			<a  href="javascript://" data-auth="{{$value['auth_status']}}"  data-page="{{Request::segment(1).'-'.Request::segment(2)}}"  data-url="{{$value['url']}}" class="btn btn-primary btn-cta-check">{{$value['label']}}</a> &nbsp;
		@empty
			
		@endforelse
	@endif
</section>
<section class="gmf-blogs-author">
	<div class="container">
		<div class="row">
			<div class="col">
				@if(!empty($data->author))
					<h1>Author</h1>
					<div class="row mt-3 mb-4">
						<div class="col">
							<div class="d-flex align-items-center">
								<div class="mr-4">
									<img src="{{ asset('/images/dummy1.png')}}" alt="Author" class="img-fluid">
								</div>
								<div>
									<h2>{{$data->author->name}}</h2>
									<h3>{{$data->author->designation}} | {{$data->author->company_name}}</h3>
								</div>
							</div>
						</div>
					</div>
					<p>{{$data->author->description}}</p>
				@endif
				<div class="row mt-5 mb-4">
					<div class="col">
						{{-- comments --}}
						{{-- <gmf-comment :commentfeed="{{json_encode($data->comment_data)}}"></gmf-comment> --}}
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
@php
	$pageview=[
			'heading' => $data->name,
			'category'=>'event', 
			'topic'=>$data->category,
			'topic_id'=>$data->id
		];
@endphp
<input type="hidden" class="page_view" value="{{json_encode($pageview)}}">
@stop
@push('style')
<link rel="stylesheet" href="{{ asset('/css/blogs.css')}}">
<link rel="stylesheet" href="{{ asset('/css/events.css')}}">
@endpush
@push('script')
<script src="{{ asset('/js/comment.js') }}"></script>
<script src="{{ asset('/js/site/page_view.js') }}"></script>
<script src="{{ asset('/js/site/cta_check.js') }}"></script>
<script type="text/javascript">
	$(function(){
		$(".gmf-nav-secondary .nav-item").removeClass('active')
        $(".gmf-nav-secondary .nav-item.events").addClass('active');
        $(document).on('click', '.play-video', function(){
        	$(this).css('display', 'none');
        	$('.video-embed').css('display', 'block');
        })
	})
	
</script>
@endpush