{% for cat in cats %}
	<li class="is-nav-item cat-{{ cat.id }}" id="publish_newscat_{{ cat.id }}">
		<div class="item with-title" data-route="listpane:{{ path('agent_news_list', {'category_id':cat.id}) }}">
			{% if news_repo.getChildren(cat)|length %}
				<i class="dp-toggle-icon click-through icon-caret-right"></i>
			{% endif %}
			<h3>
				{% if depth and not news_repo.getChildren(cat)|length %}&mdash;{% endif %}
				<span class="title-text">{{ cat.title }}</span>
			</h3>
			<div class="dp-fader"></div>
			<em class="counter list-counter"
				id="news_cat_count_{{ cat.id }}"
				data-count="{{ counts[cat.id]|default(0) }}"
					>{% if counts[cat.id]|default(0) != counts[cat.id~"_total"]|default(0) %}{{ counts[cat.id]|default(0) }}/{{ counts[cat.id~"_total"]|default(0) }}{% else %}{{ counts[cat.id]|default(0) }}{% endif %}</em>
		</div>
		{% if news_repo.getChildren(cat)|length %}
			<ul class="nav-list nav-list-small indented" style="display: none;">
				{% include 'AgentBundle:Publish:news-cat-list.html.twig' with {'cats': news_repo.getChildren(cat), 'counts': counts, 'depth': depth+1 } %}
			</ul>
		{% endif %}
	</li>
{% endfor %}