{{-- Part of virtualset project. --}}

@extends('_global.blog.frame')

@section('blog-content')
    <div id="fb-root"></div>
    <script>
        // Facebook
        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v2.5&appId=194354540739745";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>
    <style>
        .fb-comments, .fb-comments * {
            width:100% !important;
        }
    </style>
    <div class="sidemeta">

        <div class="post format-gallery">

            <div class="date-wrapper">
                <div class="date">
                    <span class="day">{{ $item->date->day }}</span>
                    <span class="month">{{ $item->date->format('M') }}</span>
                </div><!-- /.date -->
            </div><!-- /.date-wrapper -->

            {{--<div class="format-wrapper">--}}
                {{--<a href="#"><i class="icon-picture"></i></a>--}}
            {{--</div><!-- /.format-wrapper -->--}}

            <div class="post-content blog-item">

                <figure class="icon-overlay icn-link post-media">
                    <img src="{{ $item->image }}" alt="Image">
                </figure><!-- /.post-media -->
                <p class="author">
                    {{--<a href="#" title="" data-rel="tooltip" data-placement="left" rel="tooltip" data-original-title="Post author">--}}
                        {{ $item->user->name }}
                    {{--</a>--}}
                </p>

                <h1 class="post-title">
                    {{ $item->title }}
                </h1>

                <ul class="meta">
                    <li class="categories"><a href="{{ $router->html('blog', ['catslug' => $category->alias]) }}"><i class="icon-folder"></i> {{ $category->title }}</a></li>
                    {{--<li class="comments"><a href="#">24</a></li>--}}
                    {{--<li class="likes"><a href="#">73</a></li>--}}
                </ul><!-- /.meta -->

                <div class="article-content">
                    {!! $item->introtext !!}
                    {!! $item->fulltext !!}
                </div>

                {{--順序按鈕--}}

                <div class="row nextPrevRow" style ="margin-top: 80px;">
                    @if (!empty($item->prevArticle))
                        <div class="col-md-4 pull-left">
                            <a href="{{ $item->prevArticle->link }}" style="font-weight: 600;"><i class="icon-left-open"></i> @translate('catalog.article.previous.button')</a>
                            <span class="icon-crown-minus"></span>
                        </div>
                    @endif
                    @if (!empty($item->nextArticle))
                        <div class="col-md-3 pull-right">
                            <a href="{{ $item->nextArticle->link }}" style="font-weight: 600;"> @translate('catalog.article.next.button')  <i class="icon-right-open"></i></a>
                        </div>
                    @endif
                </div>

            </div><!-- /.post-content -->

        </div><!-- /.post -->

        {{--<div class="post-author">--}}
            {{--<figure>--}}

                {{--<div class="author-image icon-overlay icn-link">--}}
                    {{--<a href="#"><span class="icn-more"></span><img src="assets/images/art/human01.jpg" alt=""></a>--}}
                {{--</div>--}}

                {{--<figcaption class="author-details">--}}
                    {{--<h3>About the author</h3>--}}
                    {{--<p><a href="#">Amber Jones</a> quiae sitiorem rest non restibusaes es core posaemni volor remped modis volor. Doloreiur qui commolupte patus dolupta oreprerum aut tibusam inisita posae lomne.</p>--}}
                    {{--<ul class="meta">--}}
                        {{--<li class="author-posts"><a href="#">All posts by Amber</a></li>--}}
                        {{--<li class="url"><a href="#">ambers-website.com</a></li>--}}
                    {{--</ul><!-- /.meta -->--}}
                    {{--<ul class="social">--}}
                        {{--<li><a href="#"><i class="icon-s-facebook"></i></a></li>--}}
                        {{--<li><a href="#"><i class="icon-s-gplus"></i></a></li>--}}
                        {{--<li><a href="#"><i class="icon-s-twitter"></i></a></li>--}}
                    {{--</ul><!-- /.social -->--}}
                {{--</figcaption>--}}

            {{--</figure>--}}
        {{--</div><!-- /.post-author -->--}}

        {{--<div id="share" class="row">--}}

            {{--<div class="col-sm-4 reset-padding animated fadeInUp">--}}
                {{--<a href="#" class="btn-share-md">--}}
                    {{--<p class="name">Facebook</p>--}}
                    {{--<i class="icon-s-facebook"></i>--}}
                    {{--<p class="counter">1080</p>--}}
                {{--</a>--}}
            {{--</div><!-- /.col -->--}}

            {{--<div class="col-sm-4 reset-padding animated fadeInUp">--}}
                {{--<a href="#" class="btn-share-md">--}}
                    {{--<p class="name">Twitter</p>--}}
                    {{--<i class="icon-s-twitter"></i>--}}
                    {{--<p class="counter">1263</p>--}}
                {{--</a>--}}
            {{--</div><!-- /.col -->--}}

            {{--<div class="col-sm-4 reset-padding animated fadeInUp">--}}
                {{--<a href="#" class="btn-share-md">--}}
                    {{--<p class="name">Google +</p>--}}
                    {{--<i class="icon-s-gplus"></i>--}}
                    {{--<p class="counter">963</p>--}}
                {{--</a>--}}
            {{--</div><!-- /.col -->--}}

        {{--</div><!-- /.share -->--}}

        @if(\Virtualset\China\ChinaMirror::notInChina())
        <div id="comments">
            <div class="fb-comments" data-href="{{ $uri['current'] }}" data-numposts="5" style="width: 100%;"></div>
        </div><!-- /#comments -->
        @endif

    </div>
@stop