{% extends "site.html" %}
{% load staticfiles %}

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

{% block head %}
    <link rel="stylesheet" href="{% static "qmsk.pages/pages.css" %}">
{% endblock %}

{% block header %}
    <h1 class="page-header-title">
        <a href="{% url 'page' '' %}">{{ site_name }}</a>
    </h1>
{% endblock %}

{% block breadcrumb %}
    <ol class="breadcrumb">
    {% for page, title in page_breadcrumb %}
        <li><a href="{% url 'page' page %}">{{ title }}</a></li>
    {% endfor %}
    </ol>
{% endblock %}

{% block nav %}
{% for tree, tree_name in page_hierarchy %}
    {% if not forloop.first %}
    <hr />
    {% endif %}
    <ul class="nav">
    {% for name, page, type, title in tree.list_sorted %}
        <li class="page-tree-item{% if type %} page-tree-{{type}}{% else %} page-tree-tree{% endif %}{% if name == tree_name %} page-tree-active{% endif %}">
            <a href="{% url 'page' page %}">
            {% if not type %}
                <i class="glyphicon glyphicon-chevron-right"></i>
            {% endif %}
                {{ title }}
            </a>
        </li>
    {% endfor %}
    </ul>
{% endfor %}
{% endblock %}

{% block content %}
    <div id="page">
        <h1>{{ page_title }}</h1>
    
        {{ page_html|safe }}
    </div>
{% endblock %}

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