<div class="uv-paper-aside">
{% if popArticles is defined and popArticles %}
<aside>
<h3>{{'Popular Articles'|trans}}</h3>
<ul>
{% for popArticle in popArticles %}
<li><a href="{{path('helpdesk_knowledgebase_read_slug_article', {'slug': popArticle.slug})}}"> {% if popArticle.stared %}<span class="uv-icon-star uv-pre"></span>{% endif %} {{ popArticle.name }}</a></li>
{#<li><a href="{{path('helpdesk_knowledgebase_read_article', {'article': popArticle.id})}}"> {% if popArticle.stared %}<span class="uv-icon-star uv-pre"></span>{% endif %} {{popArticle.name}}</a></li>#}
{% endfor %}
</ul>
</aside>
{% endif %}
{% if relatedArticles is defined and relatedArticles %}
<aside class="uv-margin-top-30">
<h3>{{'Related Articles'|trans}}</h3>
<ul>
{% for relatedArticle in relatedArticles %}
<li><a href="{{path('helpdesk_knowledgebase_read_slug_article', {'slug': relatedArticle.slug})}}"> {% if relatedArticle.stared %}<span class="uv-icon-star uv-pre"></span>{% endif %} {{ relatedArticle.name }}</a></li>
{#<li><a href="{{path('helpdesk_knowledgebase_read_article', {'article': relatedArticle.articleId})}}"> {% if relatedArticle.stared %}<span class="uv-icon-star uv-pre"></span>{% endif %} {{relatedArticle.name}}</a></li>#}
{% endfor %}
</ul>
</aside>
{% endif %}
{% if articleTags is defined and articleTags %}
<aside class="uv-margin-top-30">
<h3>{{'Tags'|trans}}</h3>
<div class="uv-tags">
{% for tag in articleTags %}
<span><a href="{{path('helpdesk_knowledgebase_tag', {'tag': tag.id, 'name': tag.name})}}">{{tag.name}}</a></span>
{% endfor %}
</div>
</aside>
{% endif %}
</div>