@foreach($comments as $comment)
    <div class="comment-bubble-wrapper mb-3" @if($comment->parent_id != null) style="margin-left: 2.5rem;" @endif>
        <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 14px; padding: 1.15rem 1.35rem; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03);">
            <div class="d-flex align-items-center justify-content-between mb-2">
                <div class="d-flex align-items-center gap-2">
                    <span class="badge badge-light" style="font-weight: 700; font-size: 0.825rem; border: 1px solid #cbd5e1; padding: 0.3rem 0.65rem; border-radius: 8px;">
                        <i class="fas fa-user-circle text-success mr-1"></i>{{ $comment->user->name ?? $comment->user->username ?? 'User' }}
                    </span>
                    <span class="text-muted small">
                        &bull; {{ $comment->created_at ? $comment->created_at->diffForHumans() : '' }}
                    </span>
                </div>
            </div>
            <p class="mb-0 text-dark" style="font-size: 0.925rem; line-height: 1.55;">
                {{ $comment->body }}
            </p>
        </div>

        @if(isset($comment->replies) && count($comment->replies) > 0)
            <div class="mt-2">
                @include('complain.posts.partials.commentsDisplay', ['comments' => $comment->replies, 'post_id' => $post_id])
            </div>
        @endif
    </div>
@endforeach