{% extends "layouts/default.html" %}
{% block title %}View page.{% 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 edit '{{db-data.title}}'"
           href="/edit/page/{{db-data.slug}}">
            <img alt="Edit Page"
	         src="/images/icons/edit-entry.png">
            Edit Page
        </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">
        {{data | safe}}
    </div>
</article>

<script>
 let server = "{{system-data.first.search-url}}";
 console.log ("SEARCH URL: " + server);
</script>
<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 %}