{% extends 'base.html' %}
{% load static i18n render_bundle_csp corpus_extras fullurl %}

{% block meta_title %}{{ page_title }}{% endblock meta_title %}
{% block meta_description %}{{ page_description }}{% endblock meta_description %}
{% block extrameta %}
    <link rel="canonical" href="{{ document.permalink }}" />
    {% spaceless %}
        {% for lang_code in PUBLIC_SITE_LANGUAGES %}
            {% language lang_code %}
                <link rel="alternate" hreflang="{{ lang_code }}" href="{% fullurl "corpus:document" document.pk %}" />
            {% endlanguage %}
        {% endfor %}
    {% endspaceless %}
    {# digital editions metadata for twitter, slack #}
    {% if document.digital_editions %}
        <meta name="twitter:label1" value="{% blocktranslate count counter=document.editors.count trimmed %}Editor{% plural %}Editors{% endblocktranslate %}">
        <meta name="twitter:data1" value="{% for ed in document.digital_editions %}{% ifchanged %}{{ ed.display|escape }}{% if not forloop.last %} {% endif %}{% endifchanged %}{% endfor %}">
    {% endif %}

    {# preview card images for twitter and open graph #}
    <meta name="twitter:card" content="summary{% if document.has_image %}_large_image{% endif %}" />
    {% if meta_image %}
        {% with meta_image|iiif_image:"size:width=1080" as image %}
            <meta property="og:image" content="{{ image }}" />
            <meta name="twitter:image" content="{{ image }}" />
        {% endwith %}
    {% endif %}
{% endblock extrameta %}

{% block main %}
    <!-- document details -->
    <h1 class="sr-only">{{ page_title }}</h1>
    {% include "corpus/snippets/document_header.html" %}
    {# tabs #}
    {% include "corpus/snippets/document_tabs.html" %}
    <div class="container">
        <section class="metadata">
            <h2 class="sr-only">
                {# Translators: label for document metadata section (editor, date, input date) #}
                {% translate 'Metadata' %}
            </h2>
            {# metadata #}
            <dl class="metadata-list primary">
                <dt>{% translate 'Shelfmark' %}</dt>
                <dd class="shelfmark">{{ document.shelfmark|shelfmark_wrap }}</dd>
                {% if document.digital_editions %}
                    <dt>
                        {# Translators: Editor label #}
                        {% blocktranslate count counter=document.editors.count trimmed %}
                            Editor
                        {% plural %}
                            Editors
                        {% endblocktranslate %}
                    </dt>
                    {% for ed in document.digital_editions %}
                        {# ifchanged to avoid showing duplicate editions #}
                        {% ifchanged %}
                            <dd>{{ ed.display|safe }}</dd>
                        {% endifchanged %}
                    {% endfor %}
                {% endif %}
            </dl>
            {# secondary metadata #}
            <dl class="metadata-list secondary">
                {% if document.document_date %}
                    <dt>
                        {# Translators: label for date of this document, if known #}
                        {% translate "Document Date" %}
                    </dt>
                    <dd>
                        <time{% if document.doc_date_standard %} datetime="{{ document.doc_date_standard }}"{% endif %}>
                            {{ document.document_date }}
                        </time>
                    </dd>
                {% endif %}
                {% if document.languages.exists %}
                    <dt>
                        {# Translators: Primary language label #}
                        {% blocktranslate count counter=document.languages.count trimmed %}
                            Primary Language
                        {% plural %}
                            Primary Languages
                        {% endblocktranslate %}
                    </dt>
                    {% for lang in document.languages.all %}
                        <dd>{{ lang }}</dd>
                    {% endfor %}
                {% endif %}
                {% if document.secondary_languages.exists %}
                    <dt>
                        {# Translators: Secondary language label #}
                        {% blocktranslate count counter=document.secondary_languages.count trimmed %}
                            Secondary Language
                        {% plural %}
                            Secondary Languages
                        {% endblocktranslate %}
                    </dt>
                    {% for lang in document.secondary_languages.all %}
                        <dd>{{ lang }}</dd>
                    {% endfor %}
                {% endif %}
            </dl>
        </section>

        {% if document.tags.exists %}
            <section>
                {# Translators: label for tags on a document #}
                <h2 class="sr-only">{% translate 'Tags' %}</h2>
                <ul class="tags">
                    {% spaceless %}
                        {% for tag in document.alphabetized_tags %}
                            <li><a href='{% url "corpus:document-search" %}?q=tag:"{{ tag }}"' rel="tag">{{ tag }}</a></li>
                        {% endfor %}
                    {% endspaceless %}
                </ul>
            </section>
        {% endif %}

        <section class="input-date">
            {# Translators: Label for date document was first added to the PGP #}
            <h2 class="sr-only">{% translate 'Input date' %}</h2>
            {# Translators: Date document was first added to the PGP #}
            {% blocktranslate with date=document.log_entries.last.action_time.year %}
                In PGP since {{ date }}
            {% endblocktranslate %}
        </section>

        <section class="description">
            <h2>
                {# Translators: label for document description #}
                {% translate 'Description' %}
            </h2>
            <p>{{ document.description|pgp_urlize }}</p>
        </section>
    </div>

    {# viewer #}
    {% include "corpus/snippets/document_transcription.html" %}

    {# tertiary metadata #}
    <dl class="metadata-list tertiary">
        <dt id="permalink">
            <svg role="presentation"><use xlink:href="{% static 'img/ui/all/all/permalink-icon.svg' %}#permalink-icon" /></svg>
            {# Translators: label for permanent link to a document #}
            {% translate 'Permalink' %}
        </dt>
        <dd>
            <a href="{{ document.permalink }}" rel="bookmark">
                {{ document.permalink }}
            </a>
        </dd>
    </dl>
{% endblock main %}