<div class="ht-section ht-depth-1 full-width" data-post-id="{{ $post->id }}">
    <div class="social-post-card ht-card">
        <div class="card-header">
            <div class="user-avatar ht-bgcover" style="background-image: url('{{ $post->account->image }}')"></div>
            <h4 class="user-title">{{ $post->account->name }}</h4>
            <div class="post-meta">{{ $post->created_at->diffForHumans() }}</div>
            {{--<div class="post-action">--}}
            {{--<div class="dropdown">--}}
            {{--<button type="button" data-toggle="dropdown"><i class="ion-more"></i></button>--}}
            {{--<ul class="dropdown-menu pull-right">--}}
            {{--<li><a href="#"><i class="icon-left ion-edit color-blue-500"></i>Chỉnh sửa bài viết</a></li>--}}
            {{--<li class="divider"></li>--}}
            {{--<li><a href="#"><i class="icon-left ion-trash-b color-red-500"></i>Xóa bài đăng</a></li>--}}
            {{--</ul>--}}
            {{--</div>--}}
            {{--</div>--}}
        </div>
        <div class="card-content">
            <div class="post-content">
                {{ $post->content }}
                {{--<p>Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis... <a href="" class="read-more">Xem thêm</a></p>--}}
            </div>

            @include('admin.social.images', compact('post'))
            <div class="post-action-count clearfix">
                <div class="like-count pull-left">
                    <i class="fa fa-thumbs-up"></i>
                    <span>{{ $post->number_likes }}</span>
                </div>
                <div class="comment-share-count pull-right">
                    <span><a href="#"> {{ $post->number_comments }} bình luận</a></span>
                    {{--<span><a href="#">4 lượt chia sẻ</a></span>--}}
                </div>
            </div>
        </div>
        <div class="card-footer clearfix">
            <div class="single-action" id="like-{{ $post->id }}">

                @if(\App\Components\Functions::checkLikePost($post->id))
                    <a href="#" class="post-like post-action ht-btn ht-btn-link active"
                       data-post-id="{{ $post->id }}"><i class="fa fa-thumbs-up"></i>Đã
                        thích</a>
                @else
                    <a href="#" class="post-like post-action ht-btn ht-btn-link" data-post-id="{{ $post->id }}"><i
                                class="fa fa-thumbs-up"></i>
                        Thích</a>
                @endif
            </div>
            <div class="single-action">
                <a href="#" class="post-action ht-btn ht-btn-link"><i class="fa fa-comment"></i>Bình luận</a>
            </div>
        </div>
        <div class="post-comments">


            <ul class="main-ul" id="main-ul-{{ $post->id }}">
                <li>
                    <div class="single-comment has-reply-form">
                        <div class="user-avatar ht-bgcover"
                             style="background-image: url('{{ $post->account->image }}');"></div>
                        <form id="add-comment-form-{{ $post->id }}" class="add-comment-form">
                            <div class="form-group">
                                <input class="reply-input form-control  ht-form-control" data-post-id="{{ $post->id }}"
                                       name="content"
                                       placeholder="Viết bình luận">
                                <label class="reply-add-file"><input type="file" name="images[]"
                                                                     data-post-id="{{ $post->id }}" id="files"
                                                                     class="hidden"><i
                                            class="fa fa-camera"></i></label>
                                <button type="submit" class="reply-submit"><i class="fa fa-paper-plane"></i>
                                </button>
                            </div>
                            <div class="image-preview" id="image-comment-{{ $post->id }}">
                            </div>
                        </form>
                    </div>
                </li>
                <hr>
                <div id="list-comment-{{ $post->id }}">                @foreach($post->commentLimits as $comment)
                        @include('admin.social.single_comment', compact('comment', 'post'))

                    @endforeach


                </div>
                @if(count($post->comments) > 4)
                    <div class="load-more-reply" data-post-id="{{ $post->id }}" id="load-more-reply-{{$post->id}}"><a href="#" class="load-more-reply-2" data-post-id="{{ $post->id }}">Xem thêm trả lời
                            <i id="load-more-comment-{{ $post->id }}" style="display: none" class="fa fa-spinner fa-pulse fa-fw color-grey-400 ht-mgl8"></i></a></div>
                @endif
            </ul>
        </div>
    </div>
</div>