<h3>{{ heading_title }}</h3>
<div class="list-group">
<ul class="list-item">
  {% for category in categories %}
  {% if category.category_id == category_id %} 
  <li><a href="{{ category.href }}" class="active">{{ category.name }}</a> </li>
  {% if category.children %}
  {% for child in category.children %}
  {% if child.category_id == child_id %}
  <li><a href="{{ child.href }}" class="active">&nbsp;&nbsp;&nbsp;- {{ child.name }}</a> </li>
  {% else %} 
  <li><a href="{{ child.href }}">&nbsp;&nbsp;&nbsp;- {{ child.name }}</a></li>
  {% endif %}
  {% endfor %}
  {% endif %}
  {% else %} <li><a href="{{ category.href }}">{{ category.name }}</a></li>
  {% endif %}
  {% endfor %}
</div>
