@extends('layouts.layout')

@section('content')

        <!-- Start Page Title Area -->
        <div class="page-title-area page-title-bg1">
            <div class="d-table">
                <div class="d-table-cell">
                    <div class="container">
                        <div class="page-title-content">
                            <h2>@lang('main.blog_details')</h2>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Page Title Area -->

        <!-- Start Blog Details Area -->
        <section class="blog-details-area ptb-100">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 col-md-12">
                        <div class="blog-details-desc">
                            <div class="article-image">
                                <img src="{{$blog->imagePath}}" alt="image">
                            </div>

                            <div class="article-content">
                                <div class="entry-meta">
                                    <ul>
                                        <li><i class="far fa-clock"></i> <a href="#">{{$blog->created_at->format('M d, Y')}}</a></li>
                                        <li><i class="fas fa-user"></i> <a href="#">{{$blog->user->name}}</a></li>
                                    </ul>
                                </div>

                                <h3>{{$blog->title}}</h3>
                                <p>
                                    {!! $blog->description !!}
                                </p>

                            </div>

                            <div class="article-footer">
{{--                                <div class="article-tags">--}}
{{--                                    <span><i class="fas fa-bookmark"></i></span>--}}

{{--                                    <a href="#">Fashion</a>,--}}
{{--                                    <a href="#">Games</a>,--}}
{{--                                    <a href="#">Travel</a>--}}
{{--                                </div>--}}

                                <div class="article-share">
                                    <ul class="social">
                                        <li><span>@lang('main.share'):</span></li>
                                        <li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                        <li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                        <li><a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                        <li><a href="#" target="_blank"><i class="fab fa-instagram"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Blog Details Area -->


@stop