@extends('frontend.layouts.app')

@section('content')

	<div class="sub-header p-relative" @if($blog) style="background:url('{{ URL::to('/') }}/{{URL::to('/')}}/images/blogbannerimage/{{$blog->bannerImage}}');background-repeat: no-repeat;background-size: cover;background-position: center;z-index: 1;" @endif>
		<div class="overlay overlay-bg-black"></div>
		<div class="pattern"></div>
		<div class="section-padding">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<div class="sub-header-content p-relative">
							<h1 class="text-custom-white lh-default fw-600">Blog</h1>
							<ul class="custom">
								<li> <a href="{{URL::to('/')}}" class="text-custom-white">Home</a>
								</li>
								<li class="text-custom-white active">{{$blog->title}}</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<section class="section-padding bg-gray">
		<div class="container">
			<div class="row">
				<div class="col-12">
					<div class="blog-detail padding-20">
						<article class="post">
							<div class="post-wrapper">
								<div class="blog-img animate-img mb-xl-20">
									<img src="{{ URL::to('/') }}/{{URL::to('/')}}/images/blog/{{$blog->image_url}}" class="image-fit" alt="{{$blog->altTag}}">
								</div>
								<div class="blog-meta">
									<h2 class="text-custom-black fw-600">{{$blog->title}}</h2>
									<div class="post-meta-box">
										<div class="post-meta mb-xl-20">
											<div class="author-img">
												<img src="{{ URL::to('/') }}/{{URL::to('/')}}/assets/images/avtar.png" class="rounded-circle" alt="">
											</div>
											<div class="author-meta">
												<h6 class="no-margin">{{$blog->postBy}}</h6>
												<p class="no-margin text-light-grey">{{date('d F Y',strtotime($blog->title))}}</p>
											</div>
										</div>
									</div>
									<div class="text-light-white">{!!$blog->content!!}</div>
								</div>
							</div>
						</article>
						<hr>
						<div class="post-details-tags-social">
							<div class="row">
								<div class="col-lg-8 col-md-8">
									<div class="tags-box mb-xl-20"> <span class="fs-18 text-dark-white"><i class="fas fa-tags"></i></span>
										<div class="tags"> 
											@foreach(explode(',', $blog->tag) as $tag) 
												<a style="border-radius:50px;">{{$tag}}</a>
											@endforeach
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
@endsection