@foreach($data->childs->where('status' , '1') as $child)
    <div class="flex items-start gap-4 border-2 border-gray-400 dark:border-amber-500 p-2 rounded-3xl space-y-8">
        <div class="flex justify-between">
            <div class="flex gap-4 items-center">
                @if($child->user->avatar)
                    <img src="{{$child->user->avatar}}" class="w-16 rounded-full" alt="">
                @else
                    <div class="border border-amber-500 rounded-full p-2">
                        <x-icons.user/>
                    </div>
                @endif
                <p>
                    @if($child->user->name)
                        {{$child->user->name}}
                    @else
                        بدون نام
                    @endif
                </p>
            </div>
        </div>
        <div class="w-full space-y-4">
            <div class="  w-full">
                {!! $child->body !!}
            </div>
        </div>
    </div>
@endforeach