{namespace pw=PwCommentsTeam\PwComments\ViewHelpers}
<f:layout name="Default" />

<f:section name="main">
		<div id="{settings.showCommentAnchor}" class="comments-container">
			<h1><f:translate key="tx_pwcomments.comments" /> ({commentCount})</h1>
			<f:if condition="{hasCustomMessages}">
				<a name="{settings.customMessagesAnchor}"></a>
				<f:flashMessages />
			</f:if>
			<f:if condition="{comments -> f:count()} > 0">
				<f:then>
					<ul class="comments-list{f:if(condition:'!{settings.showAvatar}', then:' no-avatar')}">
							<f:widget.paginate objects="{comments}" as="paginatedComments"
   configuration="{itemsPerPage: 5, insertAbove: 0, insertBelow: 1, maximumNumberOfLinks: 10}">
   <f:for each="{paginatedComments}" as="comment" iteration="commentIterator">
							<li class="listcomment">
								<div class="comment-main-level comment{f:if(condition:'{commentToReplyTo.uid} == {comment.uid}', then:' replyingToThisComment')}{f:if(condition:'{commentIterator.isFirst}', then:' first-comment')}{f:if(condition:'{commentIterator.isLast}', then:' last-comment')}" id="{settings.commentAnchorPrefix}{comment.uid}">
									<f:render partial="Comment" arguments="{comment:comment, commentToReplyTo:commentToReplyTo, upvotedCommentUids:upvotedCommentUids, downvotedCommentUids:downvotedCommentUids}" />
								</div>	
								<f:if condition="{settings.showRepliesToComments} == 1">
									<f:if condition="{comment.replies -> f:count()} > 0">
										<!-- Replies -->
										<ul class="comments-list reply-list">
											<f:for each="{comment.replies}" as="reply" iteration="replyIterator">
												<li class="comment-reply{f:if(condition:'{replyIterator.isFirst}', then:' first-reply')}{f:if(condition:'{replyIterator.isLast}', then:' last-reply')}" id="{settings.commentAnchorPrefix}{reply.uid}">
													<f:render partial="Comment" arguments="{comment:reply, upvotedCommentUids:upvotedCommentUids, downvotedCommentUids:downvotedCommentUids}" />
												</li>
											</f:for>
										</ul>
									</f:if>
								</f:if>
							</li>
						</f:for>
					</f:widget.paginate>
					</ul>
				</f:then>
				<f:else>
					<em><f:translate key="tx_pwcomments.noComments" /></em>
				</f:else>
			</f:if>
		</div>
</f:section>