{% extends 'layout.html' %}
{% load fr_display %}
{% block content %}
<div class="content-container">
    <h2>{{ author.display_name }}</h2>

    {% if author.bio %}
    <p>
        {{ author.bio }}
    </p>
    {% endif %}
</div>

<div class="content-container">
    <h2>Books by {{ author.display_name }}</h2>
    <div class="book-grid row shrink wrap">
        {% for book in books %}
        <div class="book-preview">
            <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 %}