<!doctype html>
<html class="no-js" lang="en">

{% load static %}

<head>
  <title>{% block title %}Annalist linked data notebook{% endblock %}</title>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="{% static 'foundation/css/foundation_reduced.css' %}" />
  <link rel="stylesheet" href="{% static 'css/annalist.css' %}" />
  {% if entity_data_ref %}
  <link rel="alternate" href="{{entity_data_ref}}" type="application/ld+json" />
  {% endif %}
  <script src="{% static 'foundation/js/vendor/modernizr.js' %}"></script>
</head>

<body>
  <h2 class="page-heading">{% block heading %}Annalist linked data notebook{% endblock %}</h2>

  {% block topmenu %}
  <nav class="top-bar" data-topbar>
    <ul class="title-area">
    <li class="name">
      <h1>
        <a href="{% url 'AnnalistSiteView' %}">Home</a>
      </h1>
    </li>
    <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
    </ul>
    <section class="top-bar-section">
    <!-- Left Nav Section -->
    <ul class="left">
      {% if coll_id %}
        <li><a href="{% url 'AnnalistCollectionView' coll_id=coll_id %}">{{coll_id}}</a></li>

        {% if url_type_id %}
        <li><a href="{% url 'AnnalistEntityDefaultListType' coll_id=coll_id type_id=url_type_id %}">{{url_type_id}}</a></li>
        {% elif type_id %}
        <li><a href="{% url 'AnnalistEntityDefaultListType' coll_id=coll_id type_id=type_id %}">[{{type_id}}]</a></li>
        {% endif %}

        {% if url_list_id %}
        <li>
        {% if url_type_id %}
          <a href="{% url 'AnnalistEntityGenericList' coll_id=coll_id list_id=url_list_id type_id=url_type_id %}">{{url_list_id}}</a>
        {% else %}
          <a href="{% url 'AnnalistEntityGenericList' coll_id=coll_id list_id=url_list_id %}">{{url_list_id}}</a>
        {% endif %}
        </li>
        {% elif list_id %}
        <li>
        {% if url_type_id %}
          <a href="{% url 'AnnalistEntityGenericList' coll_id=coll_id list_id=list_id type_id=url_type_id %}">[{{list_id}}]</a>
        {% else %}
          <a href="{% url 'AnnalistEntityGenericList' coll_id=coll_id list_id=list_id %}">[{{list_id}}]</a>
        {% endif %}
        </li>
        {% endif %}
      {% endif %}
      <!-- <li><a href="#">Left Nav Button</a></li> -->
    </ul>
    <!-- Right Nav Section -->
    <ul class="right">
      {% if not suppress_user %}
        {% if user.is_authenticated %}
          <li class="active">
            <a href="{% url 'AnnalistProfileView' %}{{ continuation_param }}">
              User {{ user.username }}
            </a>
          </li>
          <li class="active">
            <a href="{% url 'LogoutUserView' %}{{ continuation_param }}">
              Logout
            </a>
          </li>
        {% else %}
          <li class="active">
            <a href="{% url 'AnnalistProfileView' %}{{ continuation_param }}">
              Login
            </a>
          </li>
        {% endif %}
      {% endif %}
    </ul>
    </section>
  </nav>
  {% endblock %}

  {% if info_message %}
  <div data-alert class="alert-box radius">
    <h3>{{info_head}}</h3>
    <p>{{info_message}}</p>
    <a href="#" class="close">&times;</a>
  </div>
  {% endif %}

  {% if done_message %}
  <div data-alert class="alert-box success radius">
    <h3>{{done_head}}</h3>
    <p>{{done_message}}</p>
    <a href="#" class="close">&times;</a>
  </div>
  {% endif %}

  {% if error_message %}
  <div data-alert class="alert-box warning radius">
    <h3>{{error_head}}</h3>
    <p>
      <p>{{error_message}}</p>
      <a href="#" class="close">&times;</a>
    </p>
  </div>
  {% endif %}

  {% block content %}
  <!--
  <div class="content-head">
    Content heading
  </div>
  <div class="content-body">
    Placeholder for content to be provided by selected view
  </div>
  -->
  {% endblock %}

  {% if help_text %}
  <div class="help row">
    <div class="small-12 columns">
      {{ help_text|safe }}
    </div>
  </div>
  {% endif %}

  <div class="footer-bar">
    <div class="row">
      <div class="medium-6 medium-push-6 columns">
        <ul class="links">
          <li>
            <a href="/annalist/site/?info_head=About&amp;info_message=About%20page%20TBD">About</a>
          </li><!--
        <li><a href="/annalist/blog">Blog</a></li>
        <li><a href="/annalist/news">News<span class="show-for-medium-up"> &amp; Events</span></a></li>
        -->
          <li>
            <a href="/annalist/site/?info_head=Contact&amp;info_message=Contact%20page%20TBD">Contact</a>
          </li>
          <li>
            <a href="/annalist/site/?info_head=Sitemap&amp;info_message=About%20page%20TBD">Sitemap</a>
          </li>
          <li>
            <a href="/admin/">Admin</a>
          </li>
        </ul>
      </div>
      <div class="medium-6 medium-pull-6 columns">
        <p class="copyright">
        {% block footer %}
          <a href="/annalist/" class="logo regular"><img src="{% static 'images/annalist_45_39_px.png' %}" alt="logo"></a>
          Powered&nbsp;by&nbsp;<a href="https://github.com/gklyne/annalist">Annalist
          {% if annalist_version %}
            (V{{ annalist_version }})
          {% endif %}
          </a>
        {% endblock %}
        </p>
      </div>
    </div>
  </div>

  <script src="{% static 'foundation/js/vendor/jquery.js' %}"></script>
  <!--  <script src="{% static 'foundation/js/foundation.min.js' %}"></script> -->
  <script src="{% static 'foundation/js/foundation/foundation.js' %}"></script>
  <script src="{% static 'foundation/js/foundation/foundation.dropdown.js' %}"></script>
  <script src="{% static 'foundation/js/foundation/foundation.topbar.js' %}"></script>
  <script src="{% static 'foundation/js/foundation/foundation.alert.js' %}"></script>
  <script src="{% static 'js/annalist.js' %}"></script>
  <script>
    $(document).foundation();
    annalist.resize_handler({});
  </script>

</body>
  
<!--
  Host: {{HOST}}
  Site: {{SITE}}
  Coll: {{COLL}}
  Base: {{BASE}}
-->

</html>
