65 lines
2.6 KiB
PHP
65 lines
2.6 KiB
PHP
@extends('layouts.nova')
|
|
|
|
@php
|
|
$headerBreadcrumbs = collect([
|
|
(object) ['name' => $page_title, 'url' => route('legacy.latest_comments')],
|
|
]);
|
|
@endphp
|
|
|
|
@section('content')
|
|
<x-nova-page-header
|
|
section="Comments"
|
|
:title="$page_title"
|
|
icon="fa-comments"
|
|
:breadcrumbs="$headerBreadcrumbs"
|
|
description="List of artwork with latest comments received."
|
|
headerClass="pb-6"
|
|
/>
|
|
|
|
<div class="container-fluid legacy-page pt-8">
|
|
|
|
<div class="masonry">
|
|
@foreach ($comments as $comment)
|
|
<div class="masonry_item col-sm-6 col-md-4">
|
|
<div class="comment_box effect3">
|
|
<div class="cb_image">
|
|
<a href="/profile/{{ $comment->commenter_id }}/{{ rawurlencode($comment->uname) }}">
|
|
<img src="{{ \App\Support\AvatarUrl::forUser((int) $comment->commenter_id, null, 50) }}" width="50" height="50" class="comment_avatar" alt="{{ $comment->uname }}">
|
|
</a>
|
|
</div>
|
|
|
|
<div class="bubble_comment panel panel-skinbase">
|
|
<div class="panel-heading">
|
|
<div class="pull-right">{{
|
|
\Carbon\Carbon::parse($comment->datetime)->diffForHumans() }}
|
|
</div>
|
|
<h5 class="panel-title">Comment by: <a href="/profile/{{ $comment->commenter_id }}/{{ rawurlencode($comment->uname) }}">{{ $comment->uname }}</a></h5>
|
|
</div>
|
|
<div class="panel-body">
|
|
<div class="comment_box_image">
|
|
<a href="/art/{{ $comment->id }}/{{ $comment->artwork_slug }}">
|
|
<img src="{{ $comment->thumb }}" alt="{{ $comment->name }}" class="img-thumbnail img-responsive">
|
|
</a>
|
|
</div>
|
|
<div class="comment_text mt-2">
|
|
{!! nl2br(e($comment->comment_description)) !!}
|
|
</div>
|
|
|
|
@if (!empty($comment->signature))
|
|
<div class="panel-footer comment-footer mt-2">
|
|
{!! nl2br(e($comment->signature)) !!}
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
|
|
<div class="paginationMenu text-center">
|
|
{{ $comments->links('pagination::bootstrap-4') }}
|
|
</div>
|
|
</div>
|
|
@endsection
|