{% extends 'base.html' %}
{% set active_page = "management" %}
{% set version2 = False %}
 
{% block container %}
	{% if current_user.is_authenticated %}
	<!--start POP list div-->
	<div ng-show="display.serverList == true" ng-init="serverLookup()">
		<form>
		<div class="form-group"> <!--start search bar-->
		<div class="input-group">
		<div class="input-group-addon"><i class="fa fa-search"></i></div>
		<input type="text" class="form-control" placeholder="Search within results..." ng-model="searchServer">
		</div>
		</div> <!--end search bar-->
		</form>
		<hr>
		<p ng-show="display.pops == true && serverErrorEvent == 'noData'">Error: No Data Found</p>
		<div class="panel panel-default" style="overflow:auto" ng-show="tableLoading == false">
			<table class="table table-bordered table-striped table-hover" ng-show="serverErrorEvent == null">
				<thead>
					<tr>
						<th>
							<a href="#" ng-click="serverSetSort('name'); serverReverseSort()">SERVER NAME
								<span ng-show="serverSortType == 'name' && !serverSortReverse" class="fa fa-caret-down"></span>
								<span ng-show="serverSortType == 'name' && serverSortReverse" class="fa fa-caret-up"></span>
							</a>
						</th>
						<th>
							<a href="#" ng-click="serverSetSort('serial'); serverReverseSort()">SERIAL
								<span ng-show="serverSortType == 'serial' && !serverSortReverse" class="fa fa-caret-down"></span>
								<span ng-show="serverSortType == 'serial' && serverSortReverse" class="fa fa-caret-up"></span>
							</a>
						</th>
						<th>
							<a href="#" ng-click="serverSetSort('intLabel'); serverReverseSort()">INT TYPE
								<span ng-show="serverSortType == 'intLabel' && !serverSortReverse" class="fa fa-caret-down"></span>
								<span ng-show="serverSortType == 'intLabel' && serverSortReverse" class="fa fa-caret-up"></span>
							</a>
						</th>
						<th>
							<a href="#" ng-click="serverSetSort('intAddress'); serverReverseSort()">IP ADDRESS
								<span ng-show="serverSortType == 'intAddress' && !serverSortReverse" class="fa fa-caret-down"></span>
								<span ng-show="serverSortType == 'intAddress' && serverSortReverse" class="fa fa-caret-up"></span>
							</a>
						</th>
						<th>
							<a href="#" ng-click="serverSetSort('intMAC'); serverReverseSort()">INT MAC
								<span ng-show="serverSortType == 'intMAC' && !serverSortReverse" class="fa fa-caret-down"></span>
								<span ng-show="serverSortType == 'intMAC' && serverSortReverse" class="fa fa-caret-up"></span>
							</a>
						</th>
						<th>
							<a href="#" ng-click="serverSetSort('ipmiAddress'); serverReverseSort()">IPMI ADDRESS
								<span ng-show="serverSortType == 'ipmiAddress' && !serverSortReverse" class="fa fa-caret-down"></span>
								<span ng-show="serverSortType == 'ipmiAddress' && serverSortReverse" class="fa fa-caret-up"></span>
							</a>
						</th>
						<th>
							<a href="#" ng-click="serverSetSort('ipmiMAC'); serverReverseSort()">IPMI MAC
								<span ng-show="serverSortType == 'ipmiMAC' && !serverSortReverse" class="fa fa-caret-down"></span>
								<span ng-show="serverSortType == 'ipmiMAC' && serverSortReverse" class="fa fa-caret-up"></span>
							</a>
						</th>
					</tr>
				</thead>
				<tbody>
					<tr ng-repeat="row in serverList | orderBy:serverSortType:serverSortReverse | filter:searchServer">
						<td>{{row.name|angular}}</td>
						<td>{{row.serial|angular}}</td>
						<td>{{row.intLabel|angular}}</td>
						<td>{{row.intAddress|angular}}</td>
						<td>{{row.intMAC|angular}}</td>
						<td>{{row.ipmiAddress|angular}}</td>
						<td>{{row.ipmiMAC|angular}}</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="row" ng-if="tableLoading==true">
             <div class="col-md-2 col-md-offset-5" style="text-align:center">
				<i class="fa fa-refresh fa-spin"></i>
			</div>
		</div>
	</div>
  <!--end pop list div-->
  {% else %}
	<div class="jumbotron">
		<h3>Authorized Access Only</h3>
		<h4><a href="{{ url_for('auth.login') }}">Click Here To Login</a></h4>
	</div>
	{% endif %}
{% endblock %}
{% block scripts %}
{% endblock %}