@extends($_layout.'master')
@include($_lib.'register-meta')
@section('body')

<div class="ps-page--blog mt-60">
    <div class="container">
        <div class="ps-blog--sidebar">
            <div class="ps-blog__left">
                @if ($article->post_type == 'video_embed' && $video = $article->getVideo())
                    <div class="embed-responsive embed-responsive-16by9 mb-90">
                        <iframe scrolling="no" frameborder="no" src="{{$video->embed_url}}" id="fitvid0"></iframe>
                    </div>
                    
                @endif
                <div class="ps-post--detail sidebar">
                    @if ($article->post_type == 'video_embed' && $video = $article->getVideo())
                        
                    @elseif($article->hasGallery())
                        <div class="ps-post__carousel">
                            <div class="ps-carousel--nav-inside second owl-slider" data-owl-auto="true" data-owl-loop="true" data-owl-speed="5000" data-owl-gap="0" data-owl-nav="true" data-owl-dots="true" data-owl-item="1" data-owl-item-xs="1" data-owl-item-sm="1" data-owl-item-md="1" data-owl-item-lg="1" data-owl-duration="1000" data-owl-mousedrag="on">
                                @foreach ($article->gallery as $item)
                                    <img src="{{$item->getUrl()}}" alt="{{$article->title}}">
                                @endforeach
                            </div>
                        </div>
                    @else
                        <div class="image mb-30 w-100"><img class=" w-100" src="{{$article->getFeatureImage()}}" alt="{{$article->title}}"></div>
                    @endif
                    
                    <div class="ps-post__header">
                        <h1>{{$article->title}}</h1>
                        <p>
                            {{$article->dateFormat('d/m/Y')}} / đăng bởi {{$article->getAuthor()->name}} 
                            @if ($article->category && $tree = $article->category->getTree())
                                / Danh mục: 
                                    @foreach ($tree as $cate)
                                        <a href="{{$cate->getViewUrl()}}">{{$cate->name}}</a>
                                    @endforeach
                                        
                                    
                            @endif
                        </p>
                    </div>
                    <div class="ps-post__content">
                        {!! $article->content !!}
                    </div>

                    <div class="ps-post__footer">
                        @if ($article->tags && is_countable($article->tags) && count($article->tags))
                                            
                        <p class="ps-post__tags">
                            Từ khóa:
                            @foreach ($article->tags as $tag)
                                <a href="{{route('web.search', ['s' => $tag->keyword])}}">{{$tag->name}}</a>{{$loop->last?'':','}}
                            @endforeach
                        </p>
                        @endif
                        
                        @include($_template.'share', [
                            'link' => $article->getViewUrl(),
                            'title' => $article->title,
                            'description' => $article->getShortDesc(300),
                            'image' => $article->getFeatureImage(),
                            
                        ])
                    </div>
                </div>
                @include($_template.'related-posts',[
                    'list' => $helper->getRelatedPosts($article, 3),
                    'title' => 'Tin liên quan'
                ])
                
                @include($_template.'comments',[
                    'comments' => $article->publishComments,
                    'ref' => 'post',
                    'ref_id' => $article->id,
                    'url' => $article->getViewUrl()
                ])
            </div>
            <div class="ps-blog__right">
                @include($_template.'sidebar-post')
            </div>
        </div>
    </div>
</div>
<!-- Main Wrapper End -->

<!-- Modal -->
@endsection