{* supreme 1.7.1 *}
<div class="item comment" id="comment-{$comment.id}">
	<div class="credentials">
		<a data-name="comment{$comment.id}"{if $comment.site} href="{$comment.site}"{/if}>
			<img src="{$comment.user.photo_url_20|default:$comment.user.photo_url}" class="userpic{if $comment.auth_provider && ($comment.auth_provider neq blogCommentModel::AUTH_GUEST) && ($comment.auth_provider neq blogCommentModel::AUTH_USER)} icon16{/if}" alt="">
		</a>

		{if empty($comment.site)}
			<span class="username" itemprop="creator">{$comment.name}</span>
		{else}
			<a href="{$comment.site}" class="username" itemprop="creator">{$comment.name}</a>
		{/if}

		{if $comment.user.id}
			<span class="staff">{$wa->accountName()}</span>
		{/if}

		{* @event prepare_comments_frontend.%plugin_id%.authorname_suffix *}
		{if !empty($comment.plugins.authorname_suffix)}
			{foreach $comment.plugins.authorname_suffix as $plugin => $output}{$output}{/foreach}
		{/if}

		<meta itemprop="commentTime" content="{$comment.datetime|date_format:'Y-m-d\TH:i'}">
		<time class="hint date" title="{$comment.datetime|wa_datetime}" datetime="{$comment.datetime|date_format:'Y-m-d\TH:i'}">{$comment.datetime|wa_datetime:"humandatetime"}</time>
	</div>

	{* @event prepare_comments_frontend.%plugin_id%.before *}
	{if !empty($comment.plugins.before)}
		{foreach $comment.plugins.before as $plugin => $output}{$output}{/foreach}
	{/if}

	<div class="text" itemprop="commentText">{$comment.text|nl2br}</div>

	{* @event prepare_comments_frontend.%plugin_id%.after *}
	{if !empty($comment.plugins.after)}
		{foreach $comment.plugins.after as $plugin => $output}{$output}{/foreach}
	{/if}

	<div class="actions">
		<a class="inline-link comment-reply" href="#"><b><i>[`reply`]</i></b></a>
	</div>
</div>