{% extends "base.html" %}
{% block body %}
    <div class="well" id="left">
      <ul class="list-group list-unstyled">
        {% for collection in data.hierarchy %}
          {% if collection.collection_id|string == data.collection_id|string %}
            <li>
              <label class="tree-toggler nav-header"
                     title="file path: {{collection.path}}">{{collection.name}}</label>
              <ul class="list-group tree">
          {% else %}
            <li>
              <label class="tree-toggler nav-header"
                     title="flie path: {{collection.path}}">{{collection.name}}</label>
              <ul class="list-group  tree collapse" >
          {% endif %}
          <li class="overview">
            <a href='{{collection.url}}'><i>Overview</i></a>
          </li>
          {% for kw in collection.keywords %}
            <li class="keyword">
              <a href='{{kw.url}}'>{{kw.name}}</a>
            </li>
          {% endfor %}
          </ul>
        </li>
        {% endfor %}
      </ul>
    </div>

    <div class="well" id="right">
      {% block content %}{% endblock %}
    </div>

    <div class='footer' id='footer'>
      <span id='version'>rfhub version {{data.version}}</span>
    </div>
{% endblock %}
