{% extends '../layouts/default.html' %}
{% block sidebar %}

<!-- Sidebar -->
    <aside class="col-sm-3 sidebar sidebar-line">
      <ul class="nav sidenav dropable sticky">
        {% for sectionGrup in sectionGrups %}
          <li><a href="#{{sectionGrup.title}}">{{sectionGrup.sectionGrup}}</a>
          {% for section in sections %}
            {% if loop.first %}<ul>{% endif %}
            {% if (section.sectionGrup == sectionGrup.sectionGrup) %}
              
              {% for item in section.items %}
                <li><a href="#{{section.tag}}">{{ item.title }}</a></li>
              {% endfor %}
              
            {% endif %}
            {% if loop.last %}</ul>{% endif %}
          {% endfor %}
          </li>
        {% endfor %}
      </ul>
    </aside>
    <!-- END Sidebar -->
{% endblock %}


{% block main %}

  
{% endblock %}

        
{% block content %}
<div class="container col-md-12">
  {% for sectionGrup in sectionGrups %}
          {% if loop.first %}<section>{% endif %}
            <h2 id="{{sectionGrup.title}}">{{sectionGrup.sectionGrup}}</a>
            {% for section in sections %}
              {% if (section.sectionGrup == sectionGrup.sectionGrup) %}
                {% for item in section.items %}
                 <h3 id="{{section.tag}}">{{ item.title }}</h3>
                 {% autoescape false %}
                 <p>{{item.subtitle}}</p>
                 {% if item.code != '' %}
                    <pre class="line-numbers"><code class="language-markup">
                   {{item.code}}
                    </code></pre>
                  {% endif %}
                 {% endautoescape %}
                {% endfor %}
              {% endif %}
            {% endfor %}
            
          {% if loop.last %}</section>{% endif %}
        {% endfor %}
</div>
{% endblock %}
