{if $postResponses|@count eq 0}
        <div class="b-single-idea__comments">
            <div class="mdl-alert">
                {"No comments yet, be the first to post one!"|gettext}
            </div>
        </div>
		{else}
			<div class="b-single-idea__comments">
				<div class="b-single-idea__comments-list">

                    {assign var='lastLevel' value=0}
                    {assign var='replyCounter' value=0 scope='global'}
                    {assign var='cCounter' value=1 scope='global'}
                    {assign var='parentComment' value=0 scope='global'}

                    {foreach from=$postResponses item=cComment key=cKey}
                        {assign var='publicFilter' value=''}
                        {assign var='modsAndAuthorsFilter' value=''}
                        {assign var='modsFilter' value=''}

                        {if !$currentUserCanModerate && $cComment->moderationStatus eq 7}
                            {continue}
                        {/if}

                        {if $cComment->moderationStatus eq 6 && !$isCurrentUserAuthor && !$currentUserCanModerate}
                            {continue}
                        {/if}

                        {if $cComment->moderationStatus eq 0}
                            {assign var='publicFilter' value='filter-public'}
                        {else if $cComment->moderationStatus eq 6}
                            {assign var='modsAndAuthorsFilter' value='filter-mods-and-authors'}
                        {else if $cComment->moderationStatus eq 7}
                            {assign var='modsFilter' value='filter-mods'}
                        {/if}


                        {assign var='totalVotes' value=0}
                        {assign var='commentId' value=$cComment->data.post_id}
                        {if $arrVotes.$commentId.values[1] gt 0}
                            {assign var='totalVotes' value=$arrVotes.$commentId.values[1]}
                        {/if}

                        {math assign="levelChange" equation=$lastLevel - $cComment->lvl}

                        {if $cComment->lvl eq $lastLevel}
                            </div>
                        {elseif $levelChange gt 0}
                            {for $lChange=1 to $levelChange}
                                </div>
                            {/for}

                            {if $cComment->lvl eq 1}
                            {if $replyCounter > 1}
                                <div id="b-single-idea__comment-expand-{$parentComment}" class="b-single-idea__comment-expand-li">
                                    <button type="button" class="b-single-idea__comment-expand mdl-button" data-parent="{$parentComment}">View all replies ({$replyCounter})</span>
                                </div>
                            {/if}
                            {/if}


                            </div>
                        {/if}

                        {assign var="byModerator" value=""}
                        {if $cComment->byModerator}
                            {assign var="byModerator" value="byModerator"}
                        {/if}

                        {if $cComment->lvl eq 1}
                        <div data-id="{$cComment->id}" class="mix b-single-idea__parent-comment b-single-idea__comments-list-item {$publicFilter} {$modsAndAuthorsFilter} {$modsFilter} {if $cComment->data.post_id eq $highlightPost}scrollToHere highlight{/if} {$byModerator}" id="comment-{$cComment->id}" data-posted="{$cComment->data['post_created']}" data-votes="{$totalVotes}">
                        {else}
                        <div class="b-single-idea__comments-list-item-reply b-single-idea__comment-reply-{if $cComment->lvl lt 6}{$cComment->lvl}{else}deepest{/if}" id="comment-{$cComment->id}" {if $cComment->lvl gt 4}style="padding-left:0px;"{/if}>
                        {/if}

                        {assign var='lastLevel' value=$cComment->lvl}
                        {include file=Template::get('post/comment.html') cKey=$cKey commentsArr=$postResponsesZeroKey cCounter=$cCounter replyCounter=$replyCounter uploadsHidden=$uploadsHidden}

                        {assign var='cCounter' value=$cCounter+1 scope='global'}

                    {/foreach}

                    {if $lastLevel gt 0}
                        {for $lChange=1 to $lastLevel}
                            {if $replyCounter > 1 && $lChange==$lastLevel && Post::getTopComment($cComment)->id neq $topCommentId}
                                <div id="b-single-idea__comment-expand-{$parentComment}" class="b-single-idea__comment-expand-li">
                                    <button type="button" class="mdl-button b-single-idea__comment-expand" data-parent="{$parentComment}">{"View all replies"|gettext} ({$replyCounter})</button>
                                </div>
                            {/if}
                            </div>
                        {/for}
                    {/if}

				</div>
			</div>
		{/if}

		<script>

            jQuery(".b-single-idea__comment-expand").on("click", function(e) {
                //console.log("expand comments");
                e.preventDefault();
                var parent = jQuery(this).attr("data-parent");
                jQuery("#comment-" + parent + " .b-single-idea__comment-hide").slideDown();
                jQuery("#b-single-idea__comment-expand-" + parent).slideUp();

            });

		    jQuery(".b-single-idea__comments-menu a").on('click', function(e){
		        e.preventDefault();

		        var $commentType = jQuery(this).attr('id');
                var $buttonTitle = jQuery('#postButtonTitle');
                var $commentTypeInput = jQuery('#comment_type');
                var $activeTab = jQuery('#active-tab');
                var $commentModsOnly = jQuery('#comment_only_mods');

                jQuery('#user_tag_results').html('').hide();
                jQuery('#user_tag_input').val('');
                jQuery('#comment_userTags').val('');

                jQuery('.b-single-idea__user-tag-result').each(function() {
                    jQuery(this).remove();
                });

		        if($commentType === 'comments-public') {
		            $buttonTitle.text('Post publicly');
		            $commentTypeInput.val('comment-public');
                    $activeTab.val('public');
                    $commentModsOnly.show();

                    jQuery('#comment_only_mods button').removeClass('checked');
                    jQuery('#comment_only_mods').removeClass('checked');
                    jQuery('.b-single-idea__parent-comment').each(function() {
                        jQuery(this).removeClass('filtered-out');
                    })
                } else if($commentType === 'comments-mods-and-authors') {
		            $buttonTitle.text('Post to moderators and authors');
                    $commentTypeInput.val('comment-mods-and-authors');
                    $activeTab.val('mods-and-authors');
                    $commentModsOnly.hide();
                } else if($commentType === 'comments-mods') {
		            $buttonTitle.text('Post to moderators');
                    $commentTypeInput.val('comment-mods');
                    $activeTab.val('mods');
                    $commentModsOnly.hide();
                }
		
		        jQuery(".b-single-idea__comments-menu li").removeClass('-active');
		        jQuery(this).closest("li").addClass('-active');

		        jQuery(".b-single-idea__comments-menu .line").animate({
		            left: jQuery(this).closest("li").position().left,
		            width: jQuery(this).width()
		        });

		        var filter = jQuery(this).attr("data-target");

                jQuery('.b-single-idea__comments-list').mixItUp('filter', filter);
		    });

            Comment.addVoteClickListeners();
            Comment.addCommentFormOffClickListeners();
            Comment.handleModeratorsOnlyComments();
		</script>