{% block search_bar %} <input type='text' class='searchbar' placeholder='Recherche'> {% endblock %}

{% block group_list %}

	{% for cluster in core.get_clusters() %}

		{% block group_card %}

			{% block card_tag %} <article class='inline-box' id='{{ cluster.id_user_cluster }}'> {% endblock %}

				{% set userlist = core.get_members(cluster.id_user_cluster) %}

				{% block card_title %} <span class='title' style='color: {{ core.theme }}'>{{ cluster.name }}</span> {% endblock %}

				{% block card_remove %} <span class='link_remove' data-cluster='{{ cluster.id_user_cluster }}'>{{ core.icon.remove | raw }}</span> {% endblock %}
				{% block card_edit %}   <span class='link_edit'   data-cluster='{{ cluster.id_user_cluster }}'>{{ core.icon.edit   | raw }}</span> {% endblock %}

				{% block card_count %}

					<span class='code'>
						{{ core.icon.type | raw }}
						<span>{{ userlist | length }} utilisateurs</span>
					</span>

				{% endblock %}

				{% block card_members %}

					<span class='groups'>
						{{ core.icon.group | raw }}

						<span class='ignore'>
							{% for user in userlist %}

								<span>
									{{ user.username }}
									<span class='rem-member' data-member='{{ user.id_user }}' data-cluster='{{ cluster.id_user_cluster }}'></span>
								</span>

							{% endfor %}
						</span>

						<span class='add-member' data-cluster='{{ cluster.id_user_cluster }}'>+</span>
					</span>

				{% endblock %}

			</article>

		{% endblock %}

	{# if no result #}
	{% else %}

		{% block no_result %}

			<article class='inline-box'>
				<span>Aucun groupe utilisateur trouvé.</span>
			</article>

		{% endblock %}

	{% endfor %}

{% endblock %}