@php
$tab++;
//$noticia->comentarios->dump()
@endphp
@foreach($comentarios as $comentario)

    <div class="col-12" id="comentario-{{$comentario->id}}">
        <div class="media bgc-white p-5 mB-10 rounded" style="margin-left:{{ ($tab*20) }}px">
            <div class="media-left pr-2" style="width:75px;">            
            <p style="
                overflow-wrap: break-word;
                    text-transform: capitalize;
                    text-align: center;
                    font-size: 11px;
                    line-height: 1em;
                ">
                <img src="{{$comentario->usuario->imagenPerfil() ?? 'http://fakeimg.pl/50x50'  }}" class="media-object rounded-circle" style="width:40px">
                {{ ucfirst($comentario->usuario->full_name) }}
            </p>
            </div>
            <div class="media-body">
            
            <p class="">
                {{$comentario->comentario}}
            </p>
            <div class="d-flex justify-content-end mt-1"><a href="javascript:void(0)" data-toggle="modal" data-target="#modalComentario" onclick="modal(this)" data-parentid="{{$comentario->id}}" class="btn btn-link">Responder</a></div>
            
            </div>
        </div>
    </div>
    @if($comentario->children->count() > 0)
        @include('noticia::comentarios', ['comentarios' => $comentario->children,'tab'=>$tab])
    @endif
@endforeach