{% extends "base.html" %}
{% load catalogue_tags %}
{% block title %}{{ book.title }}{% if book.subtitle %}: {{ book.subtitle }}{% endif %} | {% catalogue_name as name %}{{ site_name|default:name }}{% endblock %}
{% block meta %}{% if book.short_description %}<meta name="description" content="{{ book.short_description }}">{% endif %}{% endblock %}
{% block body_class %} bk-catalogue-page bk-book-page{% endblock %}
{% block content %}
{% with cover=book.cover_image %}
<article class="bk-book" lang="{{ book.language }}">
  <nav class="bk-book__breadcrumb" aria-label="Breadcrumb"><a href="{% url 'catalogue:book_list' %}">Books</a> <span aria-hidden="true">&rsaquo;</span> <span>{{ book.title }}</span></nav>

  <div class="bk-book__layout">
    <div class="bk-book__media">
      {% if cover %}
      <a class="bk-book__cover" href="{{ cover.get_absolute_url }}"><img src="{{ cover.get_absolute_url }}" alt="Cover of {{ book.title }}"></a>
      {% endif %}
      {% if images %}
      <ul class="bk-book__gallery">
        {% for row in images %}{% if row.image.name != cover.name %}
        <li><a href="{{ row.image.get_absolute_url }}"><img src="{{ row.image.get_absolute_url }}" alt="{{ row.caption|default:book.title }}" loading="lazy"></a>{% if row.caption %}<span>{{ row.caption }}</span>{% endif %}</li>
        {% endif %}{% endfor %}
      </ul>
      {% endif %}
    </div>

    <div class="bk-book__main">
      <p class="bk-book__meta">{{ book.get_format_display }} &middot; {{ book.language|language_name }}</p>
      <h1 class="bk-book__title">{{ book.title }}</h1>
      {% if book.subtitle %}<p class="bk-book__subtitle">{{ book.subtitle }}</p>{% endif %}
      {% if book.author %}<p class="bk-book__author">{% if book.format == 'music' %}{{ book.author }}{% else %}by {{ book.author }}{% endif %}</p>{% endif %}

      {% include "catalogue/includes/purchase_box.html" with book=book purchase=purchase country=country %}

      <div class="bk-book__description">
        {% if purchase.description %}{{ purchase.description|rich }}{% elif book.description %}{{ book.description|rich }}{% else %}<p>{{ book.short_description }}</p>{% endif %}
      </div>

      <section class="bk-book__details">
        <h2 class="bk-book__heading">Details</h2>
        <dl class="bk-book__facts">
          {% if book.isbn %}<dt>ISBN</dt><dd>{{ book.isbn }}</dd>{% endif %}
          {% if book.publisher %}<dt>Publisher</dt><dd>{{ book.publisher }}</dd>{% endif %}
          {% if book.year %}<dt>Year</dt><dd>{{ book.year }}</dd>{% endif %}
          {% if book.pages %}<dt>Pages</dt><dd>{{ book.pages }}</dd>{% endif %}
          <dt>Format</dt><dd>{{ book.get_format_display }}</dd>
          <dt>Language</dt><dd>{{ book.language|language_name }}</dd>
          {% if book.external_url %}<dt>Website</dt><dd><a href="{{ book.external_url }}" target="_blank" rel="noopener">{{ book.external_url|link_host }}</a></dd>{% endif %}
        </dl>
      </section>
    </div>
  </div>

  {% if editions %}
  <section class="bk-book__editions">
    <h2 class="bk-book__heading">Other editions and translations</h2>
    <div class="bk-catalogue-grid">
      {% for edition in editions %}{% include "catalogue/includes/book_card.html" with book=edition purchase=None %}{% endfor %}
    </div>
  </section>
  {% endif %}
</article>
{% endwith %}
{% endblock %}