{% extends "site.html" %}

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

{% block content %}
    <div class="container">
        <div class="page-header">
            <h1 class="page-title">
                {{ site_name }}
            </h1>
        </div>
        <div class="page-breadcrumb">
            <ol class="breadcrumb">
                {% for page, name in page_breadcrumb %}
                <li><a href="{% url 'page' page %}">{{ name }}</a></li>
                {% endfor %}
            </ol>
        </div>
        <div class="row">
            <div class="col-sm-2 page-tree">
                {% for page, name in tree_breadcrumb %}
                <ul class="nav">
                    <li><a href="{% url 'page' page %}">{{ name }}</a></li>
                </ul>
                <hr />
                {% endfor %}
                <ul class="nav">
                    {% for page, name, type in page_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 page-content">
                <!-- <h1>{{ page_name }}</h1> -->

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