@extends('backend.layouts.app')

@section('title', 'Show Post')

@push('styles')


@endpush


@section('content')

    <div class="block-header"></div>

    <div class="row clearfix">

        <div class="col-lg-8 col-md-4 col-sm-12 col-xs-12">
            <div class="card">

                <div class="header bg-deep-purple">
                    <h2>SHOW POST</h2>
                </div>

                <div class="header">
                    <h2>
                        {{$post->title}}
                        <br>
                        <small>Posted By <strong>{{$post->user->name}}</strong> on {{$post->created_at->toFormattedDateString()}}</small>
                    </h2>
                </div>

                <div class="body">
                    {!!$post->body!!}
                </div>

            </div>

            {{-- COMMENTS --}}
            <div class="card" id="card-comment">
                <div class="header">
                    <h2>{{ $post->comments_count }} Comments</h2>
                </div>
                <div class="body">
                    @foreach($post->comments as $comment)

                        @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="right">{{ $comment->created_at->diffForHumans() }}</span>
                                    </div>
                                    <div class="author-comment">
                                        {{ $comment->body }}
                                    </div>
                                    <div class="author-action-approve">
                                        @if($comment->approved != 1)
                                            <form action="{{ route('admin.post.comment.approve',$comment->id) }}" method="POST">
                                                @csrf
                                                <input type="hidden" name="id" value="{{ $comment->id }}">
                                                <button type="submit" class="btn btn-sm btn-info">
                                                    Approve
                                                </button>
                                            </form>
                                        @endif
                                    </div>
                                    <div class="author-action-delete">
                                        <form action="{{ route('admin.post.comment.delete',$comment->id) }}" method="POST">
                                            @csrf
                                            <input type="hidden" name="id" value="{{ $comment->id }}">
                                            <button type="submit" class="btn btn-sm btn-danger">
                                                Delete
                                            </button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        @endif

                        @foreach($comment->children as $comment)
                            <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="right">{{ $comment->created_at->diffForHumans() }}</span>
                                    </div>
                                    <div class="author-comment">
                                        {{ $comment->body }}
                                    </div>
                                    <div class="author-action-approve">
                                        @if($comment->approved != 1)
                                            <form action="{{ route('admin.post.comment.approve',$comment->id) }}" method="POST">
                                                @csrf
                                                <input type="hidden" name="id" value="{{ $comment->id }}">
                                                <button type="submit" class="btn btn-sm btn-info">
                                                    Approve
                                                </button>
                                            </form>
                                        @endif
                                    </div>
                                    <div class="author-action-delete">
                                        <form action="{{ route('admin.post.comment.delete',$comment->id) }}" method="POST">
                                            @csrf
                                            <input type="hidden" name="id" value="{{ $comment->id }}">
                                            <button type="submit" class="btn btn-sm btn-danger">
                                                Delete
                                            </button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        @endforeach

                    @endforeach
                </div>
            </div>

        </div>
        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
            <div class="card">
                <div class="header bg-cyan">
                    <h2>SELECTED CATEGORY</h2>
                </div>
                <div class="body">
                    @foreach($post->categories as $category)
                        <span class="label bg-cyan">{{$category->name}}</span>
                    @endforeach
                </div>
            </div>
            <div class="card">
                <div class="header bg-green">
                    <h2>SELECTED TAGS</h2>
                </div>
                <div class="body">
                    @foreach($post->tags as $tag)
                        <span class="label bg-green">{{$tag->name}}</span>
                    @endforeach
                </div>
            </div>

            <div class="card">
                <div class="header bg-amber">
                    <h2>FEATURED IMAGE</h2>
                </div>
                <div class="body">

                    @if(Storage::disk('public')->exists('posts/'.$post->image) && $post->image)
                        <img class="img-responsive thumbnail" src="{{ Storage::url('posts/'.$post->image) }}" alt="{{ $post->title }}">
                    @else
                        <img class="img-responsive thumbnail" src="{{ asset('frontend/images/placeholder/placeholder-post-single-image.jpg') }}" alt="{{ $post->title }}">
                    @endif

                    <a href="{{route('admin.posts.index')}}" class="btn btn-lg waves-effect">
                        <i class="material-icons left">arrow_back</i>
                        <span>BACK</span>
                    </a>
                    <a href="{{route('admin.posts.edit',$post->slug)}}" class="btn bg-green btn-lg waves-effect">
                        <i class="material-icons">edit</i>
                        <span>EDIT</span>
                    </a>

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

    </div>


@endsection


@push('scripts')

    <script>



    </script>


@endpush