@foreach($childs as $child)
    <li class="comment">
        @php
            $parent = \App\Models\Comment::find($child->parent_id)->first();

        @endphp
        <div class="comment-body">
            <div class="single-comment">
                <i class="fa fa-replyd"></i>
                <div
                    class="comment-img">
                    <img
                        style="height: 60px;width:60px"
                        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="{{ $child->User->name }}">{{ $child->User->name }}</span>
                                                                        </span>
                            <span class="text-secondary" style="margin-right: 13px"
                               > در پاسخ {{ $parent->User->name }} </span>
                        </a>
                        <div
                            data-id="{{$child->id}}"
                            style="margin-right: 140px;cursor: pointer"
                            class="answer">
                            <i class="fa fa-reply"></i>
                            پاسخ
                        </div>
                    </h6>

                    <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.comments.store',['product'=>$product->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="comment-list"
                >

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

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