<!--main content start-->
<style>
table, td {
    border: 0px solid grey;
	padding: 2px 5px;
}
</style>
<div class="row">
  <div class="col-lg-12">
	<h3 class="page-header"><i class="fa fa-tasks"></i> Services</h3>
	<ol class="breadcrumb">
	  <li><i class="fa fa-home"></i><a href="/dashboard" style="color:#fff;">Home</a></li>
	  <li><i class="fa fa-tasks"></i>Services</li>
	</ol>
  </div>
</div>

<div class="row">
  <div class="col-lg-12">
	<section class="panel">
	  <header class="panel-heading">
		TrilioVault Services
	  </header>
		
<!-- Default panel contents -->

% if len(error_message) > 0:
	<div class="alert alert-danger alert-dismissible" role="alert">
	  <button type="button" class="close" data-dismiss="alert">
	  <span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
	  <strong>{{error_message}}</strong>
	</div>
% end


<div style="margin-left:auto; margin-right:auto; padding:20px">	
<div class="container">
        
</div>
<div style="margin-left:auto; margin-right:auto; padding:20px">

<div class="panel panel-default">
	<div class="panel-heading">
		Services
	</div>
	<!-- .panel-heading -->
	<div id="collapseOne" class="panel-collapse collapse in">
	<div class="panel-body">
		<table id="myTable" class="table table-inverse">
		</table>
	</div>
	</div>
</div>



</div>



<div style="margin-left:auto; margin-right:auto; padding:20px">	

<table class="table table-hover">
<thead>
  <tr>
	<th>Name</th>
	<th>Status</th>
	<th>Action</th>
  </tr>
</thead>
<tbody>
  <tr>
	<td>tVault API Service</td>
	%if 'api_service' in locals() and api_service == 'Running':
		<td style="color:green">Running</td>
		<td><a href="/services/api_service/stop">Stop</a></td>			
	%elif 'api_service' in locals() and api_service == 'Stopped':
		<td style="color:red">Stopped</td>
		<td><a href="/services/api_service/start">Start</a></td>	
	%elif 'api_service' in locals():
		<td>{{api_service}}</td>
		<td>None</td>
	%else:
		<td>Not Applicable</td>
		<td>None</td>		        
	%end  	        
  </tr>
  <tr>
	<td>tVault Scheduler Service</td>
	%if 'scheduler_service' in locals() and scheduler_service == 'Running':
		<td style="color:green">Running</td>
		<td><a href="/services/scheduler_service/stop">Stop</a></td>			
	%elif 'scheduler_service' in locals() and scheduler_service == 'Stopped':
		<td style="color:red">Stopped</td>
		<td><a href="/services/scheduler_service/start">Start</a></td>	
	%elif 'scheduler_service' in locals():
		<td>{{scheduler_service}}</td>
		<td>None</td>
	%else:
		<td>Not Applicable</td>
		<td>None</td>		        
	%end
  </tr>
  <tr>
	<td>tVault Workload Service</td>
	%if 'workloads_service' in locals() and workloads_service == 'Running':
		<td style="color:green">Running</td>
		<td><a href="/services/workloads_service/stop">Stop</a></td>			
	%elif 'workloads_service' in locals() and workloads_service == 'Stopped':
		<td style="color:red">Stopped</td>
		<td><a href="/services/workloads_service/start">Start</a></td>	
	%elif 'workloads_service' in locals():
		<td>{{workloads_service}}</td>
		<td>None</td>
	%else:
		<td>Not Applicable</td>
		<td>None</td>		        
	%end
  </tr>			      			      
</tbody>
</table>
<br>
<br>				

</section>
</div>

<!-- page end-->

<script>
    var table = document.getElementById("myTable");
    var len=3;
    for (var i =1;i<=len;i++)
    {
      var row1 = table.insertRow(0);
      var row2 = table.insertRow(1);
      var row3 = table.insertRow(2);
      var row4 = table.insertRow(3);
      row1.innerHTML = "<a href='#'>Node"+i+"</a>";          
	  row2.innerHTML = "<td>tVault API Service</td>"
		"%if 'api_service' in locals() and api_service == 'Running':"
			"<td style='color:green'>Running</td>";
			"<td><a href='services/api_service/stop'>Stop</a></td>"			
		"%elif 'api_service' in locals() and api_service == 'Stopped':"
			"<td style='color:red'>Stopped</td>"
			"<td><a href='/services/api_service/start'>Start</a></td>"	
		"%elif 'api_service' in locals():"
			"<td>api_service</td>"
			"<td>None</td>"
		"%else:"
			"<td>Not Applicable</td>"
			"<td>None</td>"		        
		"%end"
		"<br/><br/>";
	  row3.innerHTML = "<td>tVault Scheduler Service</td>"
						"%if 'scheduler_service' in locals() and scheduler_service == 'Running':"
							"<td style='color:green'>Running</td>";
							"<td><a href='services/scheduler_service/stop'>Stop</a></td>"			
						"%elif 'scheduler_service' in locals() and scheduler_service == 'Stopped':"
							"<td style='color:red'>Stopped</td>"
							"<td><a href='/services/scheduler_service/start'>Start</a></td>"	
						"%elif 'scheduler_service' in locals():"
							"<td>scheduler_service</td>"
							"<td>None</td>"
						"%else:"
							"<td>Not Applicable</td>"
							"<td>None</td>"		        
						"%end"
						"<br/><br/>";
	  row4.innerHTML = "<td>tVault Workload Service</td>"
		"%if 'workloads_service' in locals() and workloads_service == 'Running':"
			"<td style='color:green'>Running</td>";
			"<td><a href='services/workloads_service/stop'>Stop</a></td>"			
		"%elif 'workloads_service' in locals() and workloads_service == 'Stopped':"
			"<td style='color:red'>Stopped</td>"
			"<td><a href='/services/workloads_service/start'>Start</a></td>"	
		"%elif 'workloads_service' in locals():"
			"<td>workloads_service</td>"
			"<td>None</td>"
		"%else:"
			"<td>Not Applicable</td>"
			"<td>None</td>"		        
		"%end"
		"<br/><br/>";
    }
</script>
%rebase layout title="Services"