{% load i18n corpus_extras %}
{% spaceless %}
    <li class="search-result">
        {# result number #}
        <span class="counter">
            {% with page_obj.start_index|default:1 as start_adjust %}
                {{ forloop.counter0|add:start_adjust }}
            {% endwith %}
        </span>
        <section class="{% if document.iiif_images %}has-image{% endif %}">
            {# title #}
            <h2 class="title">
                {# type and shelfmark #}
                <span class="doctype">{{ document.type }}</span>
                <span class="shelfmark">{{ document.shelfmark|shelfmark_wrap }}</span>
            </h2>

            {# metadata #}
            <dl class="metadata-list">
                {% if document.document_date %}
                    <dt>
                        {% translate "Document Date" %}
                    </dt>
                    <dd>
                        <time>
                            {{ document.document_date.0 }} {# indexed as _t which is a multival field #}
                        </time>
                    </dd>
                {% endif %}
                {# Translators: Date document was first added to the PGP #}
                <dt>{% translate "In PGP since" %}
                    <dd>{{ document.input_year|default:'unknown' }}</dd>
                    {# NOTE: Intentionally left untranslated #}
                    <dt>PGP ID</dt>
                    <dd>{{ document.pgpid }}</dd>
                </dl>

                {# description #}
                {# TODO: Adjust lang attribute logic for non-English descriptions #}
                <p class="description" lang="en">
                    {# display keywords in context if any #}
                    {% with document_highlights=highlighting|dict_item:document.id %}
                        {% if document_highlights.description %}
                            {% for snippet in document_highlights.description %}
                                {{ snippet|safe }}
                            {% endfor %}
                        {% else %}
                            {# otherwise, display truncated description #}
                            {{ document.description|truncatewords:25 }}
                        {% endif %}
                    {% endwith %}
                </p>

                {# transcription: keywords in context if any, or excerpt #}
                {% with document_highlights=highlighting|dict_item:document.id lang=document.language_code lang_script=document.language_script %}
                    <!-- indicate language when possible, or at least change of language (if unknown) for screen readers -->
                    {% if document_highlights.transcription or document.transcription %}
                        <div class="transcription" dir="rtl" lang="{{ lang }}" {% if lang_script %}data-lang-script="{{ lang_script|lower }}"{% endif %}>

                            {% if document_highlights.transcription %}
                                {% for snippet in document_highlights.transcription %}{{ snippet.strip|safe }}{% endfor %}
                            {% elif document.transcription %}
                                {# otherwise, display truncated transcription #}
                                {# NOTE: might be nice to display N lines instead of using truncatechars #}
                                {{ document.transcription.0|safe|truncatechars_html:150 }}
                            {% endif %}
                        </div>
                    {% endif %}
                {% endwith %}

                {# scholarship records #}
                <p class="scholarship">
                    {% if document.scholarship_count %}
                        {% if document.num_editions %}
                            <span>
                                {% comment %}Translators: number of editions for this document{% endcomment %}
                                {% blocktranslate count counter=document.num_editions trimmed %}
                                    1 Transcription
                                {% plural %}
                                    {{ counter }} Transcriptions
                                {% endblocktranslate %}
                            </span>
                        {% endif %}
                        {% if document.num_translations %}
                            <span>
                                {% comment %}Translators: number of translations for this document{% endcomment %}
                                {% blocktranslate count counter=document.num_translations trimmed %}
                                    1 Translation
                                {% plural %}
                                    {{ counter }} Translations
                                {% endblocktranslate %}
                            </span>
                        {% endif %}
                        {% if document.num_discussions %}
                            <span>
                                {% comment %}Translators: number of sources that discuss this document{% endcomment %}
                                {% blocktranslate count counter=document.num_discussions trimmed %}
                                    1 Discussion
                                {% plural %}
                                    {{ counter }} Discussions
                                {% endblocktranslate %}
                            </span>
                        {% endif %}
                    {% else %}
                        {% translate 'No Scholarship Records' %}
                    {% endif %}
                </p>

                {# tags #}
                {% if document.tags %}
                    {# Translators: label for tags on a document #}
                    <h3 class="sr-only">{% translate 'Tags' %}</h3>
                    <ul class="tags">
                        {% spaceless %}
                            {% for tag in document.tags|alphabetize|slice:":5" %}
                                <li><a href='{% url "corpus:document-search" %}?q=tag:"{{ tag }}"'>{{ tag }}</a></li>
                            {% endfor %}
                            {% if document.tags|length > 5 %}
                                <li class="more">(+ {{ document.tags|length|add:"-5" }} {% translate 'more' %})</li>
                            {% endif %}
                        {% endspaceless %}
                    </ul>
                {% endif %}
            </section>

            {% if document.iiif_images %}
                <ul class="images">
                    {# list of tuples of (IIIF image, label) #}
                    {% for image in document.iiif_images|slice:":3" %}
                        <li class="image-{{ forloop.counter }}">
                            <img src="{{ image.0|iiif_image:"size:width=250" }}" loading="lazy" alt="{{ image.1 }}">
                        </li>
                    {% endfor %}
                </ul>
            {% endif %}
            {# view link #}
            <a class="view-link" href="{% url 'corpus:document' document.pgpid %}" data-turbo-frame="main">
                <span>{% translate 'View document details' %}</span>
            </a>
        </li>
{% endspaceless %}