-{% extends "base/base.html" %}
+{% extends 'base.html' %}
{% load i18n %}
-{% load catalogue_tags %}
-{% block titleextra %}{{ collection.title }}{% endblock %}
+{% block breadcrumbs %}
+ <a href="/katalog/"><span>{% trans "Katalog" %}</span></a>
+ <a href="/katalog/kolekcje/"><span>{% trans "Kolekcje" %}</span></a>
+{% endblock %}
+
+
+{% block main %}
+
+ <div class="l-section">
+ <div class="l-author__header">
+ <h1>{{ collection.title }}</h1>
+ </div>
+ </div>
+
+ <div class="l-author__info">
+ <p>
+ {{ collection.description|safe }}
+ </p>
+ </div>
-{% block bodyid %}collection{% endblock %}
+ <div class="l-section">
+ <div class="l-books__header">
+ <div class="l-books__input">
+ <i class="icon icon-filter"></i>
+ <input type="text" placeholder="{% trans 'filtry, tytuł' %}" class="quick-filter" data-for="book-list">
+ </div>
+ <div class="l-books__sorting">
+ <span>Sortuj:</span>
+ <div>
+ <button data-order="data-pop">{% trans 'najpopularniejsze' %}</button>
+ <button class="is-active">{% trans 'alfabetycznie' %}</button>
+ <!--button>chronologicznie</button-->
+ </div>
+ </div>
+ </div>
+ </div>
-{% block body %}
- <h1>{{ collection.title }}</h1>
+ <div class="l-section l-section--col">
+ <div class="l-books__grid" id="book-list">
+ {% for book in collection.get_books %}
+ {% include "catalogue/book_box.html" %}
+ {% endfor %}
+ </div>
+ </div>
- {{ collection.description|safe }}
- {% plain_list collection.get_books by_author=True %}
{% endblock %}