{% extends "base.html" %}
{% block title %}{{ document.title }} · {{ portal_name }}{% endblock %}
{% block content %}
<p class="crumb">
  <a href="{% url 'documents:library' %}">&larr; All documents</a>
  {% if document.collection %} &middot; <span class="muted">{{ document.collection.title }}</span>{% endif %}
</p>

<div class="detail-head">
  <span class="ftype {{ document.file_kind }}">{{ document.file_kind }}</span>
  <div>
    <h1>{{ document.title }}</h1>
    <p class="doc-meta">
      {% if document.category %}<span class="tag">{{ document.category.name }}</span>{% endif %}
      {% for tag in document.tags.all %}<span class="tag">{{ tag.name }}</span>{% endfor %}
      {% if show_document_dates and document.published_date %}<span>{{ document.published_date|date:"j F Y" }}</span>{% endif %}
      {% if not document.published %}<span class="pill bad">Draft &mdash; staff only</span>{% endif %}
    </p>
  </div>
</div>

{% if document.summary %}<p class="lede">{{ document.summary }}</p>{% endif %}

<div class="doc-actions" style="justify-content:flex-start;margin-top:20px">
  <a class="btn" href="{% url 'documents:download' document.pk %}">
    <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12"/><path d="m7 11 5 5 5-5"/><path d="M4 20h16"/></svg>
    Download
  </a>
</div>

{% if document.file_kind == 'pdf' %}
  <iframe class="preview-frame" src="{% url 'documents:download' document.pk %}?preview=1"
          title="Preview of {{ document.title }}"></iframe>
{% endif %}

{% if document.collection and document.collection.documents.count > 1 %}
  <h2 class="sub-head">Also in {{ document.collection.title }}</h2>
  <ul class="doc-list">
    {% for sibling in document.collection.documents.all %}
      {% if sibling.pk != document.pk and sibling.published %}
        {% include "documents/_row.html" with document=sibling %}
      {% endif %}
    {% endfor %}
  </ul>
{% endif %}
{% endblock %}