@extends('web.layouts.main')
@section('content')
	@if($banner && $banner->banner!=NULL)
        <section class="bannerArea">
            <img src="{{asset($banner->banner)}}" class="img-fluid w-100 bannerImg" {!!$banner->banner_meta_tag!!}>
            <div class="container position-relative">
                <div class="row">
                    <div class="col-lg-12">
                        <h2>Blog</h2>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
                                <li class="breadcrumb-item"><a href="{{url('blogs')}}">Blog</a></li>
                                <li class="breadcrumb-item active" aria-current="page">{{$blog->title}}</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </section>
    @endif
	<section class="blogDetailsPage">
	    <div class="container">
	        <div class="row align-items-start">
	            <div class="col-lg-8 pe-lg-4">
	                <h4>{{$blog->title}}</h4>
	                <div class="blogImage">
	                	@if($blog->image!=NULL)
	                    	<img src="{{asset($blog->image)}}" class="img-fluid w-100" {!!$blog->image_meta_tag!!}>
	                    @endif
	                    <div class="date">
	                        {{ date("M d Y", strtotime($blog->posted_date))  }}
	                    </div>
	                </div>
	                @if($blog->description!=NULL)
		                <div class="textArea">
		                 	{!!$blog->description!!}  
		                </div>
	                @endif
	            </div>
	            @if($recentBlogs->isNotEmpty())
		            <div class="col-lg-4 mt-lg-0 mt-5 sticky-lg-top">
		                <h4>Recent Blogs</h4>
		                <ul class="recentList">
			                @foreach($recentBlogs as $rBlog)    
			                    <li>
			                        <a href="{{url('blog/'.$rBlog->short_url)}}">
			                            <div class="imgBox">
			                            	@if($rBlog->image!=NULL)
			                            		<img src="{{asset($rBlog->image)}}" class="img-fluid" {!!$rBlog->image_meta_tag!!}>
			                            	@else
			                            		<img src="{{asset('web/images/blogs/blog-02.jpg')}}" class="img-fluid" alt="{{ config('app.name') }}">
			                            	@endif
			                            </div>
			                            <div class="w-100">
			                                <p>{{ date("M-d-Y", strtotime($rBlog->posted_date))  }}</p>
			                                @if($rBlog->title!=NULL)
				                                <h6>
				                                	{{$rBlog->title}}
				                                </h6>
			                                @endif
			                            </div>
			                        </a>
			                    </li>
		                    @endforeach
		                </ul>
		            </div>
		        @endif    
	        </div>
	    </div>
	</section>
@endsection