@props(['comment', 'is_reply' => false])

@if(!$is_reply)
    <div class="bg-body main-radius p-lg-3 p-2 border my-2">
        @include('site._partials.comment.content', ['comment' => $comment, 'bg_class' => ''])
    </div>
@else
    <div class="row m-0 w-100">
        <div style="overflow-x: clip;" class="col-1 p-0 ps-2 position-relative">
            <img style="top: -250px;" height="300"
                 class="w-100 ps-md-3 ps-1 position-absolute"
                 src="http://yomna:8888/assets/new-site/img/line-2.png" alt="">
        </div>
        <div class="bg-white p-lg-3 p-2 mb-2 col-11 main-radius border">
            @include('site._partials.comment.content', ['comment' => $comment, 'bg_class' => 'bg-white'])
        </div>
    </div>
@endif

@if($comment->replies && $comment->replies->count() > 0)
    <div class="overflow-hidden pt-2">
        @foreach($comment->replies as $reply)
            @include('site._partials.comment.index', ['comment' => $reply, 'is_reply' => true])
        @endforeach
    </div>
@endif