@extends('v2/base')

@section('content')

    <!-- sys_sub_head -->
    <section class="sys_sub_head">
        <div class="page-title-bar">
            <h2 class="title">{{$data['blog_title']}}</h2>
        </div>
    </section>

    <!-- web_main start -->
    <section class="web_main page_main">
        <div class="layout">
            <div class="blog-item">
                {{--<h2 class="item-title blog-title">{{$data['blog_title']}}</h2>--}}
                <div class="item-author">
                    <span class="time">{{date('F:d,Y',strtotime($data['blog_push_time']))}}</span>|
                    <span class="author">BY {{$data['blog_push_author']}}</span>
                </div>
                <article class="blog-article">
                    {!! $data['body']['blog_body']??'' !!}
                </article>
                <div class="item-els flex_row">
                    <div class="item-tag">
                        <label>tags:</label>
                        <em>{{$data['blog_seo_keywords']}}</em>
                    </div>
                    <ul class="page-sns flex_row">
                        <li class="shear-facebook"><a href="javascript:;"><img src="/v2/img/demo/psns01.png"></a></li>
                        <li class="shear-twitter"><a href="javascript:;"><img src="/v2/img/demo/psns02.png"></a></li>
                        <li class="shear-email"><a href="javascript:;"><img src="/v2/img/demo/psns03.png"></a></li>
                        <li class="shear-pinterest"><a href="javascript:;"><img src="/v2/img/demo/psns04.png"></a></li>
                    </ul>
                </div>
                <div class="turn-pages flex_row">
                    @if(!empty($data['prev_data']))
                        <a href="/blog/{{$data['prev_data']['blog_id']}}" class="prev flex_row">
                            <i class="pegk pe-7s-angle-left"></i>
                            <div class="info">
                                <p>previous post</p>
                                <strong>{{$data['prev_data']['blog_title']}}</strong>
                            </div>
                        </a>
                    @else
                        <a class="prev flex_row"></a>
                    @endif
                    @if(!empty($data['next_data']))
                        <a href="/blog/{{$data['next_data']['blog_id']}}" class="next flex_row">
                            <i class="pegk pe-7s-angle-right"></i>
                            <div class="info">
                                <p>next post</p>
                                <strong>{{$data['next_data']['blog_title']}}</strong>
                            </div>
                        </a>
                    @endif
                </div>
            </div>

        </div>

        @if(!empty($data['correlation_data']))
        <!-- related-product -->
        <div class="index-section related-product">
            <div class="sm-section-title-bar">
                <h2 class="title">related stories</h2>
            </div>
            <div class="product-slide-wrap related-product-slide-wrap">
                <div class="layout">
                    <div class="product-slide">
                        <ul class="swiper-wrapper">
                            @foreach($data['correlation_data'] as $item)
                            <li class="swiper-slide product-item">
                                <div class="item-inner">
                                    <div class="item-img">
                                        <a href="/blog/{{$item['blog_id']}}">
                                            <img src="{{$item['blog_thumbnail']}}" alt="">
                                        </a>
                                    </div>
                                    <div class="item-info">
                                        <h2 class="item-title">
                                            <a href="/blog/{{$item['blog_id']}}">{{$item['blog_title']}}</a>
                                        </h2>
                                        <div class="item-price">{{date('F d',strtotime($item['blog_push_time']))}}</div>
                                    </div>
                                </div>
                            </li>
                            @endforeach
                        </ul>
                    </div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </div>
            </div>
        </div>
        @endif
    </section>
    <!--// web_main end -->


@endsection