{% extends 'base.html' %}
{% comment %}
#
# This file is part of FreedomBox.
#
# This program is free software: you can redistribute it and/or modify
# it under the terms of the GNU Affero General Public License as
# published by the Free Software Foundation, either version 3 of the
# License, or (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
# GNU Affero General Public License for more details.
#
# You should have received a copy of the GNU Affero General Public License
# along with this program.  If not, see <http://www.gnu.org/licenses/>.
#
{% endcomment %}

{% load i18n %}
{% load static %}

{% block container %}
  <div class="container">
    <div class="row">
      <div class="col-md-8 col-md-offset-2">
        {% include 'messages.html' %}
      </div>
    </div>
  </div>

  <div class="container-fluid">
    <div class="row">
      <div class="card-list">

        {% for item in submenu.sorted_items %}
          <div class="card thumbnail">
            <a href="{{ item.url }}" class="nav-link">
              <div class="card-icon">
                {% if 'glyphicon-' in item.icon %}
                  <span class="{{ item.icon }} glyphicon"></span>
                {% else %}
                  <img src="{% static 'theme/icons/' %}{{ item.icon }}.png"/>
                {% endif %}
              </div>
              <div class="card-title">{{ item.name }}</div>
              <div class="card-description">{{ item.short_description}}</div>
            </a>
          </div>
        {% endfor %}

      </div>
    </div>
  </div>

  <div id="container-wrapper" class="container">
    <div class="row">
      <div class="col-md-8 col-md-offset-2">
        {% block content %}
        {# main content goes here #}
        {% endblock %}
      </div>
    </div>
  </div>

{% endblock %}
