<section id="top-members">
<div class="container">
<div id="top-members-indide" class="row">
<h1>
{% trans with {'%tag_start%': '<span class="green-headline">', '%tag_end%': '</span>'} %}
Top %tag_start%Members%tag_end%
{% endtrans %}
</h1>
<div id="member-list-option" class="item-options">
{% if newest_users|length %}
<span class="members-switch" data-id="newest">{% trans %}Newest{% endtrans %}</span>
{% endif %}
{% if online_users|length %}
<span class="members-switch" data-id="active">{% trans %}Online{% endtrans %}</span>
{% endif %}
{% if popular_users|length %}
<span class="members-switch" data-id="popular">{% trans %}Popular{% endtrans %}</span>
{% endif %}
</div>
{% if newest_users|length %}
<ul class="item-list bp-newest-members" style="display:none;">
{% for user in newest_users %}
{% include 'SocialUserBundle:Registration:user_item.html.twig' with {user: user} %}
{% endfor %}
{% include 'SocialUserBundle:Registration:view_more_item.html.twig' %}
</ul>
{% endif %}
{% if online_users|length %}
<ul class="item-list bp-active-members" style="">
{% for user in online_users %}
{% include 'SocialUserBundle:Registration:user_item.html.twig' with {user: user} %}
{% endfor %}
{% include 'SocialUserBundle:Registration:view_more_item.html.twig' %}
</ul>
{% endif %}
{% if popular_users|length %}
<ul class="item-list bp-popular-members" style="display:none;">
{% for user in popular_users %}
{% include 'SocialUserBundle:Registration:user_item.html.twig' with {user: user} %}
{% endfor %}
{% include 'SocialUserBundle:Registration:view_more_item.html.twig' %}
</ul>
{% endif %}
</div>
</div>
</section>