@extends('front-view.layouts.app')

@section('title',config('setting.site_name').' - '.$blog->title)
@section('meta-title',$blog->title.' '.$blog->meta_title)
@section('meta-description',$blog->meta_description)
@section('meta-keyword',$blog->meta_keyword) 
@section('og-type','Blog') 
@section('og-title',$blog->title.' '.$blog->meta_title) 
@section('og-description',$blog->meta_description) 
@section('og-image',url('storage/blog',$blog->image)) 
@section('published_time',$blog->created_at) 
@section('modified_time',$blog->updated_at) 

@section('content')


<style type="text/css">
	input[type=checkbox] {
	position: relative;
	border: 2px solid #ff7533;
	border-radius: 2px;
	background: none;
	cursor: pointer;
	line-height: 0;
	margin: 0 0.6em 0 0;
	outline: 0;
	padding: 0 !important;
	vertical-align: text-top;
	height: 20px;
	width: 55px;
	-webkit-appearance: none;
	opacity: .5;
	}
	.blog-right p {
	font-size: 18px;
	}
	
	.blog-view { 
		background-image: url('{{url('storage/blog',$blog->image)}}') !important; 
	}
	
</style>

<section class="blog-view">
	<div class="container">
		<div class="blog-main-viw">
			
			<!-- <h4>Relationship tips couples therapists are <br> giving all the time</h4>
			<p>by Joanna Wellick <span>━<img src="{{asset('front-assets/image/blog/icon-3.png')}}"> 2 minute read ━<img src="{{asset('front-assets/image/blog/icon-5.png')}}"> 1.6K views ━<img src="{{asset('front-assets/image/blog/icon-4.png')}}"><img src="{{asset('front-assets/image/blog/icon-1.png')}}"> <img src="{{asset('front-assets/image/blog/icon-2.png')}}"> 1.2K shares</span></p>-->
		</div>
	</div>
</section>

<section class="blog-view-text">
	<div class="container">
		<div class="row">
			<div class="col-lg-8 col-md-12">
			    <h3 style="font-weight: 700;" class="mb-3">{{$blog->title}}</h3>
				{!! $blog->description !!} 
			</div>
			<div class="col-lg-4 col-md-12">
				<div class="blog-right"> 
					<h3>Follow Us</h3>
					<div class="row">
						<div class="col-lg-2 col-md-3 col-sm-3 col-xs-3 blog-widht">
							<div class="blog-follow">
								<a href="https://www.facebook.com/profile.php?id=100093139101425&mibextid=ZbWKwL"><img src="{{asset('front-assets/image/blog/facebook.png')}}"></a>
								<span>10</span>
							</div>
						</div>
						<div class="col-lg-2 col-md-3 col-sm-3 col-xs-3 blog-widht">
							<div class="blog-follow">
								<a href="https://www.linkedin.com/company/travelieons/"><img src="{{asset('front-assets/image/blog/mdi_twitter.png')}}"></a>
								<span>69k</span>
							</div>
						</div>
						<div class="col-lg-2 col-md-3 col-sm-3 col-xs-3 blog-widht">
							<div class="blog-follow">
								<a href="https://www.instagram.com/travelieons/"><img src="{{asset('front-assets/image/blog/ri_instagram-fill.png')}}"></a>
								<span>45</span>
							</div>
						</div>
					</div>
					<!--<p class="my-4">
						<strong>Subscription</strong> 
						Subscribe to our  newsletter and receive a selection 
						of cool articles every weeks
						</p>
						<div class="blog-frm">
						<input type="email" name="" placeholder="Enter your email">
						<button class="btn-main w-100 mt-3">SUBSCRIBE</button>
						<p class="comment-form-cookies-consent d-flex">
						<input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes">
						<label for="wp-comment-cookies-consent">By checking this box, you confirm that you have read and are agreeing to our terms of use regarding the storage of the data submitted through this form.
						
						</label>
						</p>
					</div>-->
				</div>
				
				<div class="Latest-blog">
					<h5>The Latest</h5>
					@foreach($blogs as $keyl => $latest)
					@if($keyl == 0)
					<div class="latest-text blog-bg">
						<p>{{$latest->title}}</p>
						<span>{{date('M d, Y',strtotime($latest->created_at))}} &nbsp&nbsp&nbsp━&nbsp&nbsp&nbsp <img src="{{asset('front-assets/image/blog/icon-3.png')}}"> {{Helper::posted($latest->created_at)}} upload</span>
					</div>
					@else
					<div class="latest-text">
						<p>{{$latest->title}}</p>
						<span>{{date('M d, Y',strtotime($latest->created_at))}} &nbsp&nbsp━&nbsp&nbsp <img src="{{asset('front-assets/image/blog/Group.png')}}"> {{Helper::posted($latest->created_at)}} upload</span>
					</div>
					@endif
					@endforeach 
				</div>
				
			</div>
		</div>
	</div>
</section>


<section class="blog-section">
	<div class="container">
	    <h5 class="blog-title">You May Also Like</h5>
		<div class="row">
			@foreach(App\Models\Blog::whereStatus(1)->orderBy('id','desc')->take(3)->get() as $key => $row)
						<div class="col-lg-4 col-md-6 mb-4">
				<div class="blog-card">
					<div class="blog-img">
						<a href="{{url('blogs',$row->slug)}}"><img src="{{url('storage/blog',$row->image)}}"></a>
						<div class="topright">
							@foreach($explode_keywords as $key1 => $explode_keyword)
								@if($key1 < 3)
									<span>{{$explode_keyword}}</span>
								@endif
							@endforeach
						</div>
					</div>
					
					<div class="blog-profile">
						<a href="{{url('blogs',$row->slug)}}"><h3>{{$row->title}}</h3></a>
						<h4><span>{{date('M d, Y',strtotime($row->created_at))}}</span> </h4>
						<!--<p> -->
						<!--	{!! substr($row->description,0,150) !!}...-->
						<!--</p>-->
						<a href="{{url('blogs',$row->slug)}}" class="blog">View Post</a>
					</div>
				</div>
			</div>
			@endforeach
		</div>
	</div>
</section>

@endsection