<xf:title>{{ phrase('members_following_x', {'name': $user.username}) }}</xf:title>

<xf:head option="metaNoindex"><meta name="robots" content="noindex" /></xf:head>

<xf:breadcrumb href="{{ link('members', $user) }}">{$user.username}</xf:breadcrumb>

<div class="block">
	<div class="block-container js-followerList{$user.user_id}">
		<ol class="block-body">
			<xf:foreach loop="$followers" value="$followerUser">
				<li class="block-row block-row--separated">
					<xf:macro template="member_list_macros" name="item" arg-user="{$followerUser}" />
				</li>
			</xf:foreach>
		</ol>
		<xf:if is="$hasMore">
			<div class="block-footer">
				<span class="block-footer-controls"><xf:button href="{{ link('members/followers', $user, {'page': $page + 1}) }}"
					data-xf-click="inserter"
					data-replace=".js-followerList{$user.user_id}"
					data-scroll-target="< .overlay">
					{{ phrase('more...') }}
				</xf:button></span>
			</div>
		</xf:if>
	</div>
</div>