@extends('layouts.start')
@section('title', $blog->name)
@section('content')
    <!--================Blog Area =================-->
    <section class="blog_area single-post-area section-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 posts-list">
                    <div class="single-post">
                        <div class="feature-img">
                            @isset($blog->featured_image)
                                <img class="card-img rounded-0" src="{{ asset('/images/blogs/' . $blog->featured_image) }}" alt="{{ $blog->name }}">
                            @endisset
                        </div>
                        <div class="blog_details">
                            <h2>{{ $blog->name }}</h2>
                            <ul class="blog-info-link mt-3 mb-4">
                                <li><a href="#"><i class="fa fa-user"></i> {{ $blog->category->name }}</a></li>
{{--                                <li><a href="#"><i class="fa fa-comments"></i> 03 Comments</a></li>--}}
                            </ul>
                            <p>
                                {!! $blog->content1 !!}
                            </p>
                        </div>
                    </div>
                    <div class="navigation-top">
                        <div class="d-sm-flex justify-content-between text-center">
                            <p class="like-info"><span class="align-middle"><i class="fa fa-heart"></i></span> Lily and 4
                                people like this</p>
                            <div class="col-sm-4 text-center my-2 my-sm-0">
                                <!-- <p class="comment-count"><span class="align-middle"><i class="fa fa-comment"></i></span> 06 Comments</p> -->
                            </div>
                            <ul class="social-icons">
                                <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fab fa-dribbble"></i></a></li>
                                <li><a href="#"><i class="fab fa-behance"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    @include('pages.blog.aside')
                </div>
            </div>
        </div>
    </section>
    <!--================ Blog Area end =================-->
@endsection