{% extends 'layout.html' %}
{% load fr_display %}
{% block content %}
<div class="content-container">
    <h2>Recently Added Books</h2>
    <div class="book-grid row wrap shrink">
        {% for book in books %}
        <div class="cover-container">
            <a href="/book/{{ book.id }}">
            {% include 'snippets/book_cover.html' with book=book %}
            </a>
            {% include 'snippets/shelve_button.html' with book=book %}
        </div>
        {% endfor %}
    </div>
</div>
{% endblock %}