{% extends "layouts/default.html" %}
{% block title %}{{db-data.title}}{% endblock %}
{% block content %}

{% if roles.logged-in %}
<div class="be-main">
    <div class="be-quicklist">
        <a class="be-gui-link"
           title="Click to view your Dashboard"
           href="/dashboard">
            <img alt="Dashboard"
	         src="/images/icons/dashboard.png">
            View Dashboard
        </a>
        <a class="be-gui-link"
           title="Click to view '{{db-data.title}}'"
           href="/view/archive/{{db-data.slug}}">
            <img alt="New Archive Entry"
	         src="/images/icons/view-entry.png">
            View Entry
        </a>
        <a class="be-gui-link"
           title="Click to add a new archive entry"
           href="/create/archive-entry">
            <img alt="New Archive Entry"
	         src="/images/icons/add-circle.png">
            Create Entry
        </a>
        <a class="be-gui-link"
           title="Click to view all archive entries stored on the system"
           href="/user/archive">
            <img alt="Archive Index"
	         src="/images/icons/index.png">
            Archive Index
        </a>
        <a class="be-gui-link"
           title="Click to view files in Storage"
           href="/storage/manage">
            <img alt="Storage Index"
	         src="/images/icons/index.png">
            Storage Index
        </a>
        <a class="be-gui-link"
           title="Click to view your Pages Index"
           href="/user/pages">
            <img alt="Pages Index"
	         src="/images/icons/index.png">
            Pages Index
        </a>
    </div>
</div>
{% endif %}

<div class="fe-search-container">
    <div id="searchbox"></div>
    <div id="hits"></div>
</div>

<article class="fe-article">
    <div class="fe-article-body">
        <h1>{{db-data.title}}</h1>
        <p class="fe-hint">
            Published: {{db-data.month}} {{db-data.year}}
        </p>
        <p class="fe-hint">Keywords: {{ db-data.keywords | replace:, | with:" • " }}</p>
        {{data | safe}}
    

    <div class="fe-article-nav">
        {% if older-entries %}
        <h2>Previous</h2>
        <ul>
            {% for item in older-entries %}
            <li>
                <a href="/view/archive/{{item.slug}}">
                    {{item.title}}
                </a>
                <p class="fe-hint">
                    {{item.month}}{{item.year}}
                </p>
            </li>
            {% endfor %}
        </ul>
        {% endif %}

        {% if newer-entries %}
        <h2>Next</h2>
        <ul>
            {% for item in newer-entries %}
            <li>
                <a href="/view/archive/{{item.slug}}">
                    {{item.title}}
                </a>
                <p class="fe-hint">
                    {{item.month}}{{item.year}}
                </p>
            </li>
            {% endfor %}
        </ul>
        {% endif %}
    </div>
    </div>
</article>

<script src="/js/instant-meilisearch-0.8.0.js"></script>
<script src="/js/instantsearch-4.43.1.js"></script>
<script src="/js/quick-search.js"></script>
<link rel="stylesheet" href="/css/search.css" type="text/css" media="screen" />
{% endblock %}