@extends('layouts.main')
@section('content')
@include('site.meta.og_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-blog-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>
	<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">
                            Blogs
                        </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>{{$data->sub_headline}}</h2>
				<div class="row gmf-blogs-source">
					<ul class="gmf-source-list">
						<li class="list-item">
							<h3>
								@if($data->source_link)
									<span> Source</span>: <a href="{{$data->source_link}}" target="_blank">{{$data->source_from}}</a> | 
								@endif
								{{blog_detail_date($data->date)}}
							</h3>
						</li>
						<li class="list-item">
							<h3><span><a href="/blogs">Blogs</a></span> | <span><a href="/search?category={{$data->category}}">{{$data->category}}</a></span></h3>
						</li>
						<li class="list-item">
							<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>
						</li>
					</ul>
				</div>
				<div class="row">
					<div class="col-12 article-content content-description">
						{!!$data->description!!}
					</div>
				</div>
				
			</div>
		</div>
	</div>
</section>

<section class="container"><hr class="divider"></section>
<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 profile_image">
									@if($data->author['image'])
										<img src="{{$data->author['image']}}" alt="Author">
									@else
										<img src="{{ asset('/images/dummy1.png')}}" alt="Author">
									@endif
									</div>
									<div class="author-details">
										<div class="detail-left detail-item">
											<h2>{{$data->author['name']}}</h2>
											<h3>{{$data->author['designation']}} | {{$data->author['company_name']}}</h3>
										</div>
										<div class="detail-right detail-item">
											<h2>Featured Member</h2>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="row mt-3">
							<div class="col">
								<p>{{$data->author['description']}}</p>
								<a class="btn btn-primary gmf-btn-primary white btn-visit-author" href="{{$data->author['profile_url']}}">Visit Profile</a>
							</div>
						</div>
					@endif					
					<div class="row mt-5 mb-4">
						<div class="col">
							{{-- <gmf-comment :commentfeed="{{json_encode($data->comment_data)}}"></gmf-comment> --}}
							{{-- <form>
								<div class="form-group">
									<textarea class="form-control" rows="6" placeholder="Add your comments"></textarea>
								</div>
								<div class="form-group">
									<button type="button" class="btn btn-primary gmf-btn-primary" style="margin-top: 15px;">SUBMIT</button>
								</div>
							</form> --}}
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>

{{-- @foreach ($data->assets as $key => $value)
    {{$value->label}}
    {{$value->url}}
@endforeach --}}
@php
	$pageview=[
			'heading' => $data->name,
			'category'=>'blog', 
			'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')}}">
@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.blogs").addClass('active')
		$('.content-description a').each(function(){           
			// let link =$(this).attr('href');
			// link = link+"?utm_source={{str_replace(' ','-',$data->name)}}&utm_campaign=&utm_medium=gmf";
			// $(this).attr('href',link);
			$(this).attr('target','_blank');
		});
	})
</script>
@endpush