@php
    $level = isset($level) ? $level : 0;
    $comments = isset($comments) ? $comments : [];
@endphp
@if (count($comments))


<div class="bd-postbox__comment mb-55 mt-30">
    <h3 class="postbox__comment-title mb-30">{{count($comments)}} Nhận xét</h3>
    <ul>
        <li>
            <div class="bd-postbox__comment-box d-flex">
                <div class="bd-postbox__comment-avater">
                    <img src="assets/img/news/comment/comments-1.png" alt="comments-img">
                </div>
                <div class="bd-postbox__comment-info">
                    <div class="bd-postbox__comment-avater-info d-flex justify-content-between">
                        <div class="bd-postbox__comment-name">
                            <h4>Rosalina Kelian</h4>
                            <span class="post-meta"><i class="fa-light fa-calendar-days"></i> 24th March
                                2022</span>
                        </div>
                        <div class="bd-postbox__comment-reply">
                            <a href="#"><i class="fa-solid fa-share"></i> Reply</a>
                        </div>
                    </div>
                    <div class="bd-postbox__comment-text">
                        <p>For all the assets is hard and time-consuming technical work. And, of course,
                            the result needs to be seamless and delightful — dare we say, even fun — to
                            develop and maintain. Regardless of whether you’re ing up a storefront for a
                            new merchant.</p>
                    </div>
                </div>
            </div>
        </li>
        <li class="children">
            <div class="bd-postbox__comment-box d-flex mb-40">
                <div class="bd-postbox__comment-avater">
                    <img src="assets/img/news/comment/comments-2.png" alt="comments-img">
                </div>
                <div class="bd-postbox__comment-info">
                    <div class="bd-postbox__comment-avater-info d-flex justify-content-between">
                        <div class="bd-postbox__comment-name">
                            <h4>Rosalina Kelian</h4>
                            <span class="post-meta"><i class="fa-light fa-calendar-days"></i> 24th March
                                2022</span>
                        </div>
                        <div class="bd-postbox__comment-reply">
                            <a href="#"><i class="fa-solid fa-share"></i> Reply</a>
                        </div>
                    </div>
                    <div class="bd-postbox__comment-text">
                        <p>For all the assets is hard and time-consuming technical work. And, of course,
                            the result needs to be seamless and delightful — dare we say, even fun — to
                            develop and maintain. Regardless of whether you’re ing up a storefront for a
                            new merchant.</p>
                    </div>
                </div>
            </div>
        </li>
    </ul>
</div>




    @foreach ($comments as $comment)
        @php
            $isFirst = !$level && !$loop->index;
            $avatar = $comment->author_id && ($author = get_model_data('user', $comment->author_id)) ? get_user_avatar($author->avatar) : asset('static/images/default/avatar.png');
        @endphp
        <li class="{{$level > 0? 'children' : ''}}">
            <div class="bd-postbox__comment-box d-flex">
                <div class="bd-postbox__comment-avater">
                    <img src="{{ $avatar }}" alt="{{$comment->author_name}}">
                </div>
                <div class="bd-postbox__comment-info">
                    <div class="bd-postbox__comment-avater-info d-flex justify-content-between">
                        <div class="bd-postbox__comment-name">
                            <h4>{{$comment->author_name}}</h4>
                            <span class="post-meta"><i class="fa-light fa-calendar-days"></i> {{$comment->dateFormat('d/m/Y - H:i')}}</span>
                        </div>
                        @if ($level < 4)
                            
                        <div class="comments-reply">
                            <a class="comment-reply-link btn-reply-comment" href="javascript:void(0);" data-id="{{ $comment->id }}" data-reply-for="{{ $comment->author_name }}"><span>Trả lời</span></a>
                        </div>
                        
                        <div class="bd-postbox__comment-reply">
                            <a href="#" class="comment-reply-link btn-reply-comment"><i class="fa-solid fa-share"></i> Trả lời</a>
                        </div>
                        @endif
                    </div>
                    <div class="bd-postbox__comment-text">
                        <p>{{$comment->htmlMessage()}}</p>
                    </div>
                </div>
            </div>
        </li>

        @if ($comment->publishChildren && count($comment->publishChildren))
            @include($_template.'comment-list', [
                'comments' => $comment->publishChildren,
                'level' => $level + 1
            ])
        @endif
    @endforeach
@endif