{% load catalogue_tags %}{# A book in a listing. Context: book, purchase (PurchaseInfo or None). #}
{% with url=book.get_absolute_url cover=book.cover_image %}
<article class="bk-book-card bk-book-card--{{ book.format }}">
  <a class="bk-book-card__cover" href="{{ url }}" tabindex="-1" aria-hidden="true">
    {% if cover %}<img src="{{ cover.get_absolute_url }}" alt="" loading="lazy">{% else %}<span class="bk-book-card__placeholder">{{ book.title }}</span>{% endif %}
  </a>
  <div class="bk-book-card__body">
    {% if book.format != 'book' or book.language != 'en' %}<p class="bk-book-card__meta">{% if book.format != 'book' %}{{ book.get_format_display }}{% endif %}{% if book.format != 'book' and book.language != 'en' %} &middot; {% endif %}{% if book.language != 'en' %}{{ book.language|native_language_name }}{% endif %}</p>{% endif %}
    <h3 class="bk-book-card__title"><a href="{{ url }}">{{ book.title }}</a></h3>
    {% if book.subtitle %}<p class="bk-book-card__subtitle">{{ book.subtitle }}</p>{% endif %}
    {% catalogue_author as main_author %}{% if book.author and book.author != main_author %}<p class="bk-book-card__author">{{ book.author }}</p>{% endif %}
    {% if book.short_description %}<p class="bk-book-card__text">{{ book.short_description }}</p>{% endif %}
    <p class="bk-book-card__footer">
      {% if purchase.best_offer.formatted_price %}<span class="bk-book-card__price">{{ purchase.best_offer.formatted_price }}</span>{% elif purchase and purchase.formatted_price %}<span class="bk-book-card__price">{{ purchase.formatted_price }}</span>{% endif %}
      <a class="bk-book-card__more" href="{{ url }}">More<span class="bk-catalogue-sr"> about {{ book.title }}</span> &rarr;</a>
    </p>
  </div>
</article>
{% endwith %}