@extends('layouts.pages')

@section('content')
<div id="app">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-sm-12 post-area col-xs-12">
                <h1>{{ $title }}</h1>
                <ol class="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">
                    <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
                        <a itemprop="item" href="/">
                            <span itemprop="name">首頁</span></a>
                        <meta itemprop="position" content="1" />
                    </li>
                    <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
                        @if($subSetting['type'] == 'es')
                            <a itemprop="item" href="/tag/{{$keywordInfo->id}}">
                        @else
                            <a itemprop="item" href="/look/{{$keywordInfo->id}}">
                        @endif
                        <span itemprop="name">{{$keywordInfo->keyword}}</span></a>
                        <meta itemprop="position" content="2" />
                    </li>
                    <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
                        <a itemprop="item" href="/result/{{$id}}">
                        <span itemprop="name">{{$title}}</span></a>
                        <meta itemprop="position" content="3" />
                    </li>
                </ol>
                <p><i class="fa fa-calendar"></i><time itemprop="datePublished" datetime="{!!date('Y-m-d H:i:s',strtotime($info->created_at))!!}">發布日期：{!!date("Y年m月d日",strtotime($info->created_at))!!}</time></p>
                @if($info->created_at > $info->updated_at)
                    <p><i class="fa fa-calendar"></i><time itemprop="dateModified" datetime="{!!date('Y-m-d H:i:s',strtotime($info->created_at))!!}">上次更新日期：{!!date("Y年m月d日",strtotime($info->created_at))!!}</time></p>
                @else
                    <p><i class="fa fa-calendar"></i><time itemprop="dateModified" datetime="{!!date('Y-m-d H:i:s',strtotime($info->updated_at))!!}">上次更新日期：{!!date("Y年m月d日",strtotime($info->updated_at))!!}</time></p>
                @endif
                <p class="post-content" itemprop="articleBody">{!!mb_substr(preg_replace("/[\n\r]+/", '<br/>', $info->result),0,400,"utf-8")!!}...</p>
                <div class="row">
                    <div class="col-md-2">
                        <button class="readmore-button">閱讀更多</button>
                    </div>
                    <div class="col-md-10 readmore-url" data-turbolinks="false">
                        <input class="readmore-url-input" type="text" value="{{$info->url}}">
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-sm-12 col-xs-12">
                <div class="tags-area">
                    <h4>關鍵字</h4>
                    @if(!empty($relateKeyWords))
                        @foreach($relateKeyWords as $kid=>$keyword)
                            @if($subSetting['type'] == 'es')
                                <span><a href="/tag/{{$kid}}" class="tags">#{{$keyword}}</a></span>
                            @else
                                <span><a href="/look/{{$kid}}" class="tags">#{{$keyword}}</a></span>
                            @endif
                        @endforeach
                    @endif
                </div>
                <div class="tags-area">
                    <h4>相關文章</h4>
                    <ul>
                        @if(!empty($relatePosts))
                            @foreach($relatePosts as $relate)
                                @if(!empty($relate->result))
                                    <li><a class="relate-article" href='/result/{{$relate->id}}'><p>{{$relate->title}}</p></a></li>
                                @else
                                    <li><a class="relate-article" href='{{$relate->url}}' target="_blank"><p>{{$relate->title}}</p></a></li>
                                @endif
                            @endforeach
                        @endif
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
{{ csrf_field() }}
@endsection


@push('stylesheet')
@endpush
@push('scripts')
@endpush