{% if categories %}
		<div class="panel-left__midde">
	 		<div class="panel-group" id="panel-category" role="tablist" aria-multiselectable="true">
	 			{% for i,category in categories %}
	 			<div class="panel panel-default">
					<div class="panel-heading" role="tab" >
						<a href="{{category.href}}"> {{category.name}}</a>
						{% if category.children %}
							<span class="head"><a  class="pull-right accordion-toggle" data-toggle="collapse" data-parent="#panel-category" href="#panel-category{{i}}" aria-expanded="true"></a></span>
						 {% endif %}
						
					</div>
					
					{% if category.children %}
					<div id="panel-category{{i}}" class="panel-collapse collapse " role="tabpanel">
						<ul>
						   {% for child in category.children %}
							<li>
							 	{% if child.category_id == child_id %}
				                  	<a href="{{ child.href }}" class=" active"> {{ child.name }}</a> 
				                {% else %} 
				                  	<a href="{{ child.href }}" >{{ child.name }}</a>
				                {% endif %}
							</li>
						   {% endfor %}
						</ul>
					</div>
					{% endif %}
				</div>
	 			{% endfor %}
	 		</div>
	 	</div>
		{% endif %}