@if(count($newsFeedComments) > 0)
<div class="card comment_div panel-collapse open-id-{{$feed_id}} mt-3">
    <div class="card-header">
        <h3 class="card-title">Comments</h3>
    </div>
    <div class="card-body row comment_div_body">
        {{-- comment start --}}
        @foreach ($newsFeedComments as $newsfeed => $comment)
            <div class="reply_div col-md-12 col-lg-12 col-xxl-12">
                <div class="d-sm-flex mt-0 p-0 sub-review-section  border-bottom-0 br-bl-0 br-br-0 row parent-reply-section"
                    data-parent-reply-id = '{{$comment->id}}' data-post-id = {{$feed_id}} data-child-reply = '0'>
                    <div class="media-body">
                        <div class="d-flex">
                            <a href="javascript:void(0);"><img
                                    class="media-object brround avatar-md" alt="64x64"
                                    src="{{ (!empty($comment->commentUser->profile_image)) ? asset("images/profile_image/{$comment->commentUser->profile_image}") : asset('assets/images/users/18.jpg') }}">
                            </a>&nbsp;&nbsp;
                            <h5 class="mt-3 mb-1 font-weight-semibold">{{$comment->commentUser->first_name . ' '.$comment->commentUser->last_name }}
                                <span class="tx-14 ms-0" data-bs-toggle="tooltip"
                                    data-bs-placement="top" title="">- {{$comment->created_at->diffForHumans();}}</span>

                            </h5>
                        </div>
                        <div class="btn-group btn-group-sm mb-1 ms-auto float-sm-end mt-1 parent-reply-btn single-reply-btn">
                            <button class="btn btn-secondary me-2"><i
                                    class="fa fa-reply-all"></i></button>
                        </div>
                        <p class="font-13  mb-2 mt-2 description">
                            {{$comment->comment}}
                        </p>
                        <p class="mb-0 mt-3 full-text" style="display: none">{!! $comment->comment !!}</p>
                    </div>
                    <div class="form-group mt-3 row col-md-12 parent-comment-section reply-comment-section">
                        <div class="col-xxl-11 col-lg-11 col-md-11">
                            <textarea class="form-control" id="inputName" placeholder="Enter reply"></textarea>
                        </div>
                        <div class="btn-group btn-group-sm mb-1 ms-auto float-sm-end col-md-1 col-lg-1 col-xxl-1 comment-section-div"
                           >
                            <button class="btn btn-primary btn-sm me-2 comment-section-btn"  data-feed-type="{{$feed_type}}"><i
                                    class="fa fa-comment"></i></button>
                        </div>
                        <span class="error-message mt-2"></span>
                    </div>
                    <div class="all-comment-replies mb-2 {{$comment->comment_replies_count > 0 ? 'show_class' : 'hide_class'}}" data-feed-id="{{$feed_id}}" data-comment-id="{{$comment->id}}" data-feed-type="{{$feed_type}}">
                        <a href="javascript:void(0);">View {{$comment->comment_replies_count}} replies</a>
                    </div>
                </div>
                {{-- replies here --}}
            </div>
            @if($loop->last)
                @if($feed_type == 'single-detail')
                    @if($showViewMoreFeed)
                        <div class="col-md-12 col-lg-12 col-xxl-12 mb-2 view_more_comments" style="margin-left:17px;">
                            <a href="javascript:void(0);" data-latest-comment-id="{{$comment->id}}" data-feed-id="{{$feed_id}}">View more comments</a>
                        </div>
                    @endif
                @else
                    <div class="col-md-12 col-lg-12 col-xxl-12 mb-2 view_all_comments" style="margin-left:17px;">
                        <a href="{{route('news-feeds.detail',["id"=>base64_encode($feed_id)])}}">{{count($newsFeedComments) > 1 ? 'View all comments': ''}}</a>
                    </div>
                @endif
            @endif
            <hr>
        @endforeach
        {{-- comment end --}}
        <div class="form-group mt-3 row col-md-12 comment_section d-flex">
            <div class="col-xxl-11 col-lg-11 col-md-11 comment_text">
                <textarea class="form-control" id="inputName" placeholder="Enter comment"></textarea>
            </div>
            <div class="btn-group btn-group-sm mb-1 ms-auto float-sm-end col-md-1 col-lg-1 col-xxl-1 comment_btn_class">
                <button class="btn btn-primary btn-sm me-2  main-comment" data-feed-id="{{$feed_id}}" data-feed-type="{{$feed_type}}"><i
                        class="fa fa-comment"></i></button>
            </div>
            <span class="error-message mt-2"></span>
        </div>
    </div>
</div>
@else
<div class="card comment_div panel-collapse open-id-{{$feed_id}} mt-3">
    <div class="card-header">
        <h3 class="card-title">Comments</h3>
    </div>
    <div class="card-body row comment_div_body">
        <div class="form-group mt-3 row col-md-12 comment_section d-flex">
            <div class="col-xxl-11 col-lg-11 col-md-11 mt-4">
                <textarea class="form-control" id="inputName" placeholder="Enter comment"></textarea>
            </div>
            <div class="btn-group btn-group-sm mb-1 ms-auto float-sm-end col-md-1 col-lg-1 col-xxl-1 mt-4 comment-section-div"
                >
                <button class="btn btn-primary btn-sm me-2  first-main-comment main-comment" data-feed-id="{{$feed_id}}" data-feed-type="{{$feed_type}}"><i
                        class="fa fa-comment"></i></button>
            </div>
            <span class="error-message mt-2"></span>
        </div>
    </div>
</div>
@endif