{% extends "settings/base.html" %}
{% block subtitle %}Federation{% endblock %}
{% block content %}
<form action="." class="search">
<input type="search" name="query" value="{{ query }}" placeholder="Search by domain">
<button><i class="fa-solid fa-search"></i></button>
</form>
<section class="icon-menu">
{% for domain in page_obj %}
<a class="option" href="{{ domain.urls.edit_federation }}">
<i class="fa-solid fa-globe"></i>
<span class="handle">
{{ domain.domain }}
<small>
{{ domain.num_users }} remote identit{{ domain.num_users|pluralize:"y,ies" }}
</small>
</span>
{% if domain.blocked %}
<span class="pill bad">Blocked</span>
{% endif %}
</a>
{% empty %}
<p class="option empty">There are no federation links yet.</p>
{% endfor %}
<div class="load-more">
{% 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>
</div>
</section>
{% endblock %}