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

{% block main %}
  <div class="container pb-sm-40">
  <h1>{{ title }}</h1>
</div>
  
{% endblock %}

{% block content %}


  {% if (sections.length) %}
  <div class="container pb-sm-40">
      <div class="section-title">
      {% for sectionGrup in sectionGrups %}
         <a  style="font-family: Times New Roman; font-size: 20px; font-weight: bold;" href="{{ '/sections/' + sectionGrup._id + '/liste' }}" title="edit" > {{loop.key +1}} - <span class="text-theme-colored2">{{ sectionGrup.sectionGrup }}</span>
        <br>
         </a>
  {% endfor %}
  </div>
          </div>
    {% if (pages > 1) %}
      <ul class="pagination">
        {% autoescape false %}
          {{ createPagination(pages, page) }}
        {% endautoescape %}
      </ul>
    {% endif %}
  {% else %}
    <h4 class="muted">
      No articles.&nbsp;
      <a href="/sections/new">create one</a>
    </h4>
  {% endif %}
    
{% endblock %}