@extends('.frontend.default')

@section('content')
    <div id="news_details_page" class="details_page">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 offset-lg-1">
                    <div id="news_details_page_header" style="margin-bottom: 40px">
                        <a class="back_button" href="{{route('.news.index')}}"><i class="fa fa-angle-left" aria-hidden="true"></i> 返回上一頁</a>
                    </div>

                    <div id="news_details_page_content">
                        <div>
                            <div class="d-inline-block mr-5 mb-3" style="width: 50%">
                                <img src="{{$news->detailImageUrl}}" alt="">
                            </div>
                            <div class="more_btn d-inline-block mb-3" style="vertical-align: bottom;">
                                @if(!empty($news->url))
                                    <a class="text-center border-radius-15" href="{{$news->url}}" target="_blank" style="height: 70px;line-height: 70px;">更多詳情</a>
                                @endif
                            </div>
                        </div>

                        <div class="pl-2">
                            <div style="display:inline-block;width:49%;">
                                <div class="text-left text-size-s">
                                    <i class="far fa-clock mr-2"></i> 上架時間{{\Carbon\Carbon::parse($news->on_shelf_date)->format('d/m/Y')}}
                                </div>
                            </div>
                            <div class="text-right" style="display:inline-block;width:49%;">
                                <a class="text-primary st-custom-button cursor-pointer" data-network="sharethis"
                                   data-url="{{ route('.news.details', ['news_id' => $news->id]) }}" href="#">
                                    分享 <i class="fas fa-share-alt"></i>
                                </a>
                            </div>
                        </div>

                        <div class="pl-2" style="padding-top: 15px">
                            @foreach($news->types as $type)
                                @include('.frontend.template.news.type_tag')
                            @endforeach
                        </div>

                        <div class="mt-3 mb-2 title-base bold pl-2">
                            {{$news->title}}
                        </div>

                        <div class="mb-2 text-size-l pl-2" style="word-break: break-all">
                            @nl2br( $news->description)
                        </div>
                    </div>

                    <div id="news_details_page_footer" style="margin-bottom: 200px">
                        @if($next_news_url)
                            <div class="text-right">
                                <a href="{{$next_news_url}}">
                                    <h2 class="text-color-base-1">
                                        下一則消息 <i class="fas fa-chevron-right"></i>
                                    </h2>
                                </a>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection