@extends('frontend.master')

@section('title', $detailPost->seo_title != null ? $detailPost->seo_title : $detailPost->title)
@section('description', $detailPost->seo_description)
@section('keywords', $detailPost->keywords)
@section('type', 'article')

@section('content')

<div class="c-breadcrumb-outer">
  <div class="container">
    {{ Breadcrumbs::render('post', $detailPost) }}
  </div>
</div>

<div class="container">
    <div class="l-content clearfix">
        <div class="l-main">
            <div class="c-news-detail">
                <div class="c-news-detail__title">
                    <h1 class="entry-title">{{ $detailPost->title }}</h1>
                </div>
                <div class="c-news-detail__time"><i class="far fa-calendar-alt"></i><span class="updated">{{ GeoHelper::formatDate('Y-m-d H:i:s',$detailPost->created_at,'d-m-Y') }}</span></div>
                <div class="b-maincontent">
                    {!! $detailPost->description !!}
                </div>

                {{-- <div class="c-box is-left">
                    <div class="c-box__title">
                        <div class="c-box__title__name">Bình luận</div>
                    </div>
                    <div class="c-box__content">
                        <div class="c-product-content__comment">
                            <div class="fb-comments" data-href="{{ route('post', ['cat' => $detailPost->slug ]) }}" data-numposts="5" width="100%"></div>
                        </div>
                    </div>
                </div> --}}

                <div class="c-box is-left">
                    <div class="c-box__title">
                        <div class="c-box__title__name">Tin mới nhất</div>
                    </div>
                    <div class="c-box__content">
                        <div class="c-news-grid js-match-height">
                            <ul class="clearfix">
                                @foreach ( $listPostNew as $value )
                                <li>
                                    <div class="b-grid">
                                        <div class="b-grid__img"><a href="{{ route('post', ['cat' => $value->slug ]) }}"><img src="{{ url('/images/'.$value->image) }}" alt="{{ $value->title }}"></a></div>
                                        <div class="b-grid__content">
                                            <div class="b-grid__row"><a class="b-grid__title" href="{{ route('post', ['cat' => $value->slug ]) }}">{{ $value->title }}</a></div>
                                            <div class="b-grid__row"><span class="b-grid__time"><i class="far fa-calendar-alt"></i><span class="updated">{{ GeoHelper::formatDate('Y-m-d H:i:s',$value->created_at,'d-m-Y') }}</span></span></div>
                                        </div>
                                    </div>
                                </li>
                                @endforeach
                            </ul>
                        </div>
                        <!-- c-news-grid -->
                    </div>
                    <!-- c-box__content -->
                </div>
                <!-- c-box -->
                <div class="c-box is-left">
                    <div class="c-box__title">
                        <div class="c-box__title__name">Các tin khác</div>
                    </div>
                    <div class="c-box__content">
                        <div class="c-news-grid js-match-height">
                            <ul class="clearfix">
                                @foreach ( $listPostOthers as $value )
                                <li>
                                    <div class="b-grid">
                                        <div class="b-grid__img"><a href="{{ route('post', ['cat' => $value->slug ]) }}"><img src="{{ url('/images/'.$value->image) }}" alt="{{ $value->title }}"></a></div>
                                        <div class="b-grid__content">
                                            <div class="b-grid__row"><a class="b-grid__title" href="{{ route('post', ['cat' => $value->slug ]) }}">{{ $value->title }}</a></div>
                                            <div class="b-grid__row"><span class="b-grid__time"><i class="far fa-calendar-alt"></i><span class="updated">{{ AschoolHelper::formatDate('Y-m-d H:i:s',$value->created_at,'d-m-Y') }}</span></span></div>
                                        </div>
                                    </div>
                                </li>
                                @endforeach
                            </ul>
                        </div>
                        <!-- c-news-grid -->
                    </div>
                    <!-- c-box__content -->
                </div>
                <!-- c-box -->
            </div>
            <!-- c-news-detail -->
        </div>
        <div class="l-sidebar">
            @include('frontend.layouts.news.sidebar')
        </div>
    </div>
</div>

@endsection