{% if results is not empty %}

	<div class="table">

		<div class="table-header">
			<div class="table-cell-20">Picture</div>
			<div class="table-cell-30">Username</div>
			<div class="table-cell-30">Last Online</div>
			{% if ueuser.loggedIn %}<div class="table-cell-20">Add Friend</div>{% endif %}
		</div>

		{% for profile in results %}
		{% if ueuser.loggedIn.id != profile.id %}
		<div class="table-row">
				<a href="#" class="table-cell-20" data-request-data="id: {{profile.id}}" data-request="ueuser::onVisitProfile">
					<div class="avatar-small center-in-parent"><div class="responsive-circle center-in-parent" style="background-image:url({% if profile.avatar.path %} {{profile.avatar.path}} {% else %} {{'plugins/clake/userextended/assets/img/default_user.png'|app}} {% endif %})"></div></div> <br>
				</a>
				<a href="#" class="table-cell-30" data-request-data="id: {{profile.id}}" data-request="ueuser::onVisitProfile">
					{{profile.name}}
				</a>
				<a href="#" class="table-cell-30" data-request-data="id: {{profile.id}}" data-request="ueuser::onVisitProfile">
					{% if profile.last_seen %}
						{{profile.last_seen|relative}}
					{% else %}
						Never
					{% endif %}
				</a>
				{% if ueuser.loggedIn %}
					<div class="table-cell-20">
						{% if ueuser.isFriend(profile.id) %}
							<p>Friends!</p>
						{% elseif ueuser.isRequested(profile.id) %}
							<p>Request pending.</p>
						{% else %}
							<button data-request-data="id: {{profile.id}}" data-request="ueuser::onFriendUser">Add Friend</button>
						{% endif %}
					</div>
				{% endif %}
		</div>
		{% endif %}

		{% endfor %}

	</div>

{% else %}

	<div>
		No users found
	</div>

{% endif %}