{% 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>
				<!--class="d-none d-lg-table-cell"-->
				<th scope="col" class="full">{{ label_label }}</th>
				<th scope="col">{{ label_domain }}</th>
				<th scope="col">{{ label_port }}</th>
				<th scope="col">{{ label_type }}</th>
				<th scope="col">{{ label_rtime }}</th>
				<th scope="col">{{ label_last_online }}</th>
				<th scope="col">{{ label_last_offline }}</th>
				<th scope="col">{{ label_monitoring }}</th>
				{% if user_level == 10 %}
				<th scope="col">&#32</th>
				{% endif %}
			</tr>
			<tr class="warning no-result">
					<td colspan="4"><i class="fas fa-exclamation-triangle"></i> No result</td>
				  </tr>
		</thead>
		<tbody>
			{% for server in servers %}
			<tr>
				<th scope="row" class="full">
					{% if server.status|lower == 'on' %}
					<i class="fas fa-check-circle" title="{{ server.status }}"></i>&nbsp;
					{% elseif server.status|lower == 'warning' %}
					<i class="fas fa-exclamation-triangle" title="{{ server.status }}"></i>&nbsp;
					{% elseif server.status|lower == 'off' %}
					<i class="fas fa-times-circle" title="{{ server.status }}"></i>&nbsp;
					{% endif %}
					<a href="{{ server.url_view|raw }}" title="{{ label_view }}">
						{{ server.label }}
					</a>
				</th>
				<td>{{ server.ip|raw }}</td>
				<td>{{ server.port }}</td>
				<td>{{ server.type }}</td>
				<td>{{ server.rtime }}</td>
				<td>{{ server.last_online }}</td>
				<td>{{ server.last_offline }}</td>
				<td>
					{% if server.active|lower == 'yes'%} 
						<i class="fas fa-eye" title="{{ server.active_title }}"></i>
					{% else %}
						<i class="fas fa-eye-slash" title="{{ server.active_title }}"></i>
					{% endif %}
					{% if server.email|lower == 'yes'%}
						<i class="fas fa-envelope" title="{{ label_email }}"></i>
					{% endif %}
					{% if server.sms|lower == 'yes'%}
						<i class="fas fa-sms" title="{{ label_sms }}"></i>
					{% endif %}
					{% if server.pushover|lower == 'yes'%}
						<span class="fa-layers">
							<i class="fas fa-circle" title="{{ label_pushover }}"></i>
							<span class="fa-layers-text fa-inverse" style="font-weight:400; font-size:75%">P</span>
						</span>
					{% endif %}
					{% if server.telegram|lower == 'yes'%}
						<span class="fa-layers">
							<i class="fas fa-circle" title="{{ label_telegram }}"></i>
							<span class="fa-layers-text fa-inverse" style="font-weight:400; font-size:75%">T</span>
						</span>
					{% endif %}
					
				</td>
				{% if user_level == 10 %}
				<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="{{ server.url_view|raw }}" title="{{ label_view }}">
								<i class="fas fa-eye"></i> {{ label_view }}
							</a>
							<a class="dropdown-item" href="{{ server.url_edit|raw }}" title="{{ label_edit }}">
								<i class="fas fa-edit"></i> {{ label_edit }}
							</a>
							<a class="dropdown-item show-modal" href="{{ server.url_delete|raw }}" title="{{ label_delete }}" data-modal-id="delete"
							 data-modal-param="{{ server.server_name }}">
								<i class="fas fa-trash"></i> {{ label_delete }}
							</a>
						</div>
					</div>
				</td>
				{% endif %}
			</tr>
			{% endfor %}
		</tbody>
	</table>
</div>