@extends('shared.front')
@section('title')
    {{ $model->title }}
@endsection
@section('content')
    <!-- news detail -->
    <section class="single-page news-detail ">
        <div class="news__banner">
            <img src="{{ asset($model->image) }}" alt=""/>
        </div>
        <div class="single-page__container">
            <h2 class="page-title">
                {{ $model->post_excerpt }}
            </h2>

            <div class="single-page_layout">
                <div class="news__detail__content">
                    <div class="date">{{ $model->created_at }}</div>
                    <p>
                        {!! $model->post_content !!}
                    </p>
                </div>
                <div class="related-post">
                    <!-- social link block  -->
                    <div class="share-block">
                        <h3 class="title">
                            Chia sẻ
                        </h3>

                        <!-- social media group  -->
                        <ul class="social-list row">
                            <!-- social item  -->
                            <li class="social-item">
                                <a href="https://www.facebook.com/sharer.php?u={{ action('HomeController@newdetail', ['name' => $model->name]) }}">
                                    <img src="{{ asset('new_front/app/assets/img/social-icon/fb.png') }}" alt="">
                                </a>
                            </li>
                            <!-- social item  -->
                            <li class="social-item">
                                <a href="https://twitter.com/intent/tweet?url={{ action('HomeController@newdetail', ['name' => $model->name]) }}">
                                    <img src="{{ asset('new_front/app/assets/img/social-icon/twi.png') }}" alt="">
                                </a>
                            </li>
                            <!-- social item  -->
                            <li class="social-item">
                                <a href="https://www.linkedin.com/sharing/share-offsite/?url={{ action('HomeController@newdetail', ['name' => $model->name]) }}">
                                    <img src="{{ asset('new_front/app/assets/img/social-icon/in.png') }}" alt="">
                                </a>
                            </li>
{{--                            <!-- social item  -->--}}
{{--                            <li class="social-item">--}}
{{--                                <a href="">--}}
{{--                                    <img src="{{ asset('new_front/app/assets/img/social-icon/zalo.png') }}" alt="">--}}
{{--                                </a>--}}
{{--                            </li>--}}
                        </ul>
                    </div>

                <!-- news block  -->
                    <div class="news-block">
                        <h3 class="title">
                            Bài viết liên quan
                        </h3>

                        <div class="new-list">
                            @foreach($relatedPosts as $relatedPost)
                                <a href="{{ action('HomeController@newdetail', ['name' => $relatedPost->name]) }}" class="news__item">
                                    <div class="news__thumb">
                                        <img src="{{ asset($relatedPost->image) }}" alt="">
                                    </div>
                                    <div class="news__item__content">
                                        <h3>{{ $relatedPost->title }}</h3>
                                    </div>
                                </a>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection