@inject('FrontendPresenter', 'App\Presenters\FrontendPresenter')
@extends('layouts.frontend')
@section('title', $article->meta_title)
@section('meta_description', $article->meta_description)
@section('meta_keywords', $article->meta_keyword)
@section('og_url', asset($_SERVER['REQUEST_URI']))
@section('og_title', $article->title)
@section('og_description', $article->summary)
@section('og_image', asset($article->pic))
@section('content')
    <div class="kv-side pt-14 post-seminar" style="background-image: url({{ asset($article->banner) }});">
        <div class="container-fluid">
            <div class="row justify-content-center">
                <div class="col-12 col-md-9 col-lg-4 offset-lg-7">
                    <div class="box">
                        <div class="text-muted mb-2">講座時程</div>
                        <div class="h3 font-weight-bold">{{ $article->title }}</div>
                        <div class="my-4">
                            <div class="media my-1">
                                <i class="icon-seminar-calendar mt-1 mr-3 text-primary"></i>
                                <div class="media-body">
                                    {{ $article->time }}
                                </div>
                            </div>
                            <div class="media my-1">
                                <i class="icon-seminar-marker mt-1 mr-3 text-primary"></i>
                                <div class="media-body">
                                    {{ $article->address }}
                                </div>
                            </div>
                        </div>
                        <a class="btn btn-primary" href="{{ $article->url }}">我要報名</a>
                    </div>
                </div>
            </div>
        </div>
<!--
    <div class="kv-inpage-item">
        <div class="container text-white text-center">
            <div class="h1 font-weight-bold">WANG Tzu-Ya 在 University of Edinburgh</div>
        </div>
    </div>
-->
</div>

<main class="main pb-0">
    <div class="container pb-10">
        <div class="row justify-content-center">
            <div class="col-12 col-md-9">
                <div class="row">
                    <div class="col-12 col-md-4 my-2">
                        <div class="font-weight-bold">時間</div>
                        {{ $article->time }}
                    </div>
                    <div class="col-12 col-md-5 my-2">
                        <div class="font-weight-bold">地點</div>
                        {{ $article->address }}
                    </div>
                    <div class="col-12 col-md-3 my-2">
                        <div class="font-weight-bold">講者</div>
                        {{ $article->name }}
                    </div>
                </div>
                <hr class="my-6">
                {!! $article->content !!}
                <br>
                <br>
                <br>
                <br>
                {{-- <p>Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.</p>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci.</p>
                <figure class="figure">
                    <img class="figure-img" src="../assets/img/uploads/content-image.jpg" alt="">
                </figure>
                <div class="h3 font-weight-bold my-4">What’s your setup?</div>
                <p>Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.</p>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci.</p> --}}
                
                {!! $FrontendPresenter->getPostTag($article->ac_id, $article->tag) !!}
                <div class="share">
                    <a class="btn btn-facebook btn-rounded" target="_blank" href="http://www.facebook.com/share.php?u={{urlencode(asset($_SERVER['REQUEST_URI']))}}">
                        <i class="fab fa-fw fa-lg fa-facebook-f"></i>
                    </a>
                    {{-- <a class="btn btn-twitter btn-rounded" target="_blank" href="https://twitter.com/home/?status={{urlencode(asset($_SERVER['REQUEST_URI']))}}">
                        <i class="fab fa-fw fa-lg fa-twitter"></i>
                    </a> --}}
                    <a class="btn btn-line btn-rounded" target="_blank" href="http://line.naver.jp/R/msg/text/?{{urlencode(asset($_SERVER['REQUEST_URI']))}}">
                        <i class="fab fa-fw fa-lg fa-line"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid bg-light py-12">
        <div class="container">
            <div class="h3 font-weight-bold">相關文章</div>
            <div class="row">
                @foreach ($related_list as $k => $v)
                <div class="col-12 col-md-4 my-5">
                    <div class="text-center">
                        <img class="img-fluid" src="{{ asset($v->pic) }}">
                    </div>
                    <a class="h5 font-weight-normal my-3 height-fix text-row-2 d-block text-dark" href="{{ $FrontendPresenter->articleUrl($v->ac_id, $v->article_id) }}">{{ $v->title }}</a>
                    <a class="font-weight-bold text-dark btn-arw-change-right" href="{{ $FrontendPresenter->articleUrl($v->ac_id, $v->article_id) }}">
                        閱讀更多
                    </a>
                </div>
                @endforeach
            </div>
        </div>
    </div>

    <div class="container-fluid py-6 border-top">
        <div class="row align-items-center nav-ctrl">
            <div class="col-2 col-md-4">
                @if($last)
                <a class="media align-items-center btn-arw-change-left" href="{{ $FrontendPresenter->articleUrl($last->ac_id, $last->article_id) }}">
                    <div class="media-body">
                        <div class="d-none d-md-block">
                            <div class="font-small text-gray-6">上一篇</div>
                            <div class="font-weight-bold h6">{{ $last->title }}</div>
                        </div>
                    </div>
                </a>
                @endif
            </div>
            <div class="col text-center">
                <a class="text-dark" href="{{ $FrontendPresenter->articleListUrl($article->ac_id) }}">
                    <i class="fas fa-xs fa-th-large"></i><br>
                    返回列表
                </a>
            </div>
       
            <div class="col-2 col-md-4 text-right">
            @if($next)
                <a class="media align-items-center btn-arw-change-right" href="{{ $FrontendPresenter->articleUrl($next->ac_id, $next->article_id) }}">
                    <div class="media-body">
                        <div class="d-none d-md-block">
                            <div class="font-small text-gray-6">下一篇</div>
                            <div class="font-weight-bold h6">{{ $next->title }}</div>
                        </div>
                    </div>
                </a>
                @endif
            </div>
          
        </div>
    </div>

</main>

@stop
@section('js')

<script>
 
 $(".badge-outline-secondary").click(function(){

     window.location.href='/news/seminar?tag='+$(this).attr("title");
 });
</script>
    {{-- <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W53SKVJ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<script src="../assets/js/kule.urbrowser.min.js" id="urbrowser" data-domain="www.edmtw.com"></script>
	<script src="../assets/js/jquery/jquery-3.3.1.min.js?v=1537528068"></script>
	<script src="../assets/js/vendor/bootstrap.bundle.min.js"></script>
    <script src="../assets/js/vendor/bootstrap.responsive-paginate.js"></script>
	<script src="../assets/js/vendor/jquery.slick.min.js"></script>
	<script src="../assets/js/vendor/jquery.hc-sticky.min.js"></script>
	<script src="../assets/js/vendor/jquery.pushy.min.js"></script>
	<script src="../assets/js/jquery/jquery.scrollbar.min.js?v=1537528068"></script>
	<script src="../assets/js/jquery/owl.carousel.min.js?v=1537528068"></script>
	<script src="../assets/js/main.js?v=1538384436"></script>
	<script src="../assets/js/custom.js"></script>

    <!-- module include -->
    <script src="../assets/js/function/module.js"></script>
    <script>
        $("#kv-share").load("../module/kv-share.html");
    </script>

    <!-- single -->
    <script>
        $.home();
    </script> --}}
@stop