@extends('layouts.legacy')

@section('content')
<div class="container-fluid legacy-page">
    <div class="effect2 page-header-wrap">
        <header class="page-heading">
            <h1 class="page-header">Received Comments</h1>
            <p>List of comments left on your uploaded artworks.</p>
        </header>
    </div>

    <div class="masonry">
        @foreach($comments as $comment)
            @php
                $author = $comment->user;
                $art = $comment->artwork;
                $created = optional($comment->created_at);
            @endphp

            <div class="masonry_item col-sm-6 col-md-4">
                <div class="comment_box effect3">
                    <div class="cb_image">
                        <a href="/profile/{{ (int)($author->id ?? $author->user_id) }}/{{ rawurlencode($author->name ?? $author->uname ?? '') }}">
                            <img src="/avatar/{{ (int)($author->id ?? $author->user_id) }}/{{ rawurlencode($author->icon ?? '') }}" width="50" height="50" class="comment_avatar" alt="{{ $author->name ?? $author->uname ?? '' }}">
                        </a>
                    </div>

                    <div class="bubble_comment panel panel-skinbase">
                        <div class="panel-heading">
                            <div class="pull-right">{{ $created ? $created->diffForHumans() . ' ago' : '' }}</div>
                            <h5 class="panel-title">Comment by: <a href="/profile/{{ (int)($author->id ?? $author->user_id) }}/{{ rawurlencode($author->name ?? $author->uname ?? '') }}">{{ $author->name ?? $author->uname ?? '' }}</a></h5>
                        </div>
                        <div class="panel-body">
                            <div class="comment_box_image">
                                @if($art)
                                    <a href="/art/{{ $art->id }}/{{ Str::slug($art->name ?? '') }}">
                                        <img src="{{ $art->thumb }}" class="img-thumbnail img-responsive" alt="{{ $art->name }}">
                                    </a>
                                @endif
                            </div>

                            <div class="comment_text">{!! nl2br(e($comment->content ?? $comment->description ?? '')) !!}</div>

                            @if(!empty($author->signature))
                                <div class="panel-footer comment-footer">
                                    <p>{!! nl2br(e($author->signature)) !!}</p>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        @endforeach
    </div>

    @if($comments->hasPages())
        <div class="paginationMenu">
            {{ $comments->links() }}
        </div>
    @endif

</div>
@endsection