{% import 'main/macros.tpl.html' as macro %}
{{ macro.table_search(label_search) }}
<div class="table-responsive">
	<table class="table table-striped table-hover table-bordered">
		<thead>
			<tr>
				<th scope="col">{{ label_user }}</th>
				<th scope="col" class="d-none d-lg-table-cell">{{ label_name }}</th>
				<th scope="col" class="d-none d-lg-table-cell">{{ label_level }}</th>
				<th scope="col">{{ label_email }}</th>
				<th scope="col">{{ label_mobile }}</th>
				<th scope="col">{{ label_servers }}</th>
				<th scope="col">&#32</th>
			</tr>
		</thead>
		<tbody>
			{% for user in users %}
			<tr>
				<th scope="row">
					{% if user.level == '10' %}
					<i class="fas fa-user-astronaut d-lg-none" title="{{ user.level_text }}"></i>&nbsp;
					{% elseif user.level == '20' %}
					<i class="fas fa-user d-lg-none" title="{{ user.level_text }}"></i>&nbsp;
					{% endif %}
					{{ user.user_name }} <span class="d-lg-none">({{ user.name }})</span></th>
				<td class="d-none d-lg-table-cell">{{ user.name }}</td>
				<td class="d-none d-lg-table-cell">{{ user.level_text }}</td>
				<td>{{ user.email }}</td>
				<td>{{ user.mobile }}</td>
				<td>{% for server in user.emp_servers %} {{ server.label }}<br /> {% endfor %}</td>
				<td>
					<div class="item-action dropdown">
						<a data-toggle="dropdown" class="icon"><i class="fas fa-ellipsis-v"></i></a>
						<div class="dropdown-menu">
							<a class="dropdown-item" href="{{ user.url_edit|raw }}" title="{{ label_edit }}">
								<i class="fas fa-edit"></i> {{ label_edit }}
							</a>
							<a class="dropdown-item show-modal" href="{{ user.url_delete|raw }}" title="{{ label_delete }}" data-modal-id="delete"
							 data-modal-param="{{ user.user_name }}">
								<i class="fas fa-trash"></i> {{ label_delete }}
							</a>
						</div>
					</div>
				</td>
			</tr>
			{% endfor %}
		</tbody>
	</table>
</div>