{% extends "base.html" %}
{% block content %}
<h2>Followers</h2>
{% if let Some(err) = error %}
<p class="error">{{ err }}</p>
{% endif %}
{% if actors.is_empty() %}
<p>No followers yet.</p>
{% else %}
<ul class="following-list">
{% for actor in actors %}
<li class="following-item">
  {% if let Some(avatar) = actor.avatar_url %}
  <img src="{{ avatar }}" alt="" style="width:32px;height:32px;border-radius:50%;vertical-align:middle;margin-right:6px" />
  {% endif %}
  <strong>{{ actor.handle }}</strong>
  {% if let Some(name) = actor.display_name %}
  ({{ name }})
  {% endif %}
  <a href="{{ actor.url }}" target="_blank" rel="noopener noreferrer">View profile ↗</a>
  <form method="POST" action="/users/{{ user_id }}/followers/remove" style="display:inline">
    <input type="hidden" name="actor_url" value="{{ actor.url }}">
    <input type="hidden" name="_csrf" value="{{ ctx.csrf_token }}">
    <button type="submit">Remove</button>
  </form>
  <form method="POST" action="/social/block" style="display:inline">
    <input type="hidden" name="actor_url" value="{{ actor.url }}">
    <input type="hidden" name="_csrf" value="{{ ctx.csrf_token }}">
    <button type="submit">Block</button>
  </form>
</li>
{% endfor %}
</ul>
{% endif %}
{% endblock %}