{% extends 'layout.html' %}
{% load fr_display %}
{% block content %}
{% include 'snippets/user_header.html' with user=user %}

<div class="block">
    <div class="tabs">
        <ul>
        {% for shelf_tab in shelves %}
        <li class="{% if shelf_tab.identifier == shelf.identifier  %}is-active{% endif %}">
            <a href="/user/{{ user | username }}/shelf/{{ shelf_tab.identifier }}">{{ shelf_tab.name }}</a>
        </li>
        {% endfor %}
        </ul>
    </div>
</div>

<div class="block">
    <div>
        {% include 'snippets/shelf.html' with shelf=shelf ratings=ratings %}
    </div>
</div>
{% endblock %}