{% extends 'base.html' %}
{% set active_page = "server" %}
{% 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.serverList == 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('rack'); serverReverseSort()">RACK
								<span ng-show="serverSortType == 'rack' && !serverSortReverse" class="fa fa-caret-down"></span>
								<span ng-show="serverSortType == 'rack' && serverSortReverse" class="fa fa-caret-up"></span>
							</a>
						</th>
						<th>
							<a href="#" ng-click="serverSetSort('primaryAddress'); serverReverseSort()">DATA IP
								<span ng-show="serverSortType == 'primaryAddress' && !serverSortReverse" class="fa fa-caret-down"></span>
								<span ng-show="serverSortType == 'primaryAddress' && serverSortReverse" class="fa fa-caret-up"></span>
							</a>
						</th>
						<th>
							<a href="#" ng-click="serverSetSort('primaryMAC'); serverReverseSort()">DATA MAC
								<span ng-show="serverSortType == 'primaryMAC' && !serverSortReverse" class="fa fa-caret-down"></span>
								<span ng-show="serverSortType == 'primaryMAC' && serverSortReverse" class="fa fa-caret-up"></span>
							</a>
						</th>
						<th>
							<a href="#" ng-click="serverSetSort('ipmiAddress'); serverReverseSort()">IPMI IP
								<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>
						<th>&nbsp;</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.rack|angular}}</td>
						<td>{{row.primaryAddress|angular}}</td>
						<td>{{row.primaryMAC|angular}}</td>
						<td>{{row.ipmiAddress|angular}}</td>
						<td>{{row.ipmiMAC|angular}}</td>
						<td class="tools" style="text-align:center">
							<button ng-click="api_blink('start',row.ipmiAddress)" style="background-color:green;border-radius:6px" title="Enable IPMI Blink: {{row.ipmiAddress|angular}}">
								<i class="fa fa-lightbulb-o" style="color:white"></i>
							</button>
							<button ng-click="api_blink('stop',row.ipmiAddress)" style="background-color:red;border-radius:6px" title="Disable IPMI Blink: {{row.ipmiAddress|angular}}">
								<i class="fa fa-lightbulb-o" style="color:white"></i>
							</button>
						</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 id="dynAlerts">
			Testing
		</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 %}