@if (count($newsFeedComments) > 0)
    @foreach ($newsFeedComments as $newsfeed => $comment)
        <div class="reply_div col-md-12 col-lg-12 col-xxl-12 show_class">
            <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={{ $comment->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=""
                                data-original-title="verified" data-bs-original-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"
                        style="padding-inline-end:1.75rem !important">
                        <button class="btn btn-primary btn-sm me-2 comment-section-btn"><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="{{ $comment->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($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
        @endif
        <hr>
    @endforeach
@endif