{% extends "site.html" %}

{% block title %}{{ site_name }} :: {{ page_title }}{% endblock %}

{% block content %}
    <div class="container">
        <div id="header">
            <h1 class="page-header-title">
                {{ site_name }}
            </h1>
        </div>
        <div id="breadcrumb">
            <ol class="breadcrumb">
                {% for page, title in page_breadcrumb %}
                <li><a href="{% url 'page' page %}">{{ title }}</a></li>
                {% endfor %}
            </ol>
        </div>
        <div class="row">
            <div class="col-sm-2" id="nav">
                {% for tree in tree_hierarchy %}
                <ul class="nav">
                    <li><a href="{% url 'page' tree.url %}">{{ tree.title }}</a></li>
                </ul>
                <hr />
                {% endfor %}
                <ul class="nav">
                    {% for page, name, type in tree_list %}
                    <li class="page-tree-item{% if name == page_name %} page-tree-active{% endif %}{% if type %} page-tree-{{type}}{% else %} page-tree-tree{% endif %}">
                        <a href="{% url 'page' page %}">{{ name }}</a>
                    </li>
                    {% endfor %}
                </ul>
            </div>
            <div class="col-sm-8" id="content">
                <!-- <h1>{{ page_title }}</h1> -->

                {{ page_html|safe }}
            </div>
        </div>
        <div id="footer">
            <p class="page-footer-modified">
                Page modified <span title="{{ page_modified|date:'DATETIME_FORMAT' }}">{{ page_modified|date }}</span>
            </p>
        </div>
    </div>
{% endblock %}