@extends('layouts.frontend')

@section('content')
<div class="banner">
	<div class="container">
		<div class="row">
			<div class="col-md-12 text-center">
				<h2 class="page-title">Blog</h2>
			</div>
		</div>
	</div>
    <a href="#" class="btn-chat">Chat With Us</a>  
</div>
<section class="main-sec">
	<div class="container">
    	<div class="row">
            <div class="col-12 col-md-8 col-lg-9 mb-4 mb-md-0">
                <div class="blog-single-wraper">
                    <h1>{{$blog->title}}</h1>
                    <div class="entry-meta">
                        <span class="posted-on">Posted on <a href="#"><time class="entry-date">{{date_format($blog->created_at,'d M Y')}}</time></a></span>
                        <!-- <span class="byline"> by <span class="meta-author"><a href="#">Admin</a></span></span>  -->
                    </div>
                    <div class="blog-img">
                        <img class="img-fluid" src="{{url('uploads/blog')}}/{{$blog->cover_image}}" alt="">
                        <div class="blog-date">
                            <p>{{date_format($blog->created_at,'d M Y')}}</p>
                        </div>
                    </div>
                    {!!$blog->content!!}
                    
                    <div class="blog-social">
                        <ul>
                            <li><a href="https://www.facebook.com/sharer/sharer.php?u={{url()->current()}}" class="social-button " id=""><i class="fab fa-facebook-f"></i></a></li>
                            <li><a href="https://twitter.com/intent/tweet?text={{$blog->title}}&amp;url={{url()->current()}}" class="social-button " id=""><i class="fab fa-twitter"></i></a></li>
                            <li><a href="http://www.linkedin.com/shareArticle?mini=true&amp;url={{url()->current()}}&amp;title={{$blog->title}}&amp;summary={{$blog->title}}" class="social-button " id=""><i class="fab fa-linkedin" aria-hidden="true"></i></a></li>
                            <li><a href="https://wa.me/?text={{url()->current()}}" class="social-button " id=""><i class="fab fa-whatsapp" aria-hidden="true"></i></a></li>    
                        </ul>
                    </div>
                    <!-- <div class="blog-prev-next-wraper d-flex">
                        <div class="col-6">
                            <a class="prev-post" href="#"><i class="fa fa-chevron-left"></i>Previous Post</a>
                        </div>
                        <div class="col-6 text-right">
                            <a class="next-post" href="#">Next Post<i class="fa fa-chevron-right"></i></a>
                        </div>
                    </div> -->
                    <div class="comment-respond">
                        <h3>Leave a Reply</h3>
                        <form class="comment-form" action="{{route('frontend.blogcomment')}}" method="post">@csrf
                            <input type="hidden" name="blog_id" value="{{$blog->id}}">
                            <div class="row">
                                <div class="col-12 mb-3">
                                    <label>Comment</label>
                                    <textarea class="form-control" id="comment" name="comment" rows="8" required="required"></textarea>
                                </div>
                                <div class="col-12 col-md-4 mb-3">
                                    <label>Name </label>
                                    <input class="form-control" id="name" name="name" type="text" value="" required="required">
                                </div>
                                <div class="col-12 col-md-4 mb-3">
                                    <label>Email </label>
                                    <input class="form-control" id="email" name="email" type="email" value="" required="required">
                                </div>
                                <div class="col-12 col-md-4 mb-3">
                                    <label>Website </label>
                                    <input class="form-control" id="website" name="website" type="text" value="" required="required">
                                </div>
                                <div class="col-12">
                                    <input class="btn-explore" type="submit" name="" value="Post Comment">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-4 col-lg-3">
                <div class="category-box mb-4">
                    <h3>Blog Categories</h3>
                    <ul class="cate-list">
                        <li><a href="{{url('blogs')}}">All ({{$totalBlogs}})</a></li>
                        @foreach($categories as $category)
                            <li><a href="{{url('blogs/category')}}/{{$category->slug}}">{{$category->name}} ({{count($category->blogs)}})</a></li>
                        @endforeach
                    </ul>
                </div>
                
                <div class="category-box mb-4">
                    <h3>Quick Links</h3>
                    <ul class="cate-list">
                        @foreach($quicklinks as $quicklink)
                            <li><a href="{{$quicklink->redirect_url}}">{{$quicklink->title}}</a></li>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="btm-shape-prt">
    	<img class="img-fluid" src="{{asset('f/images/shape2.png')}}" alt="" />
    </div>
</section>

@endsection