@include('htmlpage.frontent.layout.app')
<div class="section">
	<!-- container -->
	<div class="container">
		<!-- row -->
		<div class="row">
			<div class="col-md-8">


				<!-- post content -->
				<div class="section-row">

					<h1 class="post-heading">{{ $blog->title }}</h1>
					<figure class="image1">
						<img src="{{ asset('storage/' . $blog->image_path) }}" alt="">
						
					</figure>
					
					<strong>
					    		     <div class="mb-4 d-flex">By<span class="mx-2 text-700">|</span>
                    <div class="text-800">{{ $blog->author }}</div><span class="mx-2 text-700">|</span>
                    <div class="text-700">{{ $blog->created_at->format('Y-m-d') }}</div><span class="mx-2 text-700">|</span>
                    <div class="text-700">{{ $blog->categoryModel->title }}</div>
                </div>
					</strong>
			
					{!!$blog->description !!}

				</div>
				<!-- /post content -->
				<div class="section-row loadmore text-center">
					<a href="{{url()->previous()}}" class="primary-button">BACK</a>
				</div>


			</div>
			<div class="col-md-4 shadow">





				<!-- post widget -->
				<div class="aside-widget">
					<div class="section-title">
						<h2 class="title">Popular Posts</h2>
					</div>
					<!-- post -->
					@if ($listlastblog->isNotEmpty())
            @foreach ($listlastblog as $listlast)
					<div class="post post-widget">
						<a class="post-img" href="{{ route('blogdetails', ['url' => str_replace([' ', '_'], '-', $listlast->url)]) }}"><img src="{{ asset('storage/' . $listlast->image_path) }}" alt=""></a>
						<div class="post-body">
							<div class="post-category">
							</div>
							<h3 class="post-title"><a href="{{ route('blogdetails', ['url' => str_replace([' ', '_'], '-', $listlast->url)]) }}">{{ $listlast->title }}</a></h3>
						</div>
					</div>
					@endforeach
                @else
                <p>No galleries found for this project.</p>
              @endif
					<!-- /post -->


					<!-- /post -->
				</div>
				<!-- /post widget -->



			</div>
		</div>
		<!-- /row -->
	</div>
	<!-- /container -->
</div>
@include('htmlpage.frontent.layout.footer')