{% extends 'layout.html' %}
{% load fr_display %}
{% block content %}

<div id="sidebar">
    <div>
        {% if shelves %}
        {% for shelf in shelves %}
        <h2>{{ shelf.name }}</h2>
        {% for book in shelf.books %}
        <div class="book-preview">
            {% include 'snippets/book.html' with book=book size="small" %}
        </div>
        {% endfor %}
        {% if shelf.size > shelf.books.count %}
        <a href="/shelf/{{ user | username }}/{{ shelf.identifier }}">See all {{ shelf.size }}</a>
        {% endif %}
        {% endfor %}

        {% else %}
        <h2>Reading Activity</h2>
        <p>Start a book!</p>
        {% endif %}
    </div>

    <div>
        <h2>Recently Added Books</h2>
        {% for book in recent_books %}
        <div class="book-preview">
            {% include 'snippets/book.html' with book=book size="small" %}
        </div>
        {% endfor %}
    </div>
</div>


<div id="feed">
    {% include 'snippets/tabs.html' with tabs=feed_tabs active_tab=active_tab %}

    {% for activity in activities %}
        {% include 'snippets/status.html' with status=activity depth=1 description=True %}
    {% endfor %}
</div>

{% endblock %}