@foreach($comments as $comment)
{{-- {{dd($comments)}} --}}
@php $dep = $depth-1; @endphp
<ul class="comments-list" @if($comment->parent_id != null) style="margin-left:40px;" @endif>
    <li>
        <ul class="comments-reply">
            <li>
                <div class="comment">
                    @if($comment->user_info['photo'])
                        <img class="comment-avatar pull-left" src="{{ Storage::url($comment->user_info['photo']) }}" alt="{{ Storage::url($comment->user_info['photo']) }}" style="width: 100px; height: 100px;">
                    @else 
                        <img src="{{asset('backend/img/avatar.png')}}" alt="">
                    @endif
                    <div class="comment-body">
                        <h4 class="comment-author">{{$comment->user_info['name']}}</h4>
                        <div class="comment-date">{{$comment->created_at->format('g: i a')}}</div>
                        <p>{{$comment->comment}}</p>
                    </div>
                </div>
            </li>
            @include('frontend.pages.comment', ['comments' => $comment->replies, 'depth' => $dep])
        </ul><!-- comments-reply end -->
    </li><!-- Comments-list li end -->
</ul><!-- Comments-list ul end -->
@endforeach