{% load account_tags %}
<style>
    .work-results {
        counter-reset: results {{ page_obj.start_index|add:'-1' }};
    }
</style>
<ol class="work-results" start="{{ page_obj.start_index|add:'-1' }}">
    {% for work in works %}
    <li class="books result{% if work.is_uncertain %} uncertain{% endif %}">
        <a href="{% url 'books:book-detail' slug=work.slug %}" aria-label="{{ work.title.0 }}">
            <div class="container">
                {# counter for search results #}
                <span class="counter"></span>
                {# indicator for SRs if work details are uncertain (icon) #}
                {% if work.is_uncertain %}
                <span class="sr-only">{{ uncertainty_message }}</span>
                {% endif %}
                {# book details #}
                <dl class="book">
                    <div class="primary">
                        {# title #}
                        <dt class="title">Title</dt>
                        <dd class="title">{{ work.title.0 }}</dt>
                        {# authors (first three) #}
                        {% if work.sort_authors %}
                        <dt class="author">Author</dt>
                        {% for author in work.sort_authors %}
                            {% if forloop.counter <= 3 %}
                            <dd class="author">{{ author }}</dd>
                            {% endif %}
                        {% endfor %}
                        {% if work.sort_authors|length > 3 %}
                        {% with extra_authors=work.sort_authors|length|add:"-3" %}
                        <dd class="author">...{{ extra_authors }} more author{{ extra_authors|pluralize }}</dd>
                        {% endwith %}
                        {% endif %}
                        {% endif %}
                        {# publication date #}
                        {% if work.pub_date %}
                        <dt class="pubdate">Publication Date</dt>
                        <dd class="pubdate">{{ work.pub_date }}</dd>
                        {% endif %}
                        {# format #}
                        {% if work.format %}
                        <dt class="format">Format</dt>
                        <dd class="format">{{ work.format }}</dd>
                        {% endif %}
                    </div>
                    <div class="secondary">
                        <dt class="circ">Circulation</dt>
                        <dd class="circ">{{ work.event_count }} event{{ work.event_count|pluralize }}</dd>
                        <dd class="circ">{{ work.event_years|as_ranges|default:'-' }}</dd>

                        {# search result relevance (if user is logged in) #}
                        {% if user.is_authenticated and work.score %}
                        <dt class="relevance">Relevance</dt>
                        <dd class="relevance">
                            <span class="score">{{ work.score|floatformat }}</span>
                            <progress max="300" value="{{ work.score }}">
                                {{ work.score }}
                            </progress>
                        </dd>
                        {% endif %}
                    </div>
                </dl>
                {# link to view detail page #}
                <span class="see-more">
                    See more details
                </span>
            </div>
        </a>
    </li>
    {% endfor %}
</ol>
{% if not works %}
{% include 'common/empty_results.html' %}
{% endif %}