{{#each comments}}
<li class="comment" data-comment-id="{{id}}">
    <div class="comment__inner">
        <div class="comment__meta">
            <!--            <span class="avatar comment__avatar">
                            <span class="avatar__pad">
                                <img src="{{user.avatarUrl}}" data-interchange="{{user.avatarUrl}}, small], [{{user.avatarUrl}}, retina]" alt="" />
                            </span>
                        </span>-->
            <h5 class="comment__author">
                {{#if (is_not_equal user.reputationName "")}}
                <a rel="nofollow" href="/utilizador/perfil/{{user.userId}}">{{user.name}} </a>
                {{else}}
                {{user.name}}
                {{/if}}
            </h5>
            <span class="comment__reputation comment__reputation-{{toLowerCase user.reputation}}">{{user.reputationName}} <i class="i-check" aria-hidden="true"></i></span>
            <!--<span class="comment__location">{{user.location}}</span>-->
            {{#if user.expertises}}
            <span class="comment__expertise" title="Perito em: {{#each user.expertises}}{{{.}}}{{/each}}">
                <i aria-hidden="true" class="i-{{getExpertIcon user.expertises}}"></i>
            </span>
            {{/if}}

        </div>

        <div class="comment__content">
            <p>
                {{#if removed}}
                <div class="comment-status comment-status-pending alert">
                    <b>Comentário denunciado por violação dos <a href="http://www.publico.pt/nos/comentarios-e-inqueritos" data-brpx-seen="">critérios de publicação</a></b>
                </div>
                {{else}}
                {{text}}
                {{/if}}
            </p>
        </div>

        {{#unless removed}}
        {{#if @root.userLoggedIn}}
        <div class="comment__actions">
            <div class="comment__actions--main">
                <time class="dateline comment__dateline" datetime="{{date}}">
                    <a class="comment__permalink">{{dateString}}</a>
                </time>
                {{#if @root.userCanReport}}
                <a class="comment__actions__flag comment__actions__button button comment-report" href="javascript:;"><i class="i-alert" aria-hidden="true"></i> Denunciar</a>
                {{/if}}

            </div>
			<div class="social-tools social-tools--compact">
				<span class="show-for-sr">Partilhar comentário</span>

				<ul class="social-tools__menu social-tools__menu--dropdown">
					<li class="social-tools__item social-tools__item--facebook">
						<a href="https://www.facebook.com/sharer/sharer.php?u=ENDERECO" target="_blank" title="Facebook">
							<i class="i-facebook" aria-hidden="true"></i>
							<span class="show-for-sr">Partilhar no Facebook</span>
						</a>
					</li>
					<li class="social-tools__item social-tools__item--whatsapp">
						<a href="whatsapp://send?text=TITULO+ENDERECO" target="_blank" title="WhatsApp">
							<i class="i-whatsapp" aria-hidden="true"></i>
							<span class="show-for-sr">Partilhar no WhatsApp</span>
						</a>
					</li>
					<li class="social-tools__item social-tools__item--twitter">
						<a href="https://twitter.com/intent/tweet?url=ENDERECO&text=TITULO" target="_blank" title="Twitter">
							<i class="i-twitter" aria-hidden="true"></i>
							<span class="show-for-sr">Partilhar no Twitter</span>
						</a>
					</li>
				</ul>
			</div>
			
            <a class="comment__actions__button button comment-reply" href="javascript:;"><i class="i-reply" aria-hidden="true"></i> Responder</a>

        </div>
		{{else}}
			<div class="comment__actions">
			<div class="social-tools social-tools--compact">
				<span class="show-for-sr">Partilhar comentário</span>

				<ul class="social-tools__menu social-tools__menu--dropdown">
					<li class="social-tools__item social-tools__item--facebook">
						<a href="https://www.facebook.com/sharer/sharer.php?u=ENDERECO" target="_blank" title="Facebook">
							<i class="i-facebook" aria-hidden="true"></i>
							<span class="show-for-sr">Partilhar no Facebook</span>
						</a>
					</li>
					<li class="social-tools__item social-tools__item--whatsapp">
						<a href="whatsapp://send?text=TITULO+ENDERECO" target="_blank" title="WhatsApp">
							<i class="i-whatsapp" aria-hidden="true"></i>
							<span class="show-for-sr">Partilhar no WhatsApp</span>
						</a>
					</li>
					<li class="social-tools__item social-tools__item--twitter">
						<a href="https://twitter.com/intent/tweet?url=ENDERECO&text=TITULO" target="_blank" title="Twitter">
							<i class="i-twitter" aria-hidden="true"></i>
							<span class="show-for-sr">Partilhar no Twitter</span>
						</a>
					</li>
				</ul>
			</div>			
			</div>
        {{/if}}
        {{/unless}}
    </div>

    {{#if replies}}
    <ol class="comments__list">
        {{#each replies}}
        <li class="comment" data-comment-id="{{id}}">
            <div class="comment__inner">
                <div class="comment__meta">
                    <span class="avatar comment__avatar">
                        <span class="avatar__pad">
                            <img src="{{user.avatarUrl}}" data-interchange="{{user.avatarUrl}}, small], [{{user.avatarUrl}}, retina]" alt="" />
                        </span>
                    </span>
                    <h5 class="comment__author">
                        {{#if (is_not_equal user.reputationName "")}}
                        <a rel="nofollow" href="/utilizador/perfil/{{user.userId}}">{{user.name}} </a>
                        {{else}}
                        {{user.name}}
                        {{/if}}
                    </h5>
                    <span class="comment__reputation comment__reputation-{{toLowerCase user.reputation}}">{{user.reputationName}} <i class="i-check" aria-hidden="true"></i></span>
                    <!--<span class="comment__location">{{user.location}}</span>-->
                </div>

                <div class="comment__content">
                    <p>
                        {{#if removed}}
                        <div class="comment-status comment-status-pending alert">
                            <b>Comentário denunciado por violação dos <a href="http://www.publico.pt/nos/comentarios-e-inqueritos" data-brpx-seen="">critérios de publicação</a></b>
                        </div>
                        {{else}}
                        {{text}}
                        {{/if}}
                    </p>
                </div>

				{{#unless removed}}
				{{#if @root.userLoggedIn}}
                <div class="comment__actions">
                    <div class="comment__actions--main">
                        <time class="dateline comment__dateline" datetime="{{date}}">
                            <a class="comment__permalink">{{dateString}}</a>
                        </time>
                        {{#unless removed}}
                        {{#if @root.userCanReport}}
                        <a class="comment__actions__flag comment__actions__button button comment-report" href="javascript:;"><i class="i-alert" aria-hidden="true"></i> Denunciar</a>
                        {{/if}}
                        {{/unless}}
                    </div>
                    <div class="social-tools social-tools--compact">
                        <span class="show-for-sr">Partilhar comentário</span>

                        <ul class="social-tools__menu social-tools__menu--dropdown">
                            <li class="social-tools__item social-tools__item--facebook">
                                <a href="https://www.facebook.com/sharer/sharer.php?u=ENDERECO" target="_blank" title="Facebook">
                                    <i class="i-facebook" aria-hidden="true"></i>
                                    <span class="show-for-sr">Partilhar no Facebook</span>
                                </a>
                            </li>
                            <li class="social-tools__item social-tools__item--whatsapp">
                                <a href="whatsapp://send?text=TITULO+ENDERECO" target="_blank" title="WhatsApp">
                                    <i class="i-whatsapp" aria-hidden="true"></i>
                                    <span class="show-for-sr">Partilhar no WhatsApp</span>
                                </a>
                            </li>
                            <li class="social-tools__item social-tools__item--twitter">
                                <a href="https://twitter.com/intent/tweet?url=ENDERECO&text=TITULO" target="_blank" title="Twitter">
                                    <i class="i-twitter" aria-hidden="true"></i>
                                    <span class="show-for-sr">Partilhar no Twitter</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
				{{else}}
					<div class="comment__actions">
                    <div class="social-tools social-tools--compact">
                        <span class="show-for-sr">Partilhar comentário</span>

                        <ul class="social-tools__menu social-tools__menu--dropdown">
                            <li class="social-tools__item social-tools__item--facebook">
                                <a href="https://www.facebook.com/sharer/sharer.php?u=ENDERECO" target="_blank" title="Facebook">
                                    <i class="i-facebook" aria-hidden="true"></i>
                                    <span class="show-for-sr">Partilhar no Facebook</span>
                                </a>
                            </li>
                            <li class="social-tools__item social-tools__item--whatsapp">
                                <a href="whatsapp://send?text=TITULO+ENDERECO" target="_blank" title="WhatsApp">
                                    <i class="i-whatsapp" aria-hidden="true"></i>
                                    <span class="show-for-sr">Partilhar no WhatsApp</span>
                                </a>
                            </li>
                            <li class="social-tools__item social-tools__item--twitter">
                                <a href="https://twitter.com/intent/tweet?url=ENDERECO&text=TITULO" target="_blank" title="Twitter">
                                    <i class="i-twitter" aria-hidden="true"></i>
                                    <span class="show-for-sr">Partilhar no Twitter</span>
                                </a>
                            </li>
                        </ul>
                    </div>								
					</div>
				{{/if}}
				{{/unless}}
            </div>
        </li>
        {{/each}}
    </ol>
    {{/if}}

    <form class="form comments__form expanded" data-abide style="display:none"></form>
</li>
{{/each}}