{% extends 'user/user_layout.html' %}
{% load i18n %}
{% load bookwyrm_tags %}

{% block header %}
<h1 class="title">
    {% trans "User Profile" %}
</h1>
{% endblock %}

{% block panel %}
<div class="block">
    <h2 class="title">{% trans "Followers" %}</h2>
    {% for follower in followers %}
    <div class="block columns">
        <div class="column">
            <a href="{{ follower.local_path }}">
                {% include 'snippets/avatar.html' with user=follower %}
                {{ follower.display_name }}
            </a>
            ({{ follower.username }})
        </div>
        <div class="column is-narrow">
            {% include 'snippets/follow_button.html' with user=follower %}
        </div>
    </div>
    {% endfor %}
    {% if not followers.count %}
    <div>{% blocktrans with username=user.display_name %}{{ username }} has no followers{% endblocktrans %}</div>
    {% endif %}
</div>

{% include 'snippets/pagination.html' with page=followers path=request.path %}
{% endblock %}