@extends('frontend.layouts.master')

@section('meta')
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name='copyright' content=''>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta name="keywords" content="online shop, purchase, cart, ecommerce site, best online shopping">
	<meta name="description" content="{{$post->summary}}">
	<meta property="og:url" content="{{route('room-detail',$post->slug)}}">
	<meta property="og:type" content="article">
	<meta property="og:title" content="{{$post->title}}">
	<meta property="og:image" content="{{$post->photo}}">
	<meta property="og:description" content="{{$post->description}}">
@endsection
@section('title') {{$post->title}} @endsection
@section('main-content')
@include('frontend.layouts.notification')

<!-- Blog Details Hero Section Begin -->
<section class="blog-details-hero set-bg" data-setbg="{{ Storage::url($post->photo) }}">
    <div class="container">
        <div class="row">
            <div class="col-lg-10 offset-lg-1">
                <div class="bd-hero-text">
                    @php
                        $tags=explode(',',$post->tags);
                    @endphp
                    @foreach($tags as $tag)
                        <span>{{$tag}}</span>
                    @endforeach
                    <h2>{{$post->title}}</h2>
                    <ul>
                        <li class="b-time"><i class="icon_clock_alt"></i> 15th April, 2019</li>
                        <li><i class="icon_profile"></i> {{$post->author_info['name']}}</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Blog Details Hero End -->

<!-- Blog Details Section Begin -->
<section class="blog-details-section">
    <div class="container">
        <div class="row">
            <div class="col-lg-10 offset-lg-1">
                <div class="blog-details-text">
                    <div class="bd-title">
                        <p>{!! ($post->description) !!}</p>
                    </div>
                    <div class="bd-pic">
                        <div class="bp-item">
                            <img src="{{ Storage::url($post->photo) }}" alt="">
                        </div>
                    </div>
                    <div class="bd-more-text">
                        <div class="bm-item">
                            {{-- <h4>If you live in New York City</h4> --}}
                            @if($post->quote)
                                <blockquote> <i class="fa fa-quote-left"></i> 
                                    {!! ($post->quote) !!}
                                </blockquote>
                            @endif
                        </div>
                    </div>
                    <div class="tag-share">
                        <h3>Tags</h3>
                        @php
                            $tags=explode(',',$post->tags);
                        @endphp
                        @foreach(Helper::postTagList('tags') as $tag)
                            <div class="tags">
                                <a href="{{route('blog.tag',$tag['slug'])}}" class="tag-cloud-link">{{$tag->title}}</a>
                            </div>
                        @endforeach
                        {{-- <div class="social-share">
                            <span>Share:</span>
                            <a href="#"><i class="fa fa-facebook"></i></a>
                            <a href="#"><i class="fa fa-twitter"></i></a>
                            <a href="#"><i class="fa fa-tripadvisor"></i></a>
                            <a href="#"><i class="fa fa-instagram"></i></a>
                            <a href="#"><i class="fa fa-youtube-play"></i></a>
                        </div> --}}
                    </div>
                    <div class="tag-share">
                        <h3>Category</h3>
                        @foreach(Helper::postCategoryList('posts') as $cat)
                        <div class="tags">
                            <a href="{{route('blog.category',$cat['slug'])}}">{{$cat->title}}</a>
                        </div>
                        @endforeach
                        {{-- <div class="social-share">
                            <span>Share:</span>
                            <a href="#"><i class="fa fa-facebook"></i></a>
                            <a href="#"><i class="fa fa-twitter"></i></a>
                            <a href="#"><i class="fa fa-tripadvisor"></i></a>
                            <a href="#"><i class="fa fa-instagram"></i></a>
                            <a href="#"><i class="fa fa-youtube-play"></i></a>
                        </div> --}}
                    </div>
                    {{-- @auth --}}
                    {{-- <div class="col-12 mt-4">
                        <div class="leave-comment">
                            <div class="reply-head comment-form" id="commentFormContainer">
                                <h3 class="reply-title">Leave a Comment</h3>
                                <!-- Comment Form -->
                                <form class="form comment_form" id="commentForm" action="{{route('post-comment.store',$post->slug)}}" method="POST">
                                    @csrf
                                    <div class="row">
                                        <div class="leave-comment">
                                            <div class="col-lg-12">
                                                <textarea placeholder="Messages" name="comment" id="comment" cols="80" rows="100"></textarea>
                                                <input type="hidden" name="post_id" value="{{ $post->id }}" />
                                                <input type="hidden" name="parent_id" id="parent_id" value="" />
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <div class="form-group button">
                                                <button type="submit" class="btn"><span class="comment_btn comment">Post Comment</span><span class="comment_btn reply" style="display: none;">Reply Comment</span></button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                <!-- End Comment Form -->
                            </div>
                        </div>
                    </div> --}}

                    {{-- @else
                    <p class="text-center p-5">
                        You need to <a href="{{route('admin')}}" style="color:rgb(54, 54, 204)">Login</a>  for comment.

                    </p> --}}
                    <!--/ End Form -->
                    {{-- @endauth --}}
                    {{-- <div class="col-12">
                        <div class="comments">
                            <h3 class="comment-title">Comments ({{$post->allComments->count()}})</h3>
                            <!-- Single Comment -->
                            @include('frontend.pages.comment', ['comments' => $post->comments, 'post_id' => $post->id, 'depth' => 3])
                            <!-- End Single Comment -->
                        </div>
                    </div> --}}
                </div>
            </div>
        </div>
    </div>
</section>
<!--/ End Blog Single -->

<!-- Recommend Blog Section Begin -->
<section class="recommend-blog-section spad">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title">
                    <h2>Recommended</h2>
                </div>
            </div>
        </div>
        <div class="row">
            @foreach($recent_posts as $post)
                <div class="col-md-4">
                    <div class="blog-item set-bg" data-setbg="{{ Storage::url($post->photo) }}">
                        <div class="bi-text">
                            <span class="b-tag">
                                @php
                                    $tags=explode(',',$post->tags);
                                @endphp
                                @foreach(Helper::postTagList('tags') as $tag)
                                    <span><a href="{{route('blog.tag',$tag['slug'])}}" class="tag-cloud-link">{{$tag->title}}</a></span>
                                @endforeach
                            </span>
                            <h4><a href="{{route('blog.detail',$post->slug)}}">{{$post->title}}</a></h4>
                            <div class="b-time"><i class="icon_clock_alt"></i> {{$post->created_at->format('d M , Y. D')}}</div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</section>
<!-- Recommend Blog Section End -->

@endsection
@push('styles')
<script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=5f2e5abf393162001291e431&product=inline-share-buttons' async='async'></script>
@endpush
@push('scripts')
<script>
$(document).ready(function(){

(function($) {
    "use strict";

    $('.btn-reply.reply').click(function(e){
        e.preventDefault();
        $('.btn-reply.reply').show();

        $('.comment_btn.comment').hide();
        $('.comment_btn.reply').show();

        $(this).hide();
        $('.btn-reply.cancel').hide();
        $(this).siblings('.btn-reply.cancel').show();

        var parent_id = $(this).data('id');
        var html = $('#commentForm');
        $( html).find('#parent_id').val(parent_id);
        $('#commentFormContainer').hide();
        $(this).parents('.comment-list').append(html).fadeIn('slow').addClass('appended');
      });

    $('.comment-list').on('click','.btn-reply.cancel',function(e){
        e.preventDefault();
        $(this).hide();
        $('.btn-reply.reply').show();

        $('.comment_btn.reply').hide();
        $('.comment_btn.comment').show();

        $('#commentFormContainer').show();
        var html = $('#commentForm');
        $( html).find('#parent_id').val('');

        $('#commentFormContainer').append(html);
    });

})(jQuery)
})
</script>
@endpush