{if !$commentManager|isset}{assign var='commentManager' value=$commentList->getCommentManager()}{/if}
{if !$commentCanModerate|isset}{assign var=commentCanModerate value=$commentManager->canModerate($commentList->objectTypeID, $commentList->objectID)}{/if}
{foreach from=$commentList item=comment}
	{if $comment->isDisabled && !$commentCanModerate}
		<li>
			<p class="info commentModerationDisabledComment">{lang}wcf.comment.moderation.disabledComment{/lang}</p>
		</li>
	{else}
		<li class="comment jsComment"
			data-comment-id="{@$comment->commentID}"
			{@$__wcf->getReactionHandler()->getDataAttributes('com.woltlab.wcf.comment', $comment->commentID)}
			data-can-edit="{if $comment->isEditable()}true{else}false{/if}" data-can-delete="{if $comment->isDeletable()}true{else}false{/if}"
			data-responses="{@$comment->responses}" data-last-response-time="{if $commentLastResponseTime|empty}{@$comment->getLastResponseTime()}{else}{@$commentLastResponseTime}{/if}" data-is-disabled="{@$comment->isDisabled}"
		>
			<div class="box48{if $__wcf->getUserProfileHandler()->isIgnoredUser($comment->userID, 2)} ignoredUserContent{/if}">
				{user object=$comment->getUserProfile() type='avatar48' ariaHidden='true' tabindex='-1'}
				
				<div class="commentContentContainer" itemprop="comment" itemscope itemtype="http://schema.org/Comment">
					<div class="commentContent">
						<meta itemprop="dateCreated" content="{@$comment->time|date:'c'}">
						
						<div class="containerHeadline">
							<h3 itemprop="author" itemscope itemtype="http://schema.org/Person">
								{if $comment->userID}
									<a href="{$comment->getUserProfile()->getLink()}" class="userLink" data-object-id="{@$comment->userID}" itemprop="url">
										<span itemprop="name">{@$comment->getUserProfile()->getFormattedUsername()}</span>
									</a>
								{else}
									<span itemprop="name">{$comment->username}</span>
								{/if}
								
								<small class="separatorLeft">{@$comment->time|time}</small>
								
								{if $comment->isDisabled}
									<span class="badge label green jsIconDisabled">{lang}wcf.message.status.disabled{/lang}</span>
								{/if}
								
								{if $commentManager->isContentAuthor($comment)}
									<span class="badge label">{lang}wcf.comment.objectAuthor{/lang}</span>
								{/if}
							</h3>
						</div>
						
						<div class="htmlContent userMessage" itemprop="text">{@$comment->getFormattedMessage()}</div>

					    {if MODULE_LIKE && $commentManager->supportsLike() && $likeData|isset}{include file="reactionSummaryList" isTiny=true reactionData=$likeData[comment] objectType="com.woltlab.wcf.comment" objectID=$comment->commentID}{else}<a href="#" class="reactionSummaryList reactionSummaryListTiny jsOnly" data-object-type="com.woltlab.wcf.comment" data-object-id="{$comment->commentID}" title="{lang}wcf.reactions.summary.listReactions{/lang}" style="display: none;"></a>{/if}
						
						<nav class="jsMobileNavigation buttonGroupNavigation">
							<ul class="buttonList iconList">
								{if $comment->isDisabled && $commentCanModerate}
									<li class="jsOnly"><a href="#" class="jsEnableComment"><span class="icon icon16 fa-check"></span> <span class="invisible">{lang}wcf.comment.approve{/lang}</span></a></li>
								{/if}
								{if $commentManager->supportsReport() && $__wcf->session->getPermission('user.profile.canReportContent')}
									<li class="jsReportCommentComment jsOnly" data-object-id="{@$comment->commentID}"><a href="#" title="{lang}wcf.moderation.report.reportContent{/lang}" class="jsTooltip"><span class="icon icon16 fa-exclamation-triangle"></span> <span class="invisible">{lang}wcf.moderation.report.reportContent{/lang}</span></a></li>
								{/if}
								
								{if MODULE_LIKE && $commentManager->supportsLike() && $__wcf->session->getPermission('user.like.canLike') && $comment->userID != $__wcf->user->userID}
									<li class="jsOnly"><a href="#" class="reactButton jsTooltip {if $likeData[comment][$comment->commentID]|isset && $likeData[comment][$comment->commentID]->reactionTypeID} active{/if}" title="{lang}wcf.reactions.react{/lang}" data-reaction-type-id="{if $likeData[comment][$comment->commentID]|isset && $likeData[comment][$comment->commentID]->reactionTypeID}{$likeData[comment][$comment->commentID]->reactionTypeID}{else}0{/if}"><span class="icon icon16 fa-smile-o"></span> <span class="invisible">{lang}wcf.reactions.react{/lang}</span></a></li>
								{/if}
								
								{event name='commentOptions'}
							</ul>
						</nav>
					</div>
					
					{if !$commentLastResponseTime|empty || $comment|count}
						<ul data-responses="{if $commentCanModerate}{@$comment->unfilteredResponses}{else}{@$comment->responses}{/if}" class="containerList commentResponseList">
							{if $commentLastResponseTime|empty}{include file='commentResponseList' responseList=$comment}{/if}
						</ul>
					{/if}
				</div>
			</div>
		</li>
	{/if}
{/foreach}