{% extends "base.html" %}
{% load catalogue_tags %}
{% block title %}{% catalogue_author as author %}{% if author %}Books by {{ author }}{% else %}Books{% endif %} | {% catalogue_name as name %}{{ site_name|default:name }}{% endblock %}
{% block body_class %} bk-catalogue-page bk-catalogue-list-page{% endblock %}
{% block content %}
<div class="bk-catalogue">
  <header class="bk-catalogue__header">
    {% catalogue_author as author %}<h1 class="bk-catalogue__title">{% if author %}Books by {{ author }}{% else %}Books{% endif %}</h1>
    <p class="bk-catalogue__intro">Books, cards, audiobooks and music, with buying options for your country.
      <a href="{% url 'catalogue:distributor_list' %}">Distributors worldwide&nbsp;&rarr;</a></p>
    <div class="bk-catalogue__tools">
      {% if languages|length > 1 %}
      <nav class="bk-catalogue-languages" aria-label="Language">
        {% for code, name in languages %}
        <a href="?language={{ code }}" class="bk-catalogue-languages__item{% if code == language %} is-active{% endif %}"{% if code == language %} aria-current="true"{% endif %} lang="{{ code }}">{{ name }}</a>
        {% endfor %}
        <a href="?language=all" class="bk-catalogue-languages__item{% if language == 'all' %} is-active{% endif %}"{% if language == 'all' %} aria-current="true"{% endif %}>All languages</a>
      </nav>
      {% endif %}
      {% include "catalogue/includes/country_picker.html" with country=country next=request.get_full_path %}
    </div>
  </header>

  {% if groups %}
  <div class="bk-catalogue-grid">
    {% for group in groups %}
      {% if group.entries|length > 1 %}
      <section class="bk-catalogue-group">
        <h2 class="bk-catalogue-group__title">{{ group.title }} <span class="bk-catalogue-group__count">{{ group.entries|length }} editions</span></h2>
        <div class="bk-catalogue-grid bk-catalogue-grid--nested">
          {% for entry in group.entries %}{% include "catalogue/includes/book_card.html" with book=entry.book purchase=entry.purchase %}{% endfor %}
        </div>
      </section>
      {% else %}
        {% with entry=group.entries.0 %}{% include "catalogue/includes/book_card.html" with book=entry.book purchase=entry.purchase %}{% endwith %}
      {% endif %}
    {% endfor %}
  </div>
  {% else %}
  <p class="bk-catalogue__empty">No books in this language yet. <a href="?language=all">Show all languages</a></p>
  {% endif %}
</div>
{% endblock %}