{% extends 'base.html' %}
{% set active_page = "management" %}
{% set version2 = False %}
 
{% block container %}
	{% if current_user.is_authenticated %}

	<!--start imput div-->
	<div>
		<!-- form for command fields -->
		<form method="POST" action="{{ url_for('tools.massCommand') }}" role="form" ng-init="tempBol=false">

			<!-- loading panel -->
			<div class="panel panel-default" ng-show="tempBol==true">
				<div class="panel-heading">Mass Command Tool</div>
				<div class="panel-body">
					<div class="row topSpacer">
						<div class="col-md-6 col-md-offset-3" style="text-align:center">
							<i class="fa fa-refresh fa-spin"></i>
							<hr>
							<span style="color:orange;">Command Submitted</span>
							<br>
							<span>Feel free to navigate away from this page, processing will continue</span>
						</div>
					</div> <!-- end row -->
				</div><!-- end panel body-->
			</div><!-- end panel -->

			<!-- real info panel -->
			<div id="imputField" class="panel panel-default" ng-show="tempBol==false">
				<div class="panel-heading">Mass Command Tool</div>
				<div class="panel-body">
					
                    {{ form.csrf_token }}

					{% macro render_field(field) %}
					{{field.label}}
					{{field(class="form-control")|safe}}
					{% if field.errors %}
						<ul class=errors style="color:red;">
						{% for error in field.errors %}
						<li>{{ error }}</li>
						{% endfor %}
						</ul>
					{% endif %}
					{% endmacro %}

					<div class="row">
						<div class="col-sm-4">{{render_field(form.targetType)}}</div>
						<div class="col-sm-4">{{render_field(form.username)}}</div>
						<div class="col-sm-4">{{render_field(form.password)}}</div>
					</div> <!-- end row -->
						
					<div class="row topSpacer">
						<div class="col-sm-12">{{render_field(form.commandString)}}</div>
					</div> <!-- end row -->
            			
					<div class="row topSpacer">
						<div class="col-sm-1 col-sm-offset-11" ng-click="tempBol=!tempBol">
							<button type="submit" class="btn btn-primary pull-right lightAccent">Submit</button>
						</div>
					</div> <!-- end row -->
					<!-- end button -->
				</div> <!-- end panel body-->
			</div> <!-- end panel -->
		</form>

		<div class="panel panel-default">
			<div class="panel-heading">Logs</div>
			<div class="panel-body">
				<table class="table table-bordered table-striped table-hover">
					<thead>
						<tr>
							<th>Time Started</th>
							<th>Status</th>
							<th>Device</th>
							<th>Command</th>
							<th>Complete Time</th>
							<th>Device User</th>
							<th>Web User</th>
						</tr>
					</thead>
					<tbody>
						{%- for rack in commandHistory %}
						<tr>
							<td >{{rack['createTime']}}</td>
							<td >{{rack['commandStatus']}}</td>
							<td >{{rack['targetDeviceType']}}</td>
							<td >{{rack['commandString']}}</td>
							<td >{{rack['completeTime']}}</td>
							<td >{{rack['commandUsername']}}</td>
							<td >{{rack['webUser']}}</td>
						</tr>
						{% endfor -%}
					</tbody>
				</table>
			</div> <!-- end panel body-->
		</div> <!-- end panel -->
	</div>
	<!-- end input div -->
	{% endif %}
{% endblock %}
{% block scripts %}
{% endblock %}