@foreach($profileUser->threads as $thread)
<!-- Post -->
<div class="post">
    <div class="user-block">
    <img class="img-circle img-bordered-sm" src="/dist/img/user1-128x128.jpg" alt="user image">
        <span class="username">
            <a href="/profiles/{{ $thread->creator->id }}">{{ $thread->creator->name }}</a>
        </span>
    <span class="description">Shared publicly - {{ $thread->created_at->diffForHumans() }}</span>
    </div>
    <!-- /.user-block -->
    <p>{{ $thread->body }}
    </p>
    <ul class="list-inline">
    <li><a href="#" class="link-black text-sm"><i class="fa fa-share margin-r-5"></i> Share</a></li>
    <li><a href="#" class="link-black text-sm"><i class="fa fa-thumbs-o-up margin-r-5"></i> Like</a>
    </li>
    <li class="pull-right">
        <a href="#" class="link-black text-sm"><i class="fa fa-comments-o margin-r-5"></i> Comments
        ({{ $thread->comments_count }})</a></li>
    </ul>

    <div class="box-footer box-comments">
    @forelse($thread->comments as $comment)
        <div class="box-comment">
        <!-- User image -->
        <img class="img-circle img-sm" src="/dist/img/user3-128x128.jpg" alt="User Image">

        <div class="comment-text">
                <span class="username">
                <a href="{{ $comment->owner->path() }}">{{ $comment->owner->name }}</a>
                <span class="text-muted pull-right">{{ $comment->created_at->diffForHumans() }}</span>
                </span><!-- /.username -->
                    {{ $comment->body }}
                </span>
        </div>
        <!-- /.comment-text -->
        </div>
        <!-- /.box-comment -->
    @empty
        <p>Be first to comment.</p>                    
    @endforelse
    </div>

    @if(auth()->check())
    <!-- /.box-footer -->
    <div class="box-footer">
        <form action="/threads/{{ $thread->id }}/comments" method="post">
        {{ csrf_field() }}
        <img class="img-responsive img-circle img-sm" src="/dist/img/user4-128x128.jpg" alt="Alt Text">
        <!-- .img-push is used to add margin to elements next to floating images -->
        <div class="img-push">
            <input id="body" name="body" type="text" class="form-control input-sm" placeholder="Press enter to post comment">
        </div>
        </form>
    </div>
    <!-- /.box-footer -->
    @else
    <div class="text-center"><p><a href="{{ route('login') }}">Login</a> to post a comment.</p></div>
    @endif
</div>
<!-- /.post -->
@endforeach