@extends('frontend.layouts.app')

@section('styles')

@endsection

@section('content')

    <section class="section">
        <div class="container">
            <div class="row">

                <div class="col s12 m8">

                    <div class="card">
                        <div class="card-image">
                            @if(Storage::disk('public')->exists('posts/'.$post->image) && $post->image)
                                <img src="{{Storage::url('posts/'.$post->image)}}" alt="{{$post->title}}">
                            @else
                                <img src="{{ asset('frontend/images/placeholder/placeholder-post-single-image.jpg') }}" alt="{{$post->title}}">
                            @endif
                        </div>
                        <div class="card-content">
                            <span class="card-title" title="{{$post->title}}">{{ $post->title }}</span>
                            {!! $post->body !!}
                        </div>
                        <div class="card-action blog-action">
                            <a href="{{ route('blog.author',$post->user->username) }}" class="btn-flat">
                                <i class="material-icons">person</i>
                                <span>{{$post->user->name}}</span>
                            </a>
                            <a href="#" class="btn-flat disabled">
                                <i class="material-icons">watch_later</i>
                                <span>{{$post->created_at->diffForHumans()}}</span>
                            </a>
                            @foreach($post->categories as $key => $category)
                                <a href="{{ route('blog.categories',$category->slug) }}" class="btn-flat">
                                    <i class="material-icons">folder</i>
                                    <span>{{$category->name}}</span>
                                </a>
                            @endforeach
                            @foreach($post->tags as $key => $tag)
                                <a href="{{ route('blog.tags',$tag->slug) }}" class="btn-flat">
                                    <i class="material-icons">label</i>
                                    <span>{{$tag->name}}</span>
                                </a>
                            @endforeach

                            <a href="#" class="btn-flat disabled">
                                <i class="material-icons">visibility</i>
                                <span>{{$post->view_count}}</span>
                            </a>
                        </div>

                    </div>

                    <div class="card" id="comments">
                        <div class="p-15 grey lighten-4">
                            <h5 class="m-0">{{ $post->comments_count }} Comments</h5>
                        </div>
                        <div class="single-narebay p-15">

                            @foreach($post->comments as $comment)

                                @if($comment->approved == 1 || (Auth::check() && $comment->users->id == auth()->user()->id))

                                    @if($comment->parent_id == null)
                                        <div class="comment">
                                            <div class="author-image">
                                                @if($comment->users->image)
                                                    <span style="background-image:url({{ Storage::url('users/'.$comment->users->image) }});"></span>
                                                @else

                                                    @if($comment->users->isAdmin())
                                                        <span style="background-image:url({{ asset('frontend/images/placeholder/placeholder-admin-image.jpg') }});"></span>
                                                    @elseif($comment->users->isAgent())
                                                        <span style="background-image:url({{ asset('frontend/images/placeholder/placeholder-agent-image.jpg') }});"></span>
                                                    @else
                                                        <span style="background-image:url({{ asset('frontend/images/placeholder/placeholder-user-image.jpg') }});"></span>
                                                    @endif

                                                @endif
                                            </div>
                                            <div class="content">
                                                <div class="author-name">
                                                    <strong>{{ $comment->users->name }}</strong>
                                                    <span class="time">{{ $comment->created_at->diffForHumans() }} {{ $comment->approved == 0 ? '| Pending Approval' : '' }}</span>

                                                    @auth
                                                        <span class="right replay" data-commentid="{{ $comment->id }}">Replay</span>
                                                    @endauth

                                                </div>
                                                <div class="author-comment">
                                                    {{ $comment->body }}
                                                </div>
                                                @if(Auth::check() && $comment->users->id == auth()->user()->id)
                                                    <div class="author-comment">
                                                        @if($comment->users->isAdmin())
                                                            <form action="{{ route('admin.post.comment.delete',$comment->id) }}" method="POST">
                                                        @elseif($comment->users->isAgent())
                                                            <form action="{{ route('agent.post.comment.delete',$comment->id) }}" method="POST">
                                                        @else
                                                            <form action="{{ route('user.post.comment.delete',$comment->id) }}" method="POST">
                                                        @endif
                                                                @csrf
                                                                <input type="hidden" name="id" value="{{ $comment->id }}">
                                                                <button type="submit" class="btn btn-sm {{ $site_theme }}">
                                                                    Delete
                                                                </button>
                                                            </form>
                                                    </div>
                                                @endif
                                            </div>
                                            <div id="comment-{{$comment->id}}"></div>
                                        </div>
                                    @endif

                                @endif

                                @if($comment->children->count() > 0)

                                    @foreach($comment->children as $comment)

                                        @if($comment->approved == 1 || (Auth::check() && $comment->users->id == auth()->user()->id))

                                            <div class="comment children">
                                                <div class="author-image">
                                                    @if($comment->users->image)
                                                        <span style="background-image:url({{ Storage::url('users/'.$comment->users->image) }});"></span>
                                                    @else

                                                        @if($comment->users->isAdmin())
                                                            <span style="background-image:url({{ asset('frontend/images/placeholder/placeholder-admin-image.jpg') }});"></span>
                                                        @elseif($comment->users->isAgent())
                                                            <span style="background-image:url({{ asset('frontend/images/placeholder/placeholder-agent-image.jpg') }});"></span>
                                                        @else
                                                            <span style="background-image:url({{ asset('frontend/images/placeholder/placeholder-user-image.jpg') }});"></span>
                                                        @endif

                                                    @endif
                                                </div>
                                                <div class="content">
                                                    <div class="author-name">
                                                        <strong>{{ $comment->users->name }}</strong>
                                                        <span class="time">{{ $comment->created_at->diffForHumans() }} {{ $comment->approved == 0 ? '| Pending Approval' : '' }}</span>
                                                    </div>
                                                    <div class="author-comment">
                                                        {{ $comment->body }}
                                                    </div>
                                                    @if(Auth::check() && $comment->users->id == auth()->user()->id)
                                                        <div class="author-comment">
                                                            @if($comment->users->isAdmin())
                                                                <form action="{{ route('admin.post.comment.delete',$comment->id) }}" method="POST">
                                                            @elseif($comment->users->isAgent())
                                                                <form action="{{ route('agent.post.comment.delete',$comment->id) }}" method="POST">
                                                            @else
                                                                <form action="{{ route('user.post.comment.delete',$comment->id) }}" method="POST">
                                                            @endif
                                                                    @csrf
                                                                    <input type="hidden" name="id" value="{{ $comment->id }}">
                                                                    <button type="submit" class="btn btn-sm {{ $site_theme }}">
                                                                        Delete
                                                                    </button>
                                                                </form>
                                                        </div>
                                                    @endif
                                                </div>
                                            </div>
                                        @endif
                                    @endforeach
                                @endif

                            @endforeach

                            @auth
                                <div class="comment-box">
                                    <h6>Leave a comment</h6>
                                    <form action="{{ route('blog.comment',$post->id) }}" method="POST">
                                        @csrf
                                        <input type="hidden" name="parent" value="0">

                                        <textarea name="body" class="box"></textarea>
                                        <input type="submit" class="btn {{ $site_theme }}" value="Comment">
                                    </form>
                                </div>
                            @endauth

                            @guest
                                <div class="comment-login">
                                    <h6>Please Login to comment</h6>
                                    <a href="{{ route('login') }}" class="btn {{ $site_theme }}">Login</a>
                                </div>
                            @endguest

                        </div>
                    </div>

                </div>

                <div class="col s12 m4">

                    @include('pages.blog.sidebar')

                </div>

            </div>
        </div>
    </section>

@endsection

@section('scripts')
<script>
    $(document).on('click','span.right.replay',function(e){
        e.preventDefault();

        var commentid = $(this).data('commentid');

        $('#comment-'+commentid).empty().append(
            `<div class="comment-box">
                <form action="{{ route('blog.comment',$post->id) }}" method="POST">
                    @csrf
                    <input type="hidden" name="parent" value="1">
                    <input type="hidden" name="parent_id" value="`+commentid+`">

                    <textarea name="body" class="box" placeholder="Leave a comment"></textarea>
                    <input type="submit" class="btn " value="Comment">
                </form>
            </div>`
        );
    });
</script>
@endsection