@foreach($childs as $child)
    @php
    $parent = \App\Models\CommentArticle::find($child->parent_id)->first();

    @endphp
<li class="comment">
    <div class="comment-body">
        <div class="single-comment">
            <div class="comment-img">
                <img style="width: 86px;    height: 86px;" src="{{ imageExist(env('USER_IMAGES_UPLOAD_PATH'),$child->User->avatar) }}"
                     alt="Author Images">
            </div>
            <div class="comment-inner">
                <h6 class="commenter">
                    <a class="hover-flip-item-wrapper" href="#">
                                                                    <span class="hover-flip-item">
                                                                        <span data-text="Rahabi Khan">{{ $child->User->name }}</span>
                                                                    </span>
                        <span style="font-size: 14px ;margin-right: 20px" class="text-secondary">در جواب {{$parent->User->name}}</span>
                    </a>
                </h6>
                <div class="comment-meta">
                    <div class="time-spent">{{ verta($child->User->created_at)->format('d - m - Y') }}</div>

                    <div class="reply-edit">
                        <div class="reply">
                            <a class="comment-reply-link hover-flip-item-wrapper"
                               href="#">
                                                                            <span  class="hover-flip-item ">
                                                                                <span class="answer" data-id="{{$child->id}}" >پاسخ</span>
                                                                            </span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="comment-text">
                    <p>{{ $child->text }}</p>
                </div>
                <div
                    data-id="{{$child->id}}"
                    style="right: 11px;top: 20px;position: relative;display: none"
                    class="replay-box">
                    <form
                        action="{{ route('home.comment_article.store',['article'=>$article->id]) }}"
                        method="post">
                        @csrf
                        <input
                            type="hidden"
                            name="parent_id"
                            value="{{$child->id}}">
                        <div
                            class="form-group">
                            <label>پاسخ
                                شما</label>
                            <textarea
                                placeholder="متن پاسخ"
                                class="form-control"
                                name="text"></textarea>
                        </div>
                        <div
                            class="form-submit">
                            <button
                                type="submit"
                                name="submit"
                                value="Submit"
                                id="submit"
                                class="axil-btn btn-bg-primary w-auto">
                                ثبت
                                پاسخ
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    @if ( count($child->replies) > 0 )
        <ul class="children"
            >

            @include('home.comments.commentArticle',['childs' => $child->replies])

        </ul>
    @endif
</li>
@endforeach