{% extends "misago/profile/base.html" %}
{% load i18n %}


{% block title %}{% trans "Followers" %} | {{ block.super }}{% endblock %}


{% block og-title %}{% trans "Followers" %} | {{ block.super }}{% endblock %}


{% block section %}
<div class="profile-followers">

  <nav class="toolbar">
    <h3 class="toolbar-left">
      {% if is_authenticated_user %}
        {% blocktrans trimmed count users=count %}
          You have {{ users }} follower.
        {% plural %}
          You have {{ users }} followers.
        {% endblocktrans %}
      {% else %}
        {% blocktrans trimmed count users=count with username=profile %}
          {{ username }} has {{ users }} follower.
        {% plural %}
          {{ username }} has {{ users }} followers.
        {% endblocktrans %}
      {% endif %}
    </h3>
  </nav>

  {% if count %}
    <div class="users-cards-list ui-ready" itemscope itemtype="http://schema.org/ItemList">
      <div class="row">
        {% for user in followers %}
          <div class="col-xs-12 col-sm-4" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
            {% include "misago/userslists/usercard.html" with user=user %}
            <meta itemprop="position" content="{{ forloop.counter }}" />
          </div>
        {% endfor %}
      </div>
      <meta itemprop="numberOfItems" content="{{ count }}">
      <meta itemprop="itemListOrder" content="http://schema.org/ItemListOrderAscending">
    </div>
  {% else %}
    <p class="lead">
      {% if is_authenticated_user %}
        {% trans "You have no followers." %}
      {% else %}
        {% blocktrans trimmed with username=profile.username %}
          {{ username }} has no followers.
        {% endblocktrans %}
      {% endif %}
    </p>
  {% endif %}

</div>
{% endblock section %}