{% extends "base.html" %}
{% block subtitle %}Follows{% endblock %}
{% block content %}
<div class="view-options">
{% if inbound %}
<a href=".?outbound=true">Your Follows</a>
<a href=".?outbound=true" class="selected">Follows You</a>
{% else %}
<a href=".?inbound=true" class="selected">Your Follows</a>
<a href=".?inbound=true">Follows You</a>
{% endif %}
</div>
<section class="icon-menu">
{% for identity in page_obj %}
<a class="option" href="{{ identity.urls.view }}">
<img src="{{ identity.local_icon_url.relative }}">
<span class="handle">
{{ identity.html_name_or_handle }}
<small>@{{ identity.handle }}</small>
</span>
{% if identity.id in outbound_ids %}
<span class="pill">Following</span>
{% if identity.id in inbound_ids %}
<span class="pill">Follows You</span>
</a>
{% empty %}
<p class="option empty">You have no follows.</p>
{% endfor %}
</section>
<div class="pagination">
{% if page_obj.has_previous %}
<a class="button" href=".?page={{ page_obj.previous_page_number }}">Previous Page</a>
{% if page_obj.has_next %}
<a class="button" href=".?page={{ page_obj.next_page_number }}">Next Page</a>
{% endblock %}