@foreach($comments as $key => $comment)
<div class="media @if(!$loop->first) mt-4 @endif" data-id="{{$comment->id ?? ''}}">
    <img class="mr-3 rounded-circle user-icon" src="{{asset('thumbs/user-admin.png')}}">
    <div class="media-body">
        <div class="row">
            <div class="col-8 d-flex">
                <h6 class="user-title">{{$comment->User->full_name ?? ''}} </h6>
                <span class="sub-heading"> - 3 hours ago</span>
            </div>
            <div class="col-4">
                <div class="pull-right">
                    <a href="javscript:;" class="reply">
                        <span><i class="fa fa-reply"></i> reply</span>
                    </a>
                </div>
            </div>
        </div>

        @if($comment->is_attachment)
        <img src="{{$comment->media_url ?? ''}}" class="chat_attachment">
        @else
        {{$comment->comment ?? ''}}
        @endif

        <div class="card card-info reply-form mt-3 d-none">
            <div class="card-block">
                <form class="form-inline add_reply_comment" data-url="{{route('comments.store')}}">
                    @csrf
                    <input type="hidden" name="draft_id" value="{{$draft->id ?? ''}}">
                    <input type="hidden" name="parent_id" value="{{$comment->id ?? ''}}">
                    <input type="hidden" name="project_id" value="{{$draft->project_id ?? ''}}">
                    <textarea id="reply_comment" name="comment" placeholder="Write a Reply.." class="reply-cmnt-textarea"></textarea>
                    <div class="btn-group">
                        <label class="btn" for="attach-reply_{{$key}}">
                            <span class="fas fa-paperclip fa-lg"></span>
                        </label>
                        <input type="file" name="attachment" id="attach-reply_{{$key}}" class="d-none attach-reply-file">
                        <button class="btn" type="submit"><span class="fas fa-paper-plane"></span></button>
                    </div>
                </form>
            </div>
        </div>
        @foreach($comment->getReplies as $reply)
        <div class="media @if($loop->first) mt-4 @else mt-3 @endif reply_section">
            <a class="pr-3" href="#">
                <img class="rounded-circle user-icon" src="{{asset('thumbs/user-admin.png')}}"></a>
            <div class="media-body">
                <div class="row">
                    <div class="col-12 d-flex">
                        <h6 class="user-title">{{$comment->User->full_name ?? ''}}</h6>
                        <span class="sub-heading"> - 3 hours ago</span>
                    </div>
                </div>
                @if($reply->is_attachment)
                <img src="{{$reply->media_url ?? ''}}" class="chat_attachment">
                @else
                {{$reply->comment ?? ''}}
                @endif
            </div>
        </div>
        @endforeach
    </div>
</div>
@endforeach