<div class="col-sm-16">
  <div class="{% block panel-css %}{% endblock %}">
    <div class="panel-heading">
      <h4 class="panel-title">
	{% block panel-title %}
        {% endblock %}
      </h4>
    </div>
    <div class="panel-body">
      <ul>
     {% for item in menu %}
     <li><a href="{{ item.link }}">{{ item.title }}</a></li>
     {% if item.sub_items %}
         <ul>
         {% for subitem in item.sub_items %}
            <li><a href="{{ subitem.link }}">{{ subitem.title }}</a></li>
         {% endfor %} 
         </ul>
     {% endif %}
     {% endfor %}
      </ul>
    </div>
  </div>
</div>
